From 2a0848dfc98c2f04fe5c72a627e2b3be281fc3df Mon Sep 17 00:00:00 2001 From: MDN Date: Wed, 16 Mar 2022 00:12:44 +0000 Subject: [CRON] sync translated content --- files/fr/_redirects.txt | 1 + files/fr/_wikihistory.json | 2 +- .../sharedworkerglobalscope/connect_event/index.md | 52 +++++++++ .../api/sharedworkerglobalscope/onconnect/index.md | 51 --------- files/ja/_redirects.txt | 10 +- files/ja/_wikihistory.json | 76 ++++++------- .../index.html | 70 ++++++++++++ .../web/api/mediarecorder/error_event/index.html | 120 +++++++++++++++++++++ files/ja/learn/release_notes/index.html | 69 ------------ .../mediarecorder/dataavailable_event/index.html | 94 ++++++++++++++++ .../api/mediarecorder/ondataavailable/index.html | 93 ---------------- files/ja/web/api/mediarecorder/onerror/index.html | 119 -------------------- files/ja/web/api/mediarecorder/onpause/index.html | 88 --------------- files/ja/web/api/mediarecorder/onresume/index.html | 88 --------------- files/ja/web/api/mediarecorder/onstart/index.html | 77 ------------- files/ja/web/api/mediarecorder/onstop/index.html | 78 -------------- .../web/api/mediarecorder/pause_event/index.html | 89 +++++++++++++++ .../web/api/mediarecorder/resume_event/index.html | 89 +++++++++++++++ .../web/api/mediarecorder/start_event/index.html | 78 ++++++++++++++ .../ja/web/api/mediarecorder/stop_event/index.html | 79 ++++++++++++++ files/ja/web/api/worker/error_event/index.html | 41 +++++++ files/ja/web/api/worker/onerror/index.html | 40 ------- files/pt-br/_redirects.txt | 3 +- files/pt-br/_wikihistory.json | 12 +-- files/pt-br/conflicting/learn/index.html | 67 ++++++++++++ files/pt-br/learn/release_notes/index.html | 67 ------------ files/ru/_redirects.txt | 1 + files/ru/_wikihistory.json | 2 +- .../mediarecorder/dataavailable_event/index.html | 69 ++++++++++++ .../api/mediarecorder/ondataavailable/index.html | 68 ------------ files/zh-cn/_redirects.txt | 1 + files/zh-cn/_wikihistory.json | 14 +-- .../mediarecorder/dataavailable_event/index.html | 81 ++++++++++++++ .../api/mediarecorder/ondataavailable/index.html | 80 -------------- 34 files changed, 996 insertions(+), 973 deletions(-) create mode 100644 files/fr/web/api/sharedworkerglobalscope/connect_event/index.md delete mode 100644 files/fr/web/api/sharedworkerglobalscope/onconnect/index.md create mode 100644 files/ja/conflicting/learn_5c079fa29d8d329cb43586076f0bb7bf/index.html create mode 100644 files/ja/conflicting/web/api/mediarecorder/error_event/index.html delete mode 100644 files/ja/learn/release_notes/index.html create mode 100644 files/ja/web/api/mediarecorder/dataavailable_event/index.html delete mode 100644 files/ja/web/api/mediarecorder/ondataavailable/index.html delete mode 100644 files/ja/web/api/mediarecorder/onerror/index.html delete mode 100644 files/ja/web/api/mediarecorder/onpause/index.html delete mode 100644 files/ja/web/api/mediarecorder/onresume/index.html delete mode 100644 files/ja/web/api/mediarecorder/onstart/index.html delete mode 100644 files/ja/web/api/mediarecorder/onstop/index.html create mode 100644 files/ja/web/api/mediarecorder/pause_event/index.html create mode 100644 files/ja/web/api/mediarecorder/resume_event/index.html create mode 100644 files/ja/web/api/mediarecorder/start_event/index.html create mode 100644 files/ja/web/api/mediarecorder/stop_event/index.html create mode 100644 files/ja/web/api/worker/error_event/index.html delete mode 100644 files/ja/web/api/worker/onerror/index.html create mode 100644 files/pt-br/conflicting/learn/index.html delete mode 100644 files/pt-br/learn/release_notes/index.html create mode 100644 files/ru/web/api/mediarecorder/dataavailable_event/index.html delete mode 100644 files/ru/web/api/mediarecorder/ondataavailable/index.html create mode 100644 files/zh-cn/web/api/mediarecorder/dataavailable_event/index.html delete mode 100644 files/zh-cn/web/api/mediarecorder/ondataavailable/index.html diff --git a/files/fr/_redirects.txt b/files/fr/_redirects.txt index f18598385c..a5dcbf8334 100644 --- a/files/fr/_redirects.txt +++ b/files/fr/_redirects.txt @@ -3743,6 +3743,7 @@ /fr/docs/Web/API/Selection.toString /fr/docs/Web/API/Selection/toString /fr/docs/Web/API/Selection_API /fr/docs/conflicting/Web/API/Selection /fr/docs/Web/API/ServiceWorkerState /fr/docs/orphaned/Web/API/ServiceWorkerState +/fr/docs/Web/API/SharedWorkerGlobalScope/onconnect /fr/docs/Web/API/SharedWorkerGlobalScope/connect_event /fr/docs/Web/API/Storage/LocalStorage /fr/docs/conflicting/Web/API/Window/localStorage /fr/docs/Web/API/StorageEstimate /fr/docs/conflicting/Web/API/StorageManager/estimate /fr/docs/Web/API/Touch_events/Supporting_both_TouchEvent_and_MouseEvent /fr/docs/conflicting/Web/API/Pointer_events diff --git a/files/fr/_wikihistory.json b/files/fr/_wikihistory.json index db7fabbb59..4eb949802b 100644 --- a/files/fr/_wikihistory.json +++ b/files/fr/_wikihistory.json @@ -19238,7 +19238,7 @@ "Arzak656" ] }, - "Web/API/SharedWorkerGlobalScope/onconnect": { + "Web/API/SharedWorkerGlobalScope/connect_event": { "modified": "2020-10-15T22:26:31.419Z", "contributors": [ "Arzak656" diff --git a/files/fr/web/api/sharedworkerglobalscope/connect_event/index.md b/files/fr/web/api/sharedworkerglobalscope/connect_event/index.md new file mode 100644 index 0000000000..6f3f17e881 --- /dev/null +++ b/files/fr/web/api/sharedworkerglobalscope/connect_event/index.md @@ -0,0 +1,52 @@ +--- +title: SharedWorkerGlobalScope.onconnect +slug: Web/API/SharedWorkerGlobalScope/connect_event +translation_of: Web/API/SharedWorkerGlobalScope/onconnect +original_slug: Web/API/SharedWorkerGlobalScope/onconnect +--- +{{APIRef("Web Workers API")}} + +La proriété **`onconnect`** de l'interface {{domxref("SharedWorkerGlobalScope")}} est un gestionnaire d'évènement pour l'évènement {{event("connect")}}, c'est à dire quand une connexion {{domxref("MessagePort")}} est ouverte entre le {{domxref("SharedWorker")}} et le _thread_ principale. + +## Syntaxe + +```js +onconnect = function() { ... }; +``` + +## Exemple + +Cet exemple montre le gestionnaire d'évènement `onconnect` quand une connection depuis le thread principal vers un fichier de _worker_ partagé via un {{domxref("MessagePort")}}. L'objet évènement est un {{domxref("MessageEvent")}}. + +Le port de connexion peut-être récupéré avec la propriété `ports` de l'objet évènement. Le port a un gestionnaire d'évènement `onmessage` pour gérer les évènement venant de cet port et la méthode `postMessage()` peut-être utilisée pour répondre au _thread_ principale qui utilise le _worker_. + +```js +onconnect = function(e) { + var port = e.ports[0]; + + port.onmessage = function(e) { + var workerResult = 'Result: ' + (e.data[0] * e.data[1]); + port.postMessage(workerResult); + } + + port.start(); +} +``` + +Pour l'exemple complet en fonctionnement, voir [Basic shared worker example](https://github.com/mdn/simple-shared-worker) ([run shared worker](http://mdn.github.io/simple-shared-worker/).) + +> **Note :** La propriété `data` de l'objet évènement est `null` dans Firefox. À partir de la version 65, elle est initialisée comme une chaîne vide, selon les spécifications ({{bug(1508824)}}). + +## Spécifications + +| Spécification | Status | Commentaire | +| -------------------------------------------------------------------------------------------------------------------- | -------------------------------- | ----------- | +| {{SpecName('HTML WHATWG', '#handler-sharedworkerglobalscope-onconnect', 'onconnect')}} | {{Spec2('HTML WHATWG')}} | | + +## Compatibilité des navigateurs + +{{Compat("api.SharedWorkerGlobalScope.onconnect")}} + +## Voir aussi + +- {{domxref("SharedWorkerGlobalScope")}} diff --git a/files/fr/web/api/sharedworkerglobalscope/onconnect/index.md b/files/fr/web/api/sharedworkerglobalscope/onconnect/index.md deleted file mode 100644 index f14a8d0b4b..0000000000 --- a/files/fr/web/api/sharedworkerglobalscope/onconnect/index.md +++ /dev/null @@ -1,51 +0,0 @@ ---- -title: SharedWorkerGlobalScope.onconnect -slug: Web/API/SharedWorkerGlobalScope/onconnect -translation_of: Web/API/SharedWorkerGlobalScope/onconnect ---- -{{APIRef("Web Workers API")}} - -La proriété **`onconnect`** de l'interface {{domxref("SharedWorkerGlobalScope")}} est un gestionnaire d'évènement pour l'évènement {{event("connect")}}, c'est à dire quand une connexion {{domxref("MessagePort")}} est ouverte entre le {{domxref("SharedWorker")}} et le _thread_ principale. - -## Syntaxe - -```js -onconnect = function() { ... }; -``` - -## Exemple - -Cet exemple montre le gestionnaire d'évènement `onconnect` quand une connection depuis le thread principal vers un fichier de _worker_ partagé via un {{domxref("MessagePort")}}. L'objet évènement est un {{domxref("MessageEvent")}}. - -Le port de connexion peut-être récupéré avec la propriété `ports` de l'objet évènement. Le port a un gestionnaire d'évènement `onmessage` pour gérer les évènement venant de cet port et la méthode `postMessage()` peut-être utilisée pour répondre au _thread_ principale qui utilise le _worker_. - -```js -onconnect = function(e) { - var port = e.ports[0]; - - port.onmessage = function(e) { - var workerResult = 'Result: ' + (e.data[0] * e.data[1]); - port.postMessage(workerResult); - } - - port.start(); -} -``` - -Pour l'exemple complet en fonctionnement, voir [Basic shared worker example](https://github.com/mdn/simple-shared-worker) ([run shared worker](http://mdn.github.io/simple-shared-worker/).) - -> **Note :** La propriété `data` de l'objet évènement est `null` dans Firefox. À partir de la version 65, elle est initialisée comme une chaîne vide, selon les spécifications ({{bug(1508824)}}). - -## Spécifications - -| Spécification | Status | Commentaire | -| -------------------------------------------------------------------------------------------------------------------- | -------------------------------- | ----------- | -| {{SpecName('HTML WHATWG', '#handler-sharedworkerglobalscope-onconnect', 'onconnect')}} | {{Spec2('HTML WHATWG')}} | | - -## Compatibilité des navigateurs - -{{Compat("api.SharedWorkerGlobalScope.onconnect")}} - -## Voir aussi - -- {{domxref("SharedWorkerGlobalScope")}} diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index f5b26185a7..249a98cdc6 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -2702,6 +2702,7 @@ /ja/docs/Learn/JavaScript/Objects/継承 /ja/docs/Learn/JavaScript/Objects/Classes_in_JavaScript /ja/docs/Learn/JavaScript/非同期 /ja/docs/Learn/JavaScript/Asynchronous /ja/docs/Learn/Performance/Populating_the_page:_how_browsers_work /ja/docs/Web/Performance/How_browsers_work +/ja/docs/Learn/Release_notes /ja/docs/conflicting/Learn_5c079fa29d8d329cb43586076f0bb7bf /ja/docs/Learn/Server-side/Express_Nodejs/Installing_on_PWS_Cloud_Foundry /ja/docs/orphaned/Learn/Server-side/Express_Nodejs/Installing_on_PWS_Cloud_Foundry /ja/docs/Link_prefetching_FAQ /ja/docs/Web/HTTP/Link_prefetching_FAQ /ja/docs/Localization /ja/docs/Glossary/Localization @@ -3020,7 +3021,7 @@ /ja/docs/Web-e/Guide/CSS/Understanding_z_index/Stacking_without_z-index /ja/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index /ja/docs/Web-e/Guide/CSS/Understanding_z_index/The_stacking_context /ja/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context /ja/docs/Web/API/AbstractWorker /ja/docs/Web/API/Worker -/ja/docs/Web/API/AbstractWorker/onerror /ja/docs/Web/API/Worker/onerror +/ja/docs/Web/API/AbstractWorker/onerror /ja/docs/Web/API/Worker/error_event /ja/docs/Web/API/Apps.mgmt.addEventListener /ja/docs/Web/API/EventTarget/addEventListener /ja/docs/Web/API/Apps.mgmt.removeEventListener /ja/docs/Web/API/EventTarget/removeEventListener /ja/docs/Web/API/AudioBufferSourceNode.onended /ja/docs/Web/API/AudioScheduledSourceNode/ended_event @@ -3189,6 +3190,12 @@ /ja/docs/Web/API/MediaCapabilitiesInfo /ja/docs/Web/API/MediaCapabilities/encodingInfo /ja/docs/Web/API/MediaDevices/ondevicechange /ja/docs/Web/API/MediaDevices/devicechange_event /ja/docs/Web/API/MediaQueryList/onchange /ja/docs/Web/API/MediaQueryList/change_event +/ja/docs/Web/API/MediaRecorder/ondataavailable /ja/docs/Web/API/MediaRecorder/dataavailable_event +/ja/docs/Web/API/MediaRecorder/onerror /ja/docs/conflicting/Web/API/MediaRecorder/error_event +/ja/docs/Web/API/MediaRecorder/onpause /ja/docs/Web/API/MediaRecorder/pause_event +/ja/docs/Web/API/MediaRecorder/onresume /ja/docs/Web/API/MediaRecorder/resume_event +/ja/docs/Web/API/MediaRecorder/onstart /ja/docs/Web/API/MediaRecorder/start_event +/ja/docs/Web/API/MediaRecorder/onstop /ja/docs/Web/API/MediaRecorder/stop_event /ja/docs/Web/API/MediaRecorder_API /ja/docs/Web/API/MediaStream_Recording_API /ja/docs/Web/API/MediaStream/onaddtrack /ja/docs/Web/API/MediaStream/addtrack_event /ja/docs/Web/API/MediaStreamConstraints /ja/docs/conflicting/Web/API/MediaDevices/getUserMedia @@ -3394,6 +3401,7 @@ /ja/docs/Web/API/WindowTimers/clearTimeout /ja/docs/Web/API/clearTimeout /ja/docs/Web/API/WindowTimers/setInterval /ja/docs/Web/API/setInterval /ja/docs/Web/API/WindowTimers/setTimeout /ja/docs/Web/API/setTimeout +/ja/docs/Web/API/Worker/onerror /ja/docs/Web/API/Worker/error_event /ja/docs/Web/API/WorkerGlobalScope/caches /ja/docs/Web/API/caches /ja/docs/Web/API/XMLHttpRequest/onreadystatechange /ja/docs/Web/API/XMLHttpRequest/readystatechange_event /ja/docs/Web/API/XMLHttpRequest/openRequest /ja/docs/orphaned/Web/API/XMLHttpRequest/openRequest diff --git a/files/ja/_wikihistory.json b/files/ja/_wikihistory.json index 2829a4ea1d..8898196d62 100644 --- a/files/ja/_wikihistory.json +++ b/files/ja/_wikihistory.json @@ -5609,12 +5609,6 @@ "silverskyvicto" ] }, - "Learn/Release_notes": { - "modified": "2020-09-28T09:40:44.944Z", - "contributors": [ - "silverskyvicto" - ] - }, "Learn/Server-side": { "modified": "2020-07-16T22:35:59.367Z", "contributors": [ @@ -17951,6 +17945,12 @@ "Wind1808" ] }, + "Web/API/MediaRecorder/dataavailable_event": { + "modified": "2020-10-15T22:18:01.594Z", + "contributors": [ + "Wind1808" + ] + }, "Web/API/MediaRecorder/error_event": { "modified": "2020-10-15T22:18:20.005Z", "contributors": [ @@ -17971,62 +17971,44 @@ "Wind1808" ] }, - "Web/API/MediaRecorder/ondataavailable": { - "modified": "2020-10-15T22:18:01.594Z", - "contributors": [ - "Wind1808" - ] - }, - "Web/API/MediaRecorder/onerror": { - "modified": "2020-10-15T22:18:05.909Z", + "Web/API/MediaRecorder/pause": { + "modified": "2020-10-15T22:18:16.534Z", "contributors": [ "Wind1808" ] }, - "Web/API/MediaRecorder/onpause": { + "Web/API/MediaRecorder/pause_event": { "modified": "2020-10-15T22:18:02.845Z", "contributors": [ "Wind1808" ] }, - "Web/API/MediaRecorder/onresume": { - "modified": "2020-10-15T22:18:05.523Z", - "contributors": [ - "Wind1808" - ] - }, - "Web/API/MediaRecorder/onstart": { - "modified": "2020-10-15T22:18:00.782Z", - "contributors": [ - "Wind1808" - ] - }, - "Web/API/MediaRecorder/onstop": { - "modified": "2020-10-15T22:18:01.731Z", + "Web/API/MediaRecorder/requestData": { + "modified": "2020-10-15T22:18:17.551Z", "contributors": [ "Wind1808" ] }, - "Web/API/MediaRecorder/pause": { - "modified": "2020-10-15T22:18:16.534Z", + "Web/API/MediaRecorder/resume": { + "modified": "2020-10-15T22:18:17.460Z", "contributors": [ "Wind1808" ] }, - "Web/API/MediaRecorder/requestData": { - "modified": "2020-10-15T22:18:17.551Z", + "Web/API/MediaRecorder/resume_event": { + "modified": "2020-10-15T22:18:05.523Z", "contributors": [ "Wind1808" ] }, - "Web/API/MediaRecorder/resume": { - "modified": "2020-10-15T22:18:17.460Z", + "Web/API/MediaRecorder/start": { + "modified": "2020-10-15T22:18:17.659Z", "contributors": [ "Wind1808" ] }, - "Web/API/MediaRecorder/start": { - "modified": "2020-10-15T22:18:17.659Z", + "Web/API/MediaRecorder/start_event": { + "modified": "2020-10-15T22:18:00.782Z", "contributors": [ "Wind1808" ] @@ -18043,6 +18025,12 @@ "Wind1808" ] }, + "Web/API/MediaRecorder/stop_event": { + "modified": "2020-10-15T22:18:01.731Z", + "contributors": [ + "Wind1808" + ] + }, "Web/API/MediaRecorder/stream": { "modified": "2020-10-15T22:18:16.438Z", "contributors": [ @@ -25100,7 +25088,7 @@ "lv7777" ] }, - "Web/API/Worker/onerror": { + "Web/API/Worker/error_event": { "modified": "2020-10-15T22:02:48.424Z", "contributors": [ "chikoski" @@ -48203,6 +48191,12 @@ "sii" ] }, + "conflicting/Learn_5c079fa29d8d329cb43586076f0bb7bf": { + "modified": "2020-09-28T09:40:44.944Z", + "contributors": [ + "silverskyvicto" + ] + }, "conflicting/MDN/Contribute/Markdown_in_MDN": { "modified": "2020-09-30T15:30:25.061Z", "contributors": [ @@ -48343,6 +48337,12 @@ "e53e04ac" ] }, + "conflicting/Web/API/MediaRecorder/error_event": { + "modified": "2020-10-15T22:18:05.909Z", + "contributors": [ + "Wind1808" + ] + }, "conflicting/Web/API/Navigator/onLine": { "modified": "2019-03-23T23:53:08.504Z", "contributors": [ diff --git a/files/ja/conflicting/learn_5c079fa29d8d329cb43586076f0bb7bf/index.html b/files/ja/conflicting/learn_5c079fa29d8d329cb43586076f0bb7bf/index.html new file mode 100644 index 0000000000..a5daf4cc37 --- /dev/null +++ b/files/ja/conflicting/learn_5c079fa29d8d329cb43586076f0bb7bf/index.html @@ -0,0 +1,70 @@ +--- +title: 学習エリアのリリースノート +slug: conflicting/Learn_5c079fa29d8d329cb43586076f0bb7bf +tags: + - Learn + - Release Notes +translation_of: Learn/Release_notes +original_slug: Learn/Release_notes +--- +
{{learnsidebar}}
+ +

This page details significant changes made to the learning area. Check back here if you want to know what new content is available, and what existing content has been improved.

+ +

If you want to give feedback on any of these new additions, please leave comments in our Discourse forum.

+ +

June 2020

+ +

Our Front-end web developer learning pathway is officially launched! Check it out for an opinionated pathway to follow for learning front-end development! Also see our hacks post — Introducing the MDN Web Docs Front-end developer learning pathway — for more information about the rationale behind it.

+ +

May 2020

+ +

Our Understanding client-side JavaScript frameworks module is now available. Learn why frameworks exist, when you should use one (and when you shouldn't), what kinds of features are common to all frameworks, and how they relate to the vanilla JavaScript you may already know. Once you have a general understanding of frameworks, move on to tutorial series covering popular frameworks like React, Ember, and Vue.

+ +

Our Web Forms learning module now has "Test your skills" assessments accompanying the articles.

+ +

April 2020

+ +

Our new Understanding client-side web development tools module has been released! Learn the essentials of web development tooling, including what kind of tools exist, the command line, package managers, and how to assemble your own functioning tool chain.

+ +

March 2020

+ +

You'll now find "Test your skills" assessments accompanying the articles in the following modules:

+ + + +

January 2020

+ +

The HTML forms module has been significantly updated:

+ + + +

More "Test your skills" sections have been added. You can see these on:

+ + + +

December 2019

+ +

We are adding a new type of assessment article to the learning area — "Test your skills" — which will offer several short questions aimed at rapidly testing whether you understood what is going on. This is in addition to the longer Assessment articles that you'll find in some of the learning modules already. You will find these new articles linked in "Test your skills" sections at the bottom of relevant articles. You can see these on:

+ + diff --git a/files/ja/conflicting/web/api/mediarecorder/error_event/index.html b/files/ja/conflicting/web/api/mediarecorder/error_event/index.html new file mode 100644 index 0000000000..dcd1a3b7af --- /dev/null +++ b/files/ja/conflicting/web/api/mediarecorder/error_event/index.html @@ -0,0 +1,120 @@ +--- +title: MediaRecorder.onerror +slug: conflicting/Web/API/MediaRecorder/error_event +tags: + - API + - Audio + - Media Capture + - Media Recorder API + - MediaRecorder + - Property + - Reference + - Video + - onerror +translation_of: Web/API/MediaRecorder/onerror +original_slug: Web/API/MediaRecorder/onerror +--- +
{{APIRef("MediaStream Recording")}}
+ +

{{domxref("MediaRecorder")}} インターフェイスの onerror イベントハンドラは、エラーが発生したときに MediaStream Recording API によって呼び出されます。 メディアレコーダーの作成中または使用中に発生したエラーを処理するためのイベントハンドラを提供できます。 エラーオブジェクトは {{domxref("MediaRecorderErrorEvent")}} 型で、その {{domxref("MediaRecorderErrorEvent.error", "error")}} プロパティには発生したエラーを説明する {{domxref("DOMException")}} オブジェクトが含まれています。

+ +

構文

+ +
MediaRecorder.onerror = errorHandlerFunction;
+
+ +

値

+ +

レコーダーの有効期間中にエラーが発生したときに必ず呼び出される関数。 発生する可能性があるその他の一般的なエラーに加えて、MediaStream Recording API を使用すると、以下のエラーが特に発生する可能性があります。 どれが発生したかを判断するには、{{domxref("DOMException.name", "MediaRecorderErrorEvent.error.name")}} の値を確認してください。

+ +
+
InvalidStateError
+
非アクティブなレコーダーの停止や一時停止、アクティブなレコーダーの起動や再開、それ以外の場合は、間違った状態で MediaRecorder を操作しようとしました。 この例外は、削除されたまたは取り除かれたソースに対して要求が行われたときにも発生する可能性があります。
+
SecurityError
+
{{domxref("MediaStream")}} は記録を禁止するように設定されています。 これは、例えば、ユーザーが入力デバイスを使用するパーミッションを拒否したときに {{domxref("MediaDevices.getUserMedia", "getUserMedia()")}} を使用して取得されたソースの場合などです。 これは、ソースストリームの {{domxref("MediaStreamConstraints.peerIdentity", "peerIdentity")}} 制約により、ストリーム内の {{domxref("MediaStreamTrack")}} が {{domxref("MediaStreamTrack.isolated", "isolated")}} としてマークされている場合にも発生します。
+
NotSupportedError
+
 ユーザーのデバイスがサポートしていない MIME タイプを使用して MediaRecorder をインスタンス化しようとしました。 1つ以上の要求されたコンテナ、コーデック、またはプロファイル、その他の情報が無効である可能性があります。
+
UnknownError
+
分類できない、セキュリティに関連しないエラーが発生しました。 記録が停止し、MediaRecorder の {{domxref("MediaRecorder.state", "state")}} が非アクティブになり、最後の {{event("dataavailable")}} イベントが残りの受信データと共に MediaRecorder に送られ、最後に {{event("stop")}} イベントが送られます。
+
+ +

これらのエラーは、MediaRecorder メソッドの呼び出しが原因で直接発生した場合も、録音プロセス中に発生した問題が原因で間接的に発生した場合もあります。

+ +

例

+ +

この例では、新しい {{domxref("MediaRecorder")}} インスタンスを作成し、{{Glossary("user agent", "ユーザーエージェント")}}のデフォルトのメディア形式を使用して録画を開始します。 MediaRecorder または、エラーの名前（セットアッププロセス中に例外がスローされた場合）のいずれかを返します。

+ +
+
function recordStream(stream) {
+  let recorder = null;
+  let bufferList = [];
+
+  try {
+    recorder = new MediaRecorder(stream);
+  } catch(err) {
+    return err.name;     /* エラー名を返す */
+  }
+
+  recorder.ondataavailable = function(event) {
+    bufferList.push(event.data);
+  };
+
+  recorder.onerror = function(event) {
+    let error = event.error;
+
+    switch(error.name) {
+      case InvalidStateError:
+        showNotification("今すぐ動画を録画することはできません。 " +
+                         "あとでもう一度試してみてください。");
+        break;
+      case SecurityError:
+        showNotification("セキュリティ上の制限により、" +
+                         "指定されたソースを録音する" +
+                         "ことはできません。");
+        break;
+      default:
+        showNotification("動画を録画しようとしたときに" +
+                         "問題が発生しました。");
+        break;
+    }
+  };
+
+  /* ここは、ディスクへのバッファの書き込みを定期的に処理する
+     ワーカーを作成するのに適した場所です。 */
+
+  recorder.start(100);  /* バッファあたり 100ms のタイムスライス */
+  return recorder;
+}
+
+ +

仕様

+ + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName("MediaStream Recording", "#widl-MediaRecorder-onerror", "MediaRecorder.onerror")}}{{Spec2("MediaStream Recording")}}初期定義
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.MediaRecorder.onerror")}}

+ +

関連情報

+ + diff --git a/files/ja/learn/release_notes/index.html b/files/ja/learn/release_notes/index.html deleted file mode 100644 index 983ad71fef..0000000000 --- a/files/ja/learn/release_notes/index.html +++ /dev/null @@ -1,69 +0,0 @@ ---- -title: 学習エリアのリリースノート -slug: Learn/Release_notes -tags: - - Learn - - Release Notes -translation_of: Learn/Release_notes ---- -
{{learnsidebar}}
- -

This page details significant changes made to the learning area. Check back here if you want to know what new content is available, and what existing content has been improved.

- -

If you want to give feedback on any of these new additions, please leave comments in our Discourse forum.

- -

June 2020

- -

Our Front-end web developer learning pathway is officially launched! Check it out for an opinionated pathway to follow for learning front-end development! Also see our hacks post — Introducing the MDN Web Docs Front-end developer learning pathway — for more information about the rationale behind it.

- -

May 2020

- -

Our Understanding client-side JavaScript frameworks module is now available. Learn why frameworks exist, when you should use one (and when you shouldn't), what kinds of features are common to all frameworks, and how they relate to the vanilla JavaScript you may already know. Once you have a general understanding of frameworks, move on to tutorial series covering popular frameworks like React, Ember, and Vue.

- -

Our Web Forms learning module now has "Test your skills" assessments accompanying the articles.

- -

April 2020

- -

Our new Understanding client-side web development tools module has been released! Learn the essentials of web development tooling, including what kind of tools exist, the command line, package managers, and how to assemble your own functioning tool chain.

- -

March 2020

- -

You'll now find "Test your skills" assessments accompanying the articles in the following modules:

- - - -

January 2020

- -

The HTML forms module has been significantly updated:

- - - -

More "Test your skills" sections have been added. You can see these on:

- - - -

December 2019

- -

We are adding a new type of assessment article to the learning area — "Test your skills" — which will offer several short questions aimed at rapidly testing whether you understood what is going on. This is in addition to the longer Assessment articles that you'll find in some of the learning modules already. You will find these new articles linked in "Test your skills" sections at the bottom of relevant articles. You can see these on:

- - diff --git a/files/ja/web/api/mediarecorder/dataavailable_event/index.html b/files/ja/web/api/mediarecorder/dataavailable_event/index.html new file mode 100644 index 0000000000..22c391d0a7 --- /dev/null +++ b/files/ja/web/api/mediarecorder/dataavailable_event/index.html @@ -0,0 +1,94 @@ +--- +title: MediaRecorder.ondataavailable +slug: Web/API/MediaRecorder/dataavailable_event +tags: + - API + - Audio + - Media Capture + - Media Recorder API + - MediaRecorder + - MediaStream Recording API + - Property + - Reference + - Video + - ondataavailable +translation_of: Web/API/MediaRecorder/ondataavailable +original_slug: Web/API/MediaRecorder/ondataavailable +--- +

{{APIRef("MediaStream Recording")}}

+ +

MediaRecorder.ondataavailable イベントハンドラ（MediaStream Recording API の一部）は {{event("dataavailable")}} イベントを処理します。 これにより、{{domxref("Blob")}} データが使用可能になったことに応じてコードを実行できます。

+ +

dataavailable イベントは、MediaRecorder がメディアデータをアプリで使用するために引き渡すときに発生します。 データはデータを含む {{domxref("Blob")}} オブジェクトで提供されます。 これは次の4つの状況で発生します。

+ + + +
+

メディアデータを含む {{domxref("Blob")}} は、{{event("dataavailable")}} イベントの data プロパティで利用できます。

+
+ +

構文

+ +
MediaRecorder.ondataavailable = function(event) { ... }
+MediaRecorder.addEventListener('dataavailable', function(event) { ... })
+
+ +

例

+ +
...
+  var chunks = [];
+
+  mediaRecorder.onstop = function(e) {
+    console.log("MediaRecorder.stop() 呼び出し後に利用可能なデータ。");
+
+    var audio = document.createElement('audio');
+    audio.controls = true;
+    var blob = new Blob(chunks, { 'type' : 'audio/ogg; codecs=opus' });
+    var audioURL = window.URL.createObjectURL(blob);
+    audio.src = audioURL;
+    console.log("レコーダー停止");
+  }
+
+  mediaRecorder.ondataavailable = function(e) {
+    chunks.push(e.data);
+  }
+
+...
+
+ +

仕様

+ + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName("MediaStream Recording", "#widl-MediaRecorder-ondataavailable", "MediaRecorder.ondataavailable")}}{{Spec2("MediaStream Recording")}}初期定義
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.MediaRecorder.ondataavailable")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/mediarecorder/ondataavailable/index.html b/files/ja/web/api/mediarecorder/ondataavailable/index.html deleted file mode 100644 index 5d3dbcaf15..0000000000 --- a/files/ja/web/api/mediarecorder/ondataavailable/index.html +++ /dev/null @@ -1,93 +0,0 @@ ---- -title: MediaRecorder.ondataavailable -slug: Web/API/MediaRecorder/ondataavailable -tags: - - API - - Audio - - Media Capture - - Media Recorder API - - MediaRecorder - - MediaStream Recording API - - Property - - Reference - - Video - - ondataavailable -translation_of: Web/API/MediaRecorder/ondataavailable ---- -

{{APIRef("MediaStream Recording")}}

- -

MediaRecorder.ondataavailable イベントハンドラ（MediaStream Recording API の一部）は {{event("dataavailable")}} イベントを処理します。 これにより、{{domxref("Blob")}} データが使用可能になったことに応じてコードを実行できます。

- -

dataavailable イベントは、MediaRecorder がメディアデータをアプリで使用するために引き渡すときに発生します。 データはデータを含む {{domxref("Blob")}} オブジェクトで提供されます。 これは次の4つの状況で発生します。

- - - -
-

メディアデータを含む {{domxref("Blob")}} は、{{event("dataavailable")}} イベントの data プロパティで利用できます。

-
- -

構文

- -
MediaRecorder.ondataavailable = function(event) { ... }
-MediaRecorder.addEventListener('dataavailable', function(event) { ... })
-
- -

例

- -
...
-  var chunks = [];
-
-  mediaRecorder.onstop = function(e) {
-    console.log("MediaRecorder.stop() 呼び出し後に利用可能なデータ。");
-
-    var audio = document.createElement('audio');
-    audio.controls = true;
-    var blob = new Blob(chunks, { 'type' : 'audio/ogg; codecs=opus' });
-    var audioURL = window.URL.createObjectURL(blob);
-    audio.src = audioURL;
-    console.log("レコーダー停止");
-  }
-
-  mediaRecorder.ondataavailable = function(e) {
-    chunks.push(e.data);
-  }
-
-...
-
- -

仕様

- - - - - - - - - - - - - - -
仕様状態コメント
{{SpecName("MediaStream Recording", "#widl-MediaRecorder-ondataavailable", "MediaRecorder.ondataavailable")}}{{Spec2("MediaStream Recording")}}初期定義
- -

ブラウザーの互換性

- - - -

{{Compat("api.MediaRecorder.ondataavailable")}}

- -

関連情報

- - diff --git a/files/ja/web/api/mediarecorder/onerror/index.html b/files/ja/web/api/mediarecorder/onerror/index.html deleted file mode 100644 index 204f327a23..0000000000 --- a/files/ja/web/api/mediarecorder/onerror/index.html +++ /dev/null @@ -1,119 +0,0 @@ ---- -title: MediaRecorder.onerror -slug: Web/API/MediaRecorder/onerror -tags: - - API - - Audio - - Media Capture - - Media Recorder API - - MediaRecorder - - Property - - Reference - - Video - - onerror -translation_of: Web/API/MediaRecorder/onerror ---- -
{{APIRef("MediaStream Recording")}}
- -

{{domxref("MediaRecorder")}} インターフェイスの onerror イベントハンドラは、エラーが発生したときに MediaStream Recording API によって呼び出されます。 メディアレコーダーの作成中または使用中に発生したエラーを処理するためのイベントハンドラを提供できます。 エラーオブジェクトは {{domxref("MediaRecorderErrorEvent")}} 型で、その {{domxref("MediaRecorderErrorEvent.error", "error")}} プロパティには発生したエラーを説明する {{domxref("DOMException")}} オブジェクトが含まれています。

- -

構文

- -
MediaRecorder.onerror = errorHandlerFunction;
-
- -

値

- -

レコーダーの有効期間中にエラーが発生したときに必ず呼び出される関数。 発生する可能性があるその他の一般的なエラーに加えて、MediaStream Recording API を使用すると、以下のエラーが特に発生する可能性があります。 どれが発生したかを判断するには、{{domxref("DOMException.name", "MediaRecorderErrorEvent.error.name")}} の値を確認してください。

- -
-
InvalidStateError
-
非アクティブなレコーダーの停止や一時停止、アクティブなレコーダーの起動や再開、それ以外の場合は、間違った状態で MediaRecorder を操作しようとしました。 この例外は、削除されたまたは取り除かれたソースに対して要求が行われたときにも発生する可能性があります。
-
SecurityError
-
{{domxref("MediaStream")}} は記録を禁止するように設定されています。 これは、例えば、ユーザーが入力デバイスを使用するパーミッションを拒否したときに {{domxref("MediaDevices.getUserMedia", "getUserMedia()")}} を使用して取得されたソースの場合などです。 これは、ソースストリームの {{domxref("MediaStreamConstraints.peerIdentity", "peerIdentity")}} 制約により、ストリーム内の {{domxref("MediaStreamTrack")}} が {{domxref("MediaStreamTrack.isolated", "isolated")}} としてマークされている場合にも発生します。
-
NotSupportedError
-
 ユーザーのデバイスがサポートしていない MIME タイプを使用して MediaRecorder をインスタンス化しようとしました。 1つ以上の要求されたコンテナ、コーデック、またはプロファイル、その他の情報が無効である可能性があります。
-
UnknownError
-
分類できない、セキュリティに関連しないエラーが発生しました。 記録が停止し、MediaRecorder の {{domxref("MediaRecorder.state", "state")}} が非アクティブになり、最後の {{event("dataavailable")}} イベントが残りの受信データと共に MediaRecorder に送られ、最後に {{event("stop")}} イベントが送られます。
-
- -

これらのエラーは、MediaRecorder メソッドの呼び出しが原因で直接発生した場合も、録音プロセス中に発生した問題が原因で間接的に発生した場合もあります。

- -

例

- -

この例では、新しい {{domxref("MediaRecorder")}} インスタンスを作成し、{{Glossary("user agent", "ユーザーエージェント")}}のデフォルトのメディア形式を使用して録画を開始します。 MediaRecorder または、エラーの名前（セットアッププロセス中に例外がスローされた場合）のいずれかを返します。

- -
-
function recordStream(stream) {
-  let recorder = null;
-  let bufferList = [];
-
-  try {
-    recorder = new MediaRecorder(stream);
-  } catch(err) {
-    return err.name;     /* エラー名を返す */
-  }
-
-  recorder.ondataavailable = function(event) {
-    bufferList.push(event.data);
-  };
-
-  recorder.onerror = function(event) {
-    let error = event.error;
-
-    switch(error.name) {
-      case InvalidStateError:
-        showNotification("今すぐ動画を録画することはできません。 " +
-                         "あとでもう一度試してみてください。");
-        break;
-      case SecurityError:
-        showNotification("セキュリティ上の制限により、" +
-                         "指定されたソースを録音する" +
-                         "ことはできません。");
-        break;
-      default:
-        showNotification("動画を録画しようとしたときに" +
-                         "問題が発生しました。");
-        break;
-    }
-  };
-
-  /* ここは、ディスクへのバッファの書き込みを定期的に処理する
-     ワーカーを作成するのに適した場所です。 */
-
-  recorder.start(100);  /* バッファあたり 100ms のタイムスライス */
-  return recorder;
-}
-
- -

仕様

- - - - - - - - - - - - - - -
仕様状態コメント
{{SpecName("MediaStream Recording", "#widl-MediaRecorder-onerror", "MediaRecorder.onerror")}}{{Spec2("MediaStream Recording")}}初期定義
- -

ブラウザーの互換性

- - - -

{{Compat("api.MediaRecorder.onerror")}}

- -

関連情報

- - diff --git a/files/ja/web/api/mediarecorder/onpause/index.html b/files/ja/web/api/mediarecorder/onpause/index.html deleted file mode 100644 index b045532e43..0000000000 --- a/files/ja/web/api/mediarecorder/onpause/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: MediaRecorder.onpause -slug: Web/API/MediaRecorder/onpause -tags: - - API - - Audio - - Media Capture - - Media Recorder API - - MediaRecorder - - Property - - Reference - - Video - - onpause -translation_of: Web/API/MediaRecorder/onpause ---- -

{{APIRef("Media Recorder API")}}

- -

MediaRecorder.onpause イベントハンドラ（MediaStream Recording API の一部）は pause イベントを処理します。 これにより、一時停止中のメディアの記録に応答してコードを実行できます。

- -

pause イベントは、{{domxref("MediaRecorder.pause()")}} メソッドを呼び出した結果としてスローされます。

- -

構文

- -
MediaRecorder.onpause = function(event) { ... }
-MediaRecorder.addEventListener('pause', function(event) { ... })
-
- -

例

- -
...
-
-  pause.onclick = function() {
-    if(mediaRecorder.state === "recording") {
-      mediaRecorder.pause();
-      // 記録を一時停止
-    } else if(mediaRecorder.state === "paused") {
-      mediaRecorder.resume();
-      // 記録を再開
-    }
-  }
-
-  mediaRecorder.onpause = function() {
-    // 記録の一時停止に
-    // 応答して何かをする
-  }
-
-  mediaRecorder.onresume = function() {
-    // 記録の再開に
-    // 応答して何かをする
-  }
-
-...
- -

プロパティ

- -

無し。

- -

仕様

- - - - - - - - - - - - - - -
仕様状態コメント
{{SpecName("MediaStream Recording", "#widl-MediaRecorder-onpause", "MediaRecorder.onpause")}}{{Spec2("MediaStream Recording")}}初期定義
- -

ブラウザーの互換性

- - - -

{{Compat("api.MediaRecorder.onpause")}}

- -

関連情報

- - diff --git a/files/ja/web/api/mediarecorder/onresume/index.html b/files/ja/web/api/mediarecorder/onresume/index.html deleted file mode 100644 index c22cffee41..0000000000 --- a/files/ja/web/api/mediarecorder/onresume/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: MediaRecorder.onresume -slug: Web/API/MediaRecorder/onresume -tags: - - API - - Audio - - Media Capture - - Media Recorder API - - MediaRecorder - - Property - - Reference - - Video - - onresume -translation_of: Web/API/MediaRecorder/onresume ---- -

{{APIRef("Media Recorder API")}}

- -

MediaRecorder.onresume イベントハンドラ（MediaStream Recording API の一部）は resume イベントを処理します。 これにより、一時停止後にメディアの記録が再開されたことに応答してコードを実行できます。

- -

resume イベントは、{{domxref("MediaRecorder.resume()")}} メソッドを呼び出した結果としてスローされます。

- -

構文

- -
MediaRecorder.onresume = function(event) { ... }
-MediaRecorder.addEventListener('resume', function(event) { ... })
-
- -

例

- -
...
-
-  pause.onclick = function() {
-    if(MediaRecorder.state === "recording") {
-      mediaRecorder.pause();
-      // 記録を一時停止
-    } else if(MediaRecorder.state === "paused") {
-      mediaRecorder.resume();
-      // 記録を再開
-    }
-  }
-
-  mediaRecorder.onpause = function() {
-    // 記録の一時停止に
-    // 応答して何かをする
-  }
-
-  mediaRecorder.onresume = function() {
-    // 記録の再開に
-    // 応答して何かをする
-  }
-
-...
- -

プロパティ

- -

無し。

- -

仕様

- - - - - - - - - - - - - - -
仕様状態コメント
{{SpecName("MediaStream Recording", "#widl-MediaRecorder-onresume", "MediaRecorder.onresume")}}{{Spec2("MediaStream Recording")}}初期定義
- -

ブラウザーの互換性

- - - -

{{Compat("api.MediaRecorder.onresume")}}

- -

関連情報

- - diff --git a/files/ja/web/api/mediarecorder/onstart/index.html b/files/ja/web/api/mediarecorder/onstart/index.html deleted file mode 100644 index 0d452d4473..0000000000 --- a/files/ja/web/api/mediarecorder/onstart/index.html +++ /dev/null @@ -1,77 +0,0 @@ ---- -title: MediaRecorder.onstart -slug: Web/API/MediaRecorder/onstart -tags: - - API - - Audio - - Media Capture - - Media Recorder API - - MediaRecorder - - Property - - Reference - - Video - - onstart -translation_of: Web/API/MediaRecorder/onstart ---- -
{{APIRef("Media Recorder API")}}
- -

MediaRecorder.onstartevent ハンドラ（MediaStream Recording API の一部）は start イベントを処理します。 これにより、MediaRecorder によってメディアの記録が開始されたことに応答してコードを実行できるようにします。

- -

start イベントは、{{domxref("MediaRecorder.start()")}} メソッドを呼び出した結果としてスローされます。 この時点で、データは {{domxref("Blob")}} に集められ始めます。

- -

構文

- -
MediaRecorder.onstart = function(event) { ... }
-MediaRecorder.addEventListener('start', function(event) { ... })
- -

例

- -
...
-
-  record.onclick = function() {
-    mediaRecorder.start();
-    console.log("レコーダーが起動しました");
-  }
-
-  mediaRecorder.onstart = function() {
-    // 記録の開始に
-    // 応答して何かをする
-  }
-
-...
- -

プロパティ

- -

無し。

- -

仕様

- - - - - - - - - - - - - - -
仕様状態コメント
{{SpecName("MediaStream Recording", "#widl-MediaRecorder-onstart", "MediaRecorder.onstart")}}{{Spec2("MediaStream Recording")}}初期定義
- -

ブラウザーの互換性

- - - -

{{Compat("api.MediaRecorder.onstart")}}

- -

関連情報

- - diff --git a/files/ja/web/api/mediarecorder/onstop/index.html b/files/ja/web/api/mediarecorder/onstop/index.html deleted file mode 100644 index d639d9441b..0000000000 --- a/files/ja/web/api/mediarecorder/onstop/index.html +++ /dev/null @@ -1,78 +0,0 @@ ---- -title: MediaRecorder.onstop -slug: Web/API/MediaRecorder/onstop -tags: - - API - - Audio - - Media Capture - - Media Recorder API - - MediaRecorder - - Property - - Reference - - Video - - onstop -translation_of: Web/API/MediaRecorder/onstop ---- -
{{APIRef("Media Recorder API")}}
- -

MediaRecorder.onstop イベントハンドラ（MediaStream Recording API の一部）は、stop イベントを処理します。 これにより、MediaRecorder を介してメディアの記録が停止されたことに応答してコードを実行できます。

- -

stop イベントは、{{domxref("MediaRecorder.stop()")}} メソッドを呼び出した結果として、またはキャプチャしているメディアストリームが終了したときにスローされます。 いずれの場合も、stop イベントの前に dataavailable イベントがあり、それまでにキャプチャされた {{domxref("Blob")}} をアプリで使用できるようにします。

- -

構文

- -
MediaRecorder.onstop = function(event) { ... }
-MediaRecorder.addEventListener('stop', function(event) { ... })
- -

例

- -
...
-
-  mediaRecorder.onstop = function(e) {
-    console.log("MediaRecorder.stop() 呼び出し後に利用可能なデータ。");
-
-    var audio = document.createElement('audio');
-    audio.controls = true;
-    var blob = new Blob(chunks, { 'type' : 'audio/ogg; codecs=opus' });
-    var audioURL = window.URL.createObjectURL(blob);
-    audio.src = audioURL;
-    console.log("レコーダー停止");
-  }
-
-  mediaRecorder.ondataavailable = function(e) {
-    chunks.push(e.data);
-  }
-
-...
- -

仕様

- - - - - - - - - - - - - - -
仕様状態コメント
{{SpecName("MediaStream Recording", "#widl-MediaRecorder-onstop", "MediaRecorder.onstop")}}{{Spec2("MediaStream Recording")}}初期定義
- -

ブラウザーの互換性

- - - -

{{Compat("api.MediaRecorder.onstop")}}

- -

関連情報

- - diff --git a/files/ja/web/api/mediarecorder/pause_event/index.html b/files/ja/web/api/mediarecorder/pause_event/index.html new file mode 100644 index 0000000000..1227e4bfe7 --- /dev/null +++ b/files/ja/web/api/mediarecorder/pause_event/index.html @@ -0,0 +1,89 @@ +--- +title: MediaRecorder.onpause +slug: Web/API/MediaRecorder/pause_event +tags: + - API + - Audio + - Media Capture + - Media Recorder API + - MediaRecorder + - Property + - Reference + - Video + - onpause +translation_of: Web/API/MediaRecorder/onpause +original_slug: Web/API/MediaRecorder/onpause +--- +

{{APIRef("Media Recorder API")}}

+ +

MediaRecorder.onpause イベントハンドラ（MediaStream Recording API の一部）は pause イベントを処理します。 これにより、一時停止中のメディアの記録に応答してコードを実行できます。

+ +

pause イベントは、{{domxref("MediaRecorder.pause()")}} メソッドを呼び出した結果としてスローされます。

+ +

構文

+ +
MediaRecorder.onpause = function(event) { ... }
+MediaRecorder.addEventListener('pause', function(event) { ... })
+
+ +

例

+ +
...
+
+  pause.onclick = function() {
+    if(mediaRecorder.state === "recording") {
+      mediaRecorder.pause();
+      // 記録を一時停止
+    } else if(mediaRecorder.state === "paused") {
+      mediaRecorder.resume();
+      // 記録を再開
+    }
+  }
+
+  mediaRecorder.onpause = function() {
+    // 記録の一時停止に
+    // 応答して何かをする
+  }
+
+  mediaRecorder.onresume = function() {
+    // 記録の再開に
+    // 応答して何かをする
+  }
+
+...
+ +

プロパティ

+ +

無し。

+ +

仕様

+ + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName("MediaStream Recording", "#widl-MediaRecorder-onpause", "MediaRecorder.onpause")}}{{Spec2("MediaStream Recording")}}初期定義
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.MediaRecorder.onpause")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/mediarecorder/resume_event/index.html b/files/ja/web/api/mediarecorder/resume_event/index.html new file mode 100644 index 0000000000..82b13f5a24 --- /dev/null +++ b/files/ja/web/api/mediarecorder/resume_event/index.html @@ -0,0 +1,89 @@ +--- +title: MediaRecorder.onresume +slug: Web/API/MediaRecorder/resume_event +tags: + - API + - Audio + - Media Capture + - Media Recorder API + - MediaRecorder + - Property + - Reference + - Video + - onresume +translation_of: Web/API/MediaRecorder/onresume +original_slug: Web/API/MediaRecorder/onresume +--- +

{{APIRef("Media Recorder API")}}

+ +

MediaRecorder.onresume イベントハンドラ（MediaStream Recording API の一部）は resume イベントを処理します。 これにより、一時停止後にメディアの記録が再開されたことに応答してコードを実行できます。

+ +

resume イベントは、{{domxref("MediaRecorder.resume()")}} メソッドを呼び出した結果としてスローされます。

+ +

構文

+ +
MediaRecorder.onresume = function(event) { ... }
+MediaRecorder.addEventListener('resume', function(event) { ... })
+
+ +

例

+ +
...
+
+  pause.onclick = function() {
+    if(MediaRecorder.state === "recording") {
+      mediaRecorder.pause();
+      // 記録を一時停止
+    } else if(MediaRecorder.state === "paused") {
+      mediaRecorder.resume();
+      // 記録を再開
+    }
+  }
+
+  mediaRecorder.onpause = function() {
+    // 記録の一時停止に
+    // 応答して何かをする
+  }
+
+  mediaRecorder.onresume = function() {
+    // 記録の再開に
+    // 応答して何かをする
+  }
+
+...
+ +

プロパティ

+ +

無し。

+ +

仕様

+ + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName("MediaStream Recording", "#widl-MediaRecorder-onresume", "MediaRecorder.onresume")}}{{Spec2("MediaStream Recording")}}初期定義
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.MediaRecorder.onresume")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/mediarecorder/start_event/index.html b/files/ja/web/api/mediarecorder/start_event/index.html new file mode 100644 index 0000000000..36d9ebfc9c --- /dev/null +++ b/files/ja/web/api/mediarecorder/start_event/index.html @@ -0,0 +1,78 @@ +--- +title: MediaRecorder.onstart +slug: Web/API/MediaRecorder/start_event +tags: + - API + - Audio + - Media Capture + - Media Recorder API + - MediaRecorder + - Property + - Reference + - Video + - onstart +translation_of: Web/API/MediaRecorder/onstart +original_slug: Web/API/MediaRecorder/onstart +--- +
{{APIRef("Media Recorder API")}}
+ +

MediaRecorder.onstartevent ハンドラ（MediaStream Recording API の一部）は start イベントを処理します。 これにより、MediaRecorder によってメディアの記録が開始されたことに応答してコードを実行できるようにします。

+ +

start イベントは、{{domxref("MediaRecorder.start()")}} メソッドを呼び出した結果としてスローされます。 この時点で、データは {{domxref("Blob")}} に集められ始めます。

+ +

構文

+ +
MediaRecorder.onstart = function(event) { ... }
+MediaRecorder.addEventListener('start', function(event) { ... })
+ +

例

+ +
...
+
+  record.onclick = function() {
+    mediaRecorder.start();
+    console.log("レコーダーが起動しました");
+  }
+
+  mediaRecorder.onstart = function() {
+    // 記録の開始に
+    // 応答して何かをする
+  }
+
+...
+ +

プロパティ

+ +

無し。

+ +

仕様

+ + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName("MediaStream Recording", "#widl-MediaRecorder-onstart", "MediaRecorder.onstart")}}{{Spec2("MediaStream Recording")}}初期定義
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.MediaRecorder.onstart")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/mediarecorder/stop_event/index.html b/files/ja/web/api/mediarecorder/stop_event/index.html new file mode 100644 index 0000000000..155a581554 --- /dev/null +++ b/files/ja/web/api/mediarecorder/stop_event/index.html @@ -0,0 +1,79 @@ +--- +title: MediaRecorder.onstop +slug: Web/API/MediaRecorder/stop_event +tags: + - API + - Audio + - Media Capture + - Media Recorder API + - MediaRecorder + - Property + - Reference + - Video + - onstop +translation_of: Web/API/MediaRecorder/onstop +original_slug: Web/API/MediaRecorder/onstop +--- +
{{APIRef("Media Recorder API")}}
+ +

MediaRecorder.onstop イベントハンドラ（MediaStream Recording API の一部）は、stop イベントを処理します。 これにより、MediaRecorder を介してメディアの記録が停止されたことに応答してコードを実行できます。

+ +

stop イベントは、{{domxref("MediaRecorder.stop()")}} メソッドを呼び出した結果として、またはキャプチャしているメディアストリームが終了したときにスローされます。 いずれの場合も、stop イベントの前に dataavailable イベントがあり、それまでにキャプチャされた {{domxref("Blob")}} をアプリで使用できるようにします。

+ +

構文

+ +
MediaRecorder.onstop = function(event) { ... }
+MediaRecorder.addEventListener('stop', function(event) { ... })
+ +

例

+ +
...
+
+  mediaRecorder.onstop = function(e) {
+    console.log("MediaRecorder.stop() 呼び出し後に利用可能なデータ。");
+
+    var audio = document.createElement('audio');
+    audio.controls = true;
+    var blob = new Blob(chunks, { 'type' : 'audio/ogg; codecs=opus' });
+    var audioURL = window.URL.createObjectURL(blob);
+    audio.src = audioURL;
+    console.log("レコーダー停止");
+  }
+
+  mediaRecorder.ondataavailable = function(e) {
+    chunks.push(e.data);
+  }
+
+...
+ +

仕様

+ + + + + + + + + + + + + + +
仕様状態コメント
{{SpecName("MediaStream Recording", "#widl-MediaRecorder-onstop", "MediaRecorder.onstop")}}{{Spec2("MediaStream Recording")}}初期定義
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.MediaRecorder.onstop")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/worker/error_event/index.html b/files/ja/web/api/worker/error_event/index.html new file mode 100644 index 0000000000..4e2d55a89b --- /dev/null +++ b/files/ja/web/api/worker/error_event/index.html @@ -0,0 +1,41 @@ +--- +title: Worker.onerror +slug: Web/API/Worker/error_event +tags: + - API + - Worker + - EventHandler + - Property + - Reference + - Web Workers + - Workers + - onerror +translation_of: Web/API/Worker/onerror +original_slug: Web/API/Worker/onerror +browser-compat: api.Worker.onerror +--- +
{{APIRef("Web Workers API")}}
+ +

onerror は {{domxref("Worker")}} インターフェイスのプロパティで、 イベントハンドラーを表し、 {{event("error")}} イベントが発行されたときに呼び出される関数を表します。

+ +

構文

+ +
myWorker.onerror = function(event) { ... };
+ +

例

+ +

以下の例では {{domxref("Worker")}} オブジェクトを {{domxref("Worker.Worker", "Worker()")}} コンストラクターを使用して生成し、結果のオブジェクトに onerror ハンドラーを設定しています。

+ +
var myWorker = new Worker('worker.js');
+
+  myWorker.onerror = function(event) {
+    console.log('There is an error with your worker!');
+}
+ +

仕様書

+ +{{Specifications}} + +

ブラウザーの互換性

+ +

{{Compat}}

diff --git a/files/ja/web/api/worker/onerror/index.html b/files/ja/web/api/worker/onerror/index.html deleted file mode 100644 index 2864938ea0..0000000000 --- a/files/ja/web/api/worker/onerror/index.html +++ /dev/null @@ -1,40 +0,0 @@ ---- -title: Worker.onerror -slug: Web/API/Worker/onerror -tags: - - API - - Worker - - EventHandler - - Property - - Reference - - Web Workers - - Workers - - onerror -browser-compat: api.Worker.onerror -translation_of: Web/API/Worker/onerror ---- -
{{APIRef("Web Workers API")}}
- -

onerror は {{domxref("Worker")}} インターフェイスのプロパティで、 イベントハンドラーを表し、 {{event("error")}} イベントが発行されたときに呼び出される関数を表します。

- -

構文

- -
myWorker.onerror = function(event) { ... };
- -

例

- -

以下の例では {{domxref("Worker")}} オブジェクトを {{domxref("Worker.Worker", "Worker()")}} コンストラクターを使用して生成し、結果のオブジェクトに onerror ハンドラーを設定しています。

- -
var myWorker = new Worker('worker.js');
-
-  myWorker.onerror = function(event) {
-    console.log('There is an error with your worker!');
-}
- -

仕様書

- -{{Specifications}} - -

ブラウザーの互換性

- -

{{Compat}}

diff --git a/files/pt-br/_redirects.txt b/files/pt-br/_redirects.txt index 91690e911a..f852975d04 100644 --- a/files/pt-br/_redirects.txt +++ b/files/pt-br/_redirects.txt @@ -75,7 +75,7 @@ /pt-BR/docs/Aprender/JavaScript/Objetos/Object_building_practice /pt-BR/docs/Learn/JavaScript/Objects/Object_building_practice /pt-BR/docs/Aprender/JavaScript/Objetos/Object_prototypes /pt-BR/docs/Learn/JavaScript/Objects/Object_prototypes /pt-BR/docs/Aprender/Learning_and_getting_help /pt-BR/docs/Learn/Learning_and_getting_help -/pt-BR/docs/Aprender/Release_notes /pt-BR/docs/Learn/Release_notes +/pt-BR/docs/Aprender/Release_notes /pt-BR/docs/conflicting/Learn /pt-BR/docs/CSS /pt-BR/docs/Web/CSS /pt-BR/docs/CSS/@page /pt-BR/docs/Web/CSS/@page /pt-BR/docs/CSS/At-rule /pt-BR/docs/Web/CSS/At-rule @@ -405,6 +405,7 @@ /pt-BR/docs/Learn/JavaScript/First_steps/Variáveis /pt-BR/docs/Learn/JavaScript/First_steps/Variables /pt-BR/docs/Learn/JavaScript/Objects/Inheritance /pt-BR/docs/Learn/JavaScript/Objects/Classes_in_JavaScript /pt-BR/docs/Learn/JavaScript/Objects/Object-oriented_JS /pt-BR/docs/conflicting/Learn/JavaScript/Objects/Classes_in_JavaScript +/pt-BR/docs/Learn/Release_notes /pt-BR/docs/conflicting/Learn /pt-BR/docs/Learn/Server-side/Django/Hospedagem /pt-BR/docs/Learn/Server-side/Django/Deployment /pt-BR/docs/Learn/Server-side/Django/Introdução /pt-BR/docs/Learn/Server-side/Django/Introduction /pt-BR/docs/Learn/Server-side/Django/Sessões /pt-BR/docs/Learn/Server-side/Django/Sessions diff --git a/files/pt-br/_wikihistory.json b/files/pt-br/_wikihistory.json index 6041ed758b..26a483ad31 100644 --- a/files/pt-br/_wikihistory.json +++ b/files/pt-br/_wikihistory.json @@ -2345,12 +2345,6 @@ "GiovanniHD201E" ] }, - "Learn/Release_notes": { - "modified": "2020-10-15T20:54:28.940Z", - "contributors": [ - "3ltons" - ] - }, "Learn/Server-side": { "modified": "2020-07-16T22:36:01.419Z", "contributors": [ @@ -16185,6 +16179,12 @@ "AlanCezarAraujo" ] }, + "conflicting/Learn": { + "modified": "2020-10-15T20:54:28.940Z", + "contributors": [ + "3ltons" + ] + }, "conflicting/Learn/CSS/Building_blocks/Cascade_and_inheritance": { "modified": "2019-03-23T22:55:03.103Z", "contributors": [ diff --git a/files/pt-br/conflicting/learn/index.html b/files/pt-br/conflicting/learn/index.html new file mode 100644 index 0000000000..976dba4686 --- /dev/null +++ b/files/pt-br/conflicting/learn/index.html @@ -0,0 +1,67 @@ +--- +title: Learning area release notes +slug: conflicting/Learn +translation_of: Learn/Release_notes +original_slug: Learn/Release_notes +--- +
{{learnsidebar}}
+ +

Esta página detalha as mudanças significativas feitas na área de aprendizagem. Volte aqui se quiser saber qual conteúdo novo está disponível e qual conteúdo existente foi aprimorado.

+ +

Se você quiser dar feedback sobre qualquer uma dessas novas adições, deixe seus comentários em nosso Fórum de discussão.

+ +

Junho 2020

+ +

Nosso Caminho de aprendizagem para desenvolvedores da web de front-end foi oficialmente lançado! confira um caminho opcional a seguir  para o desenvolvimento de front-end de aprendizagem! Consulte também  nossa postagem sobro hacks — Apresentando o caminho de aprendizagem do desenvolvimento do MDN Web Docs Front-end — para obter mais informações sobre a lógica por trás disso.

+ +

Maio 2020

+ +

Nosso módulo Entendendo as estruturas do Client-side JavaScript  já está disponível. Aprenda por que existem frameworks, quando você deve usar um (e quando não deveria), que tipos de recursos são comuns a todos os frameworks e como eles se relacionam com o JavaScript básico que você conhece. Depois de ter uma compreensão geral das estruturas, vá para a série de tutoriais que abrangem estruturas populares como React, Ember e Vue.

+ +

Nosso aprendizado de  Web Forms agora tem avaliações "Teste suas habilidades" que acompanham os artigos.

+ +

Abril 2020

+ +

Nosso novo módulo Entendendo as ferramentas de desenvolvimento client-side web foi lançado! Aprenda os fundamentos das ferramentas de desenvolvimento da web, incluindo os tipos de ferrramentas existentes, as linhas de comando, gerenciadores de pacotes e como montar sua própria cadeia de ferramentas funcionais.

+ +

Março 2020

+ +

Agora você encontrará avaliações "Teste suas habilidades" que acompanham os artigos nos seguintes módulos:

+ + + +

Janeiro 2020

+ +

O módulo de formulários HTML foi significativamente atualizado:

+ + + +

Mais seções "Teste suas habilidades" foram adicionadas. Você pode ver isso em:

+ + + +

Dezembro 2019

+ +

estamos adicionando um novo tipo de artigo de avaliação à área de aprendizado — "Teste suas habilidades" — que oferecerá várias perguntas curtas destinadas a testar rapidadmente se você entendeu o que está acontecendo. Isso é uma adição aos artigos de avaliação mais longos que você já encontrará em alguns módulos de aprendizagem. Você encontrará esses novos artigos com links nas seções "Teste suas habilidades" na parte inferior dos artigos relevantes. Você pode ver isso em:

+ + diff --git a/files/pt-br/learn/release_notes/index.html b/files/pt-br/learn/release_notes/index.html deleted file mode 100644 index 017349a842..0000000000 --- a/files/pt-br/learn/release_notes/index.html +++ /dev/null @@ -1,67 +0,0 @@ ---- -title: Learning area release notes -slug: Learn/Release_notes -translation_of: Learn/Release_notes -original_slug: Aprender/Release_notes ---- -
{{learnsidebar}}
- -

Esta página detalha as mudanças significativas feitas na área de aprendizagem. Volte aqui se quiser saber qual conteúdo novo está disponível e qual conteúdo existente foi aprimorado.

- -

Se você quiser dar feedback sobre qualquer uma dessas novas adições, deixe seus comentários em nosso Fórum de discussão.

- -

Junho 2020

- -

Nosso Caminho de aprendizagem para desenvolvedores da web de front-end foi oficialmente lançado! confira um caminho opcional a seguir  para o desenvolvimento de front-end de aprendizagem! Consulte também  nossa postagem sobro hacks — Apresentando o caminho de aprendizagem do desenvolvimento do MDN Web Docs Front-end — para obter mais informações sobre a lógica por trás disso.

- -

Maio 2020

- -

Nosso módulo Entendendo as estruturas do Client-side JavaScript  já está disponível. Aprenda por que existem frameworks, quando você deve usar um (e quando não deveria), que tipos de recursos são comuns a todos os frameworks e como eles se relacionam com o JavaScript básico que você conhece. Depois de ter uma compreensão geral das estruturas, vá para a série de tutoriais que abrangem estruturas populares como React, Ember e Vue.

- -

Nosso aprendizado de  Web Forms agora tem avaliações "Teste suas habilidades" que acompanham os artigos.

- -

Abril 2020

- -

Nosso novo módulo Entendendo as ferramentas de desenvolvimento client-side web foi lançado! Aprenda os fundamentos das ferramentas de desenvolvimento da web, incluindo os tipos de ferrramentas existentes, as linhas de comando, gerenciadores de pacotes e como montar sua própria cadeia de ferramentas funcionais.

- -

Março 2020

- -

Agora você encontrará avaliações "Teste suas habilidades" que acompanham os artigos nos seguintes módulos:

- - - -

Janeiro 2020

- -

O módulo de formulários HTML foi significativamente atualizado:

- - - -

Mais seções "Teste suas habilidades" foram adicionadas. Você pode ver isso em:

- - - -

Dezembro 2019

- -

estamos adicionando um novo tipo de artigo de avaliação à área de aprendizado — "Teste suas habilidades" — que oferecerá várias perguntas curtas destinadas a testar rapidadmente se você entendeu o que está acontecendo. Isso é uma adição aos artigos de avaliação mais longos que você já encontrará em alguns módulos de aprendizagem. Você encontrará esses novos artigos com links nas seções "Teste suas habilidades" na parte inferior dos artigos relevantes. Você pode ver isso em:

- - diff --git a/files/ru/_redirects.txt b/files/ru/_redirects.txt index 076f9409bb..c9aa710795 100644 --- a/files/ru/_redirects.txt +++ b/files/ru/_redirects.txt @@ -353,6 +353,7 @@ /ru/docs/Web/API/HTMLHyperlinkElementUtils/username /ru/docs/Web/API/HTMLAnchorElement/username /ru/docs/Web/API/HTMLImageElement.Image /ru/docs/Web/API/HTMLImageElement/Image /ru/docs/Web/API/KeyboardEvent/which /ru/docs/Web/API/UIEvent/which +/ru/docs/Web/API/MediaRecorder/ondataavailable /ru/docs/Web/API/MediaRecorder/dataavailable_event /ru/docs/Web/API/MouseEvent/which /ru/docs/conflicting/Web/API/UIEvent/which /ru/docs/Web/API/NetworkInformation/connection /ru/docs/Web/API/Navigator/connection /ru/docs/Web/API/Node.appendChild /ru/docs/Web/API/Node/appendChild diff --git a/files/ru/_wikihistory.json b/files/ru/_wikihistory.json index a348d4fe1e..17f599b98d 100644 --- a/files/ru/_wikihistory.json +++ b/files/ru/_wikihistory.json @@ -9269,7 +9269,7 @@ "draedful" ] }, - "Web/API/MediaRecorder/ondataavailable": { + "Web/API/MediaRecorder/dataavailable_event": { "modified": "2020-10-15T21:52:00.316Z", "contributors": [ "mechtool", diff --git a/files/ru/web/api/mediarecorder/dataavailable_event/index.html b/files/ru/web/api/mediarecorder/dataavailable_event/index.html new file mode 100644 index 0000000000..ef0a2f9cdb --- /dev/null +++ b/files/ru/web/api/mediarecorder/dataavailable_event/index.html @@ -0,0 +1,69 @@ +--- +title: MediaRecorder.ondataavailable +slug: Web/API/MediaRecorder/dataavailable_event +translation_of: Web/API/MediaRecorder/ondataavailable +original_slug: Web/API/MediaRecorder/ondataavailable +--- +

{{APIRef("MediaStream Recording")}}

+ +

MediaRecorder.ondataavailable обработчик события (часть MediaStream Recording API) обрабатывает {{event("dataavailable")}} событие, позволяет выполнить код, когда тип данных  {{domxref("Blob")}}, представляющий обработанные данные становиться доступным для использования.

+ +

Событие dataavailable вызывается когда MediaRecorder доставляет медиа данные в ваше приложение для использования. Они представляются в виде объекта типа  {{domxref("Blob")}}, содержащего данные. Это происходит в четырёх ситуациях:

+ + + +
+

Медиаданные, содержащиеся в объекте типа {{domxref("Blob")}} доступны в свойстве data , возвращаемого в параметре объекта события {{event("dataavailable")}}.

+
+ +

Синтаксис

+ +
MediaRecorder.ondataavailable = function(event) { ... }
+MediaRecorder.addEventListener('dataavailable', function(event) { ... })
+
+ +

Пример

+ +
...
+
+  mediaRecorder.onstop = function(e) {
+    console.log("data available after MediaRecorder.stop() called.");
+
+    var audio = document.createElement('audio');
+    audio.controls = true;
+    var blob = new Blob(chunks, { 'type' : 'audio/ogg; codecs=opus' });
+    var audioURL = window.URL.createObjectURL(blob);
+    audio.src = audioURL;
+    console.log("recorder stopped");
+  }
+
+  mediaRecorder.ondataavailable = function(e) {
+    chunks.push(e.data);
+  }
+
+...
+
+ +

Спецификации

+ +{{Specifications}} + +

Совместимость с браузерами

+ + + +

{{Compat}}

+ +

Смотрите также

+ + diff --git a/files/ru/web/api/mediarecorder/ondataavailable/index.html b/files/ru/web/api/mediarecorder/ondataavailable/index.html deleted file mode 100644 index a111bdaacd..0000000000 --- a/files/ru/web/api/mediarecorder/ondataavailable/index.html +++ /dev/null @@ -1,68 +0,0 @@ ---- -title: MediaRecorder.ondataavailable -slug: Web/API/MediaRecorder/ondataavailable -translation_of: Web/API/MediaRecorder/ondataavailable ---- -

{{APIRef("MediaStream Recording")}}

- -

MediaRecorder.ondataavailable обработчик события (часть MediaStream Recording API) обрабатывает {{event("dataavailable")}} событие, позволяет выполнить код, когда тип данных  {{domxref("Blob")}}, представляющий обработанные данные становиться доступным для использования.

- -

Событие dataavailable вызывается когда MediaRecorder доставляет медиа данные в ваше приложение для использования. Они представляются в виде объекта типа  {{domxref("Blob")}}, содержащего данные. Это происходит в четырёх ситуациях:

- - - -
-

Медиаданные, содержащиеся в объекте типа {{domxref("Blob")}} доступны в свойстве data , возвращаемого в параметре объекта события {{event("dataavailable")}}.

-
- -

Синтаксис

- -
MediaRecorder.ondataavailable = function(event) { ... }
-MediaRecorder.addEventListener('dataavailable', function(event) { ... })
-
- -

Пример

- -
...
-
-  mediaRecorder.onstop = function(e) {
-    console.log("data available after MediaRecorder.stop() called.");
-
-    var audio = document.createElement('audio');
-    audio.controls = true;
-    var blob = new Blob(chunks, { 'type' : 'audio/ogg; codecs=opus' });
-    var audioURL = window.URL.createObjectURL(blob);
-    audio.src = audioURL;
-    console.log("recorder stopped");
-  }
-
-  mediaRecorder.ondataavailable = function(e) {
-    chunks.push(e.data);
-  }
-
-...
-
- -

Спецификации

- -{{Specifications}} - -

Совместимость с браузерами

- - - -

{{Compat}}

- -

Смотрите также

- - diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt index 73596ab89d..3b9ee0afb5 100644 --- a/files/zh-cn/_redirects.txt +++ b/files/zh-cn/_redirects.txt @@ -1416,6 +1416,7 @@ /zh-CN/docs/Web/API/Location.replace /zh-CN/docs/Web/API/Location/replace /zh-CN/docs/Web/API/MediaCapabilitiesInfo /zh-CN/docs/Web/API/MediaCapabilities/encodingInfo /zh-CN/docs/Web/API/MediaDevices/ondevicechange /zh-CN/docs/conflicting/Web/API/MediaDevices/devicechange_event +/zh-CN/docs/Web/API/MediaRecorder/ondataavailable /zh-CN/docs/Web/API/MediaRecorder/dataavailable_event /zh-CN/docs/Web/API/MediaStream.addTrack /zh-CN/docs/Web/API/MediaStream/addTrack /zh-CN/docs/Web/API/MouseEvent/which /zh-CN/docs/conflicting/Web/API/UIEvent/which /zh-CN/docs/Web/API/MouseWheelEvent /zh-CN/docs/conflicting/Web/API/WheelEvent diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json index 3fd874797f..4dcfa7ff44 100644 --- a/files/zh-cn/_wikihistory.json +++ b/files/zh-cn/_wikihistory.json @@ -16683,6 +16683,13 @@ "forgamer" ] }, + "Web/API/MediaRecorder/dataavailable_event": { + "modified": "2020-10-15T22:28:21.731Z", + "contributors": [ + "BMud", + "baixiaocun" + ] + }, "Web/API/MediaRecorder/isTypeSupported": { "modified": "2019-06-06T05:26:50.779Z", "contributors": [ @@ -16691,13 +16698,6 @@ "wakingking77" ] }, - "Web/API/MediaRecorder/ondataavailable": { - "modified": "2020-10-15T22:28:21.731Z", - "contributors": [ - "BMud", - "baixiaocun" - ] - }, "Web/API/MediaRecorder/pause": { "modified": "2020-10-15T22:22:08.111Z", "contributors": [ diff --git a/files/zh-cn/web/api/mediarecorder/dataavailable_event/index.html b/files/zh-cn/web/api/mediarecorder/dataavailable_event/index.html new file mode 100644 index 0000000000..4daaf213e8 --- /dev/null +++ b/files/zh-cn/web/api/mediarecorder/dataavailable_event/index.html @@ -0,0 +1,81 @@ +--- +title: MediaRecorder.ondataavailable +slug: Web/API/MediaRecorder/dataavailable_event +translation_of: Web/API/MediaRecorder/ondataavailable +original_slug: Web/API/MediaRecorder/ondataavailable +--- +

{{APIRef("MediaStream Recording")}}

+ +

MediaRecorder.ondataavailable 事件处理程序(part of the MediaStream记录API)处理{{event("dataavailable")}}事件，让您在响应运行代码{{domxref("Blob")}}数据被提供使用。

+ +

dataavailable当MediaRecorder将媒体数据传递到您的应用程序以供使用时，将触发该事件。数据在包含数据的{{domxref("Blob")}}对象中提供。这在四种情况下发生：

+ + + +
+

包含媒体数据的{{domxref("Blob")}}在{{event("dataavailable")}}事件的data属性中可用。

+
+ +

句法

+ +
MediaRecorder.ondataavailable = function(event) { ... }
+MediaRecorder.addEventListener('dataavailable', function(event) { ... })
+ +

例

+ +
...
+  var chunks = [];
+
+  mediaRecorder.onstop = function(e) {
+    console.log("data available after MediaRecorder.stop() called.");
+
+    var audio = document.createElement('audio');
+    audio.controls = true;
+    var blob = new Blob(chunks, { 'type' : 'audio/ogg; codecs=opus' });
+    var audioURL = window.URL.createObjectURL(blob);
+    audio.src = audioURL;
+    console.log("录像停止");
+  }
+
+  mediaRecorder.ondataavailable = function(e) {
+    chunks.push(e.data);
+  }
+
+...
+ +

技术指标

+ + + + + + + + + + + + + + +
规范状态评论
{{SpecName("MediaStream Recording", "#dom-mediarecorder-ondataavailable", "MediaRecorder.ondataavailable")}}{{Spec2("MediaStream Recording")}}初始定义
+ +

浏览器兼容性

+ + + +

{{Compat("api.MediaRecorder.ondataavailable")}}

+ +

也可以看看

+ + diff --git a/files/zh-cn/web/api/mediarecorder/ondataavailable/index.html b/files/zh-cn/web/api/mediarecorder/ondataavailable/index.html deleted file mode 100644 index 48392d0689..0000000000 --- a/files/zh-cn/web/api/mediarecorder/ondataavailable/index.html +++ /dev/null @@ -1,80 +0,0 @@ ---- -title: MediaRecorder.ondataavailable -slug: Web/API/MediaRecorder/ondataavailable -translation_of: Web/API/MediaRecorder/ondataavailable ---- -

{{APIRef("MediaStream Recording")}}

- -

MediaRecorder.ondataavailable 事件处理程序(part of the MediaStream记录API)处理{{event("dataavailable")}}事件，让您在响应运行代码{{domxref("Blob")}}数据被提供使用。

- -

dataavailable当MediaRecorder将媒体数据传递到您的应用程序以供使用时，将触发该事件。数据在包含数据的{{domxref("Blob")}}对象中提供。这在四种情况下发生：

- - - -
-

包含媒体数据的{{domxref("Blob")}}在{{event("dataavailable")}}事件的data属性中可用。

-
- -

句法

- -
MediaRecorder.ondataavailable = function(event) { ... }
-MediaRecorder.addEventListener('dataavailable', function(event) { ... })
- -

例

- -
...
-  var chunks = [];
-
-  mediaRecorder.onstop = function(e) {
-    console.log("data available after MediaRecorder.stop() called.");
-
-    var audio = document.createElement('audio');
-    audio.controls = true;
-    var blob = new Blob(chunks, { 'type' : 'audio/ogg; codecs=opus' });
-    var audioURL = window.URL.createObjectURL(blob);
-    audio.src = audioURL;
-    console.log("录像停止");
-  }
-
-  mediaRecorder.ondataavailable = function(e) {
-    chunks.push(e.data);
-  }
-
-...
- -

技术指标

- - - - - - - - - - - - - - -
规范状态评论
{{SpecName("MediaStream Recording", "#dom-mediarecorder-ondataavailable", "MediaRecorder.ondataavailable")}}{{Spec2("MediaStream Recording")}}初始定义
- -

浏览器兼容性

- - - -

{{Compat("api.MediaRecorder.ondataavailable")}}

- -

也可以看看

- - -- cgit v1.2.3-54-g00ecf