From 94fd61a8ac70cc6d677be8e76effe6c54e544f2f Mon Sep 17 00:00:00 2001 From: MDN Date: Wed, 31 Mar 2021 00:09:21 +0000 Subject: [CRON] sync translated content --- files/fr/_redirects.txt | 8 +- files/fr/_wikihistory.json | 14 +- .../web/guide/events/media_events/index.html | 267 ++++++++++++++++++++ files/fr/web/guide/events/media_events/index.html | 267 -------------------- files/ru/_redirects.txt | 6 + files/ru/_wikihistory.json | 18 +- .../web/guide/events/media_events/index.html | 270 +++++++++++++++++++++ files/ru/web/guide/events/media_events/index.html | 269 -------------------- files/zh-cn/_redirects.txt | 8 +- files/zh-cn/_wikihistory.json | 32 +-- .../web/guide/events/media_events/index.html | 227 +++++++++++++++++ .../zh-cn/web/guide/events/media_events/index.html | 226 ----------------- 12 files changed, 816 insertions(+), 796 deletions(-) create mode 100644 files/fr/orphaned/web/guide/events/media_events/index.html delete mode 100644 files/fr/web/guide/events/media_events/index.html create mode 100644 files/ru/orphaned/web/guide/events/media_events/index.html delete mode 100644 files/ru/web/guide/events/media_events/index.html create mode 100644 files/zh-cn/orphaned/web/guide/events/media_events/index.html delete mode 100644 files/zh-cn/web/guide/events/media_events/index.html (limited to 'files') diff --git a/files/fr/_redirects.txt b/files/fr/_redirects.txt index eed9236e91..fffccfc633 100644 --- a/files/fr/_redirects.txt +++ b/files/fr/_redirects.txt @@ -1,3 +1,8 @@ +# DO NOT EDIT THIS FILE MANUALLY. +# Use the CLI instead: +# +# yarn content add-redirect +# # FROM-URL TO-URL /fr/docs/AJAX /fr/docs/Web/Guide/AJAX /fr/docs/AJAX/Communauté /fr/docs/Web/Guide/AJAX/Community @@ -4414,12 +4419,13 @@ /fr/docs/Web/Guide/DOM/Events/Les_données_d_orientation_et_de_mouvement_expliquées /fr/docs/Web/Guide/Events/Orientation_and_motion_data_explained /fr/docs/Web/Guide/DOM/Events/Touch_events /fr/docs/Web/API/Touch_events /fr/docs/Web/Guide/DOM/Events/Touch_events/Gérer_à_la_fois_événement_tactile_et_événement_de_la_souris /fr/docs/Web/API/Touch_events/Supporting_both_TouchEvent_and_MouseEvent -/fr/docs/Web/Guide/DOM/Events/evenement_medias /fr/docs/Web/Guide/Events/Media_events +/fr/docs/Web/Guide/DOM/Events/evenement_medias /fr/docs/orphaned/Web/Guide/Events/Media_events /fr/docs/Web/Guide/DOM/Manipuler l'historique du navigateur /fr/docs/Web/API/History_API /fr/docs/Web/Guide/DOM/Manipuler l'historique du navigateur/Example /fr/docs/Web/API/History_API/Example /fr/docs/Web/Guide/DOM/Manipuler_historique_du_navigateur /fr/docs/Web/API/History_API /fr/docs/Web/Guide/DOM/Manipuler_historique_du_navigateur/Example /fr/docs/Web/API/History_API/Example /fr/docs/Web/Guide/DOM/Using_full_screen_mode /fr/docs/Web/API/Fullscreen_API +/fr/docs/Web/Guide/Events/Media_events /fr/docs/orphaned/Web/Guide/Events/Media_events /fr/docs/Web/Guide/Graphics/Dessiner_avec_canvas /fr/docs/conflicting/Web/API/Canvas_API/Tutorial /fr/docs/Web/Guide/HTML /fr/docs/Learn/HTML /fr/docs/Web/Guide/HTML/Astuces_de_création_de_pages_HTML_à_affichage_rapide /fr/docs/Learn/HTML/Howto/Author_fast-loading_HTML_pages diff --git a/files/fr/_wikihistory.json b/files/fr/_wikihistory.json index 1ca2647bff..a974f2fabd 100644 --- a/files/fr/_wikihistory.json +++ b/files/fr/_wikihistory.json @@ -35268,13 +35268,6 @@ "jmh" ] }, - "Web/Guide/Events/Media_events": { - "modified": "2019-03-23T22:20:46.809Z", - "contributors": [ - "Hell_Carlito", - "jucrouzet" - ] - }, "Web/Guide/Events": { "modified": "2020-08-30T07:20:46.985Z", "contributors": [ @@ -45342,5 +45335,12 @@ "xavierartot", "vava" ] + }, + "orphaned/Web/Guide/Events/Media_events": { + "modified": "2019-03-23T22:20:46.809Z", + "contributors": [ + "Hell_Carlito", + "jucrouzet" + ] } } \ No newline at end of file diff --git a/files/fr/orphaned/web/guide/events/media_events/index.html b/files/fr/orphaned/web/guide/events/media_events/index.html new file mode 100644 index 0000000000..a5e39f8d14 --- /dev/null +++ b/files/fr/orphaned/web/guide/events/media_events/index.html @@ -0,0 +1,267 @@ +--- +title: Evénements des Médias +slug: orphaned/Web/Guide/Events/Media_events +tags: + - Media +translation_of: Web/Guide/Events/Media_events +original_slug: Web/Guide/Events/Media_events +--- +

Plusieurs événements sont envoyés lors de la gestion des médias inclus dans un documentHTML en utilisant les balises {{ HTMLElement("audio") }} et {{ HTMLElement("video") }} ; ce document les liste et fournit des informations sur leur utilisation.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Nom de l'événementDescription
abortEnvoyé lorsque la lecture est avortée ; par exemple, si le média est en cours de lecture et que cette lecture est recommencée depuis le début, cet événement est envoyé.
{{event("canplay")}}Envoyé lorsqu'il y a assez de données disponibles pour que le média puisse être lu, sur au moins quelques trames. Cet événement correspond à la valeur HAVE_ENOUGH_DATA de la propriété readyState.
{{event("canplaythrough")}}Envoyé quand l'état de disponibilité change pour CAN_PLAY_THROUGH, indiquant que le média peut être lu en entier sans interruption si la vitesse de téléchargement de celui-ci reste stable. Il sera également envoyé quand l'état de lecture bascule entre lecture et pause. Note: Changer manuellement la valeur currentTime peut éventuellement déclencher cet évenement dans firefox. Les autres navigateurs peuvent ne pas envoyer cet événement.
{{event("durationchange")}}Les métadonnées sont chargées ou ont changées, indiquant un changement de la durée du média. Cet événement est envoyé lorsque, par exemple, assez de données ont été téléchargées pour connaitre cette durée.
{{event("emptied")}}Les données du média ont été vidées ; par exemple, si le média a déjà été téléchargé, partiellement ou complètement, et que la méthode load() a été appellée pour le re-télécharger.
encrypted {{experimental_inline}}L'agent utilisateur a trouvé des données d'initialisation d'acquisition de licence dans les données du média.
endedEnvoyé quand la lecture du média est terminée.
errorEnvoyé quand une erreur intervient. L'attribut error de l'élément contient plus d'informations. Voir Error handling pour plus de détails.
interruptbeginEnvoyé quand la lecture audio du média est interrompue sur un terminal Firefox OS, soit parce que l'application a été placée en arrière-plan, soit parce que la lecture d'un autre canal audio avec une priorité supérieure commence. Voir Using the AudioChannels API pour plus de détails.
interruptendEnvoyé lorsque la lecture audio du média interrompue recommence sur un terminal Firefox OS — quand l'interruption se termine. Soit quand l'application revient au premier plan, soit quand la lecture d'un autre canal audio avec une priorité supérieure est terminée. Voir Using the AudioChannels API pour plus de détails.
{{event("loadeddata")}}La première frame du media a fini de se télécharger.
{{event("loadedmetadata")}}Les métadonnées du média ont fini de se télécharger ; tous les attributs ont désormais toutes les informations utiles qu'ils peuvent contenir.
{{event("loadstart")}}Envoyé lorsque le téléchargement du média commence.
mozaudioavailableEnvoyé lorsque qu'un tampon audio est fourni à la couche audio du lecteur pour traitement ; le tampon audio contient des échantilons sonores qui peuvent déjà être lus ou non au moment où l'évenement est reçu.
{{event("pause")}}Envoyé quand la lecture du média est mise en pause.
{{event("play")}}Envoyé quand la lecture du média commence après avoir été mise en pause ; c'est-à-dire quand elle reprend après un événement pause précédent.
{{event("playing")}}Envoyé quand la lecture du média commence (soit pour la première fois, soit après avoir été mise en pause ou soit après avoir été terminée puis relancée).
{{event("progress")}}Envoyé de manière périodique pour informer de la progression du téléchargement du média. L'information sur le volume de données actuellement téléchargées est disponible dans la propriété buffered de l'élément.
{{event("ratechange")}}Envoyé lorsque la vitesse de lecture du média change.
{{event("seeked")}}Envoyé lorsqu'une opération de déplacement dans le média est terminée.
{{event("seeking")}}Envoyé lorsqu'une opération de déplacement dans le média commence.
{{event("stalled")}}Envoyé lorsque l'agent utilisateur essaye de télécharger des données du média mais que celle-ci sont indisponibles.
{{event("suspend")}}Envoyé lorsque le téléchargement du média est suspendu ; soit parce que ce téléchargement est fini, soit parce qu'il est mis en pause pour une autre raison.
{{event("timeupdate")}}La position de la tête de lecture dans le média indiquée par l'attribut currentTime de l'élément a changée.
{{event("volumechange")}}Envoyé lorsque le volume sonore du lecteur ou que l'attribut muted de l'élément changent.
{{event("waiting")}}Envoyé lorsqu'une opération demandée (comme la lecture) est reportée en attendant la fin d'une autre opération (comme le déplacement du média).
+ +

Vous pouvez facilement écouter ces événements en utilisant du code ci-dessous :

+ +
var v = document.getElementsByTagName("video")[0];
+v.addEventListener("seeked", function() { v.play(); }, true);
+v.currentTime = 10.0;
+
+ +

Ce code récupère le premier élément vidéo dans le document et y attache un écouteur qui se déclenche quand l'évenement seeked est envoyé. Cet écouteur appèle la méthode play() de l'élément, qui démarre la lecture.

+ +

Ensuite, en ligne 3, l'exemple définit la propriété currentTime de l'élement à 10.0, ce qui provoque une opération de déplacement de la tête de lecture à 10 secondes dans le média. Cet opération déclenche l'envoi d'un évenement seeking quand elle commence, puis un évenement seeked quand elle se termine.

+ +

En d'autres termes, l'exemple lance le changement de la position de la tête de lecture à 10 secondes dans le média, et lance la lecture quand c'est fait.

+ +

Compatibilité des navigateurs

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerOperaSafari
Support basique{{ CompatUnknown() }}{{ CompatGeckoDesktop("1.9.1") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
encrypted{{CompatChrome(42.0)}} +

 

+ 		{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
load{{ CompatUnknown() }}{{CompatNo}} [1]{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
mozaudioavailable {{ non-standard_inline() }}{{ CompatNo() }}{{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
suspend{{ CompatUnknown() }}{{ CompatGeckoDesktop("1.9.2") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FonctionnalitéAndroidAndroid WebviewFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Support basique{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
encrypted{{ CompatNo }}{{CompatChrome(43.0)}}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{CompatChrome(42.0)}} +

 

+
load{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
mozaudioavailable {{ non-standard_inline() }}{{ CompatNo() }}{{ CompatUnknown() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatUnknown() }}
suspend{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +

[1] Supprimé dans Gecko 1.9.2.

diff --git a/files/fr/web/guide/events/media_events/index.html b/files/fr/web/guide/events/media_events/index.html deleted file mode 100644 index 845e084dc5..0000000000 --- a/files/fr/web/guide/events/media_events/index.html +++ /dev/null @@ -1,267 +0,0 @@ ---- -title: Evénements des Médias -slug: Web/Guide/Events/Media_events -tags: - - Media -translation_of: Web/Guide/Events/Media_events -original_slug: Web/Guide/DOM/Events/evenement_medias ---- -

Plusieurs événements sont envoyés lors de la gestion des médias inclus dans un documentHTML en utilisant les balises {{ HTMLElement("audio") }} et {{ HTMLElement("video") }} ; ce document les liste et fournit des informations sur leur utilisation.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Nom de l'événementDescription
abortEnvoyé lorsque la lecture est avortée ; par exemple, si le média est en cours de lecture et que cette lecture est recommencée depuis le début, cet événement est envoyé.
{{event("canplay")}}Envoyé lorsqu'il y a assez de données disponibles pour que le média puisse être lu, sur au moins quelques trames. Cet événement correspond à la valeur HAVE_ENOUGH_DATA de la propriété readyState.
{{event("canplaythrough")}}Envoyé quand l'état de disponibilité change pour CAN_PLAY_THROUGH, indiquant que le média peut être lu en entier sans interruption si la vitesse de téléchargement de celui-ci reste stable. Il sera également envoyé quand l'état de lecture bascule entre lecture et pause. Note: Changer manuellement la valeur currentTime peut éventuellement déclencher cet évenement dans firefox. Les autres navigateurs peuvent ne pas envoyer cet événement.
{{event("durationchange")}}Les métadonnées sont chargées ou ont changées, indiquant un changement de la durée du média. Cet événement est envoyé lorsque, par exemple, assez de données ont été téléchargées pour connaitre cette durée.
{{event("emptied")}}Les données du média ont été vidées ; par exemple, si le média a déjà été téléchargé, partiellement ou complètement, et que la méthode load() a été appellée pour le re-télécharger.
encrypted {{experimental_inline}}L'agent utilisateur a trouvé des données d'initialisation d'acquisition de licence dans les données du média.
endedEnvoyé quand la lecture du média est terminée.
errorEnvoyé quand une erreur intervient. L'attribut error de l'élément contient plus d'informations. Voir Error handling pour plus de détails.
interruptbeginEnvoyé quand la lecture audio du média est interrompue sur un terminal Firefox OS, soit parce que l'application a été placée en arrière-plan, soit parce que la lecture d'un autre canal audio avec une priorité supérieure commence. Voir Using the AudioChannels API pour plus de détails.
interruptendEnvoyé lorsque la lecture audio du média interrompue recommence sur un terminal Firefox OS — quand l'interruption se termine. Soit quand l'application revient au premier plan, soit quand la lecture d'un autre canal audio avec une priorité supérieure est terminée. Voir Using the AudioChannels API pour plus de détails.
{{event("loadeddata")}}La première frame du media a fini de se télécharger.
{{event("loadedmetadata")}}Les métadonnées du média ont fini de se télécharger ; tous les attributs ont désormais toutes les informations utiles qu'ils peuvent contenir.
{{event("loadstart")}}Envoyé lorsque le téléchargement du média commence.
mozaudioavailableEnvoyé lorsque qu'un tampon audio est fourni à la couche audio du lecteur pour traitement ; le tampon audio contient des échantilons sonores qui peuvent déjà être lus ou non au moment où l'évenement est reçu.
{{event("pause")}}Envoyé quand la lecture du média est mise en pause.
{{event("play")}}Envoyé quand la lecture du média commence après avoir été mise en pause ; c'est-à-dire quand elle reprend après un événement pause précédent.
{{event("playing")}}Envoyé quand la lecture du média commence (soit pour la première fois, soit après avoir été mise en pause ou soit après avoir été terminée puis relancée).
{{event("progress")}}Envoyé de manière périodique pour informer de la progression du téléchargement du média. L'information sur le volume de données actuellement téléchargées est disponible dans la propriété buffered de l'élément.
{{event("ratechange")}}Envoyé lorsque la vitesse de lecture du média change.
{{event("seeked")}}Envoyé lorsqu'une opération de déplacement dans le média est terminée.
{{event("seeking")}}Envoyé lorsqu'une opération de déplacement dans le média commence.
{{event("stalled")}}Envoyé lorsque l'agent utilisateur essaye de télécharger des données du média mais que celle-ci sont indisponibles.
{{event("suspend")}}Envoyé lorsque le téléchargement du média est suspendu ; soit parce que ce téléchargement est fini, soit parce qu'il est mis en pause pour une autre raison.
{{event("timeupdate")}}La position de la tête de lecture dans le média indiquée par l'attribut currentTime de l'élément a changée.
{{event("volumechange")}}Envoyé lorsque le volume sonore du lecteur ou que l'attribut muted de l'élément changent.
{{event("waiting")}}Envoyé lorsqu'une opération demandée (comme la lecture) est reportée en attendant la fin d'une autre opération (comme le déplacement du média).
- -

Vous pouvez facilement écouter ces événements en utilisant du code ci-dessous :

- -
var v = document.getElementsByTagName("video")[0];
-v.addEventListener("seeked", function() { v.play(); }, true);
-v.currentTime = 10.0;
-
- -

Ce code récupère le premier élément vidéo dans le document et y attache un écouteur qui se déclenche quand l'évenement seeked est envoyé. Cet écouteur appèle la méthode play() de l'élément, qui démarre la lecture.

- -

Ensuite, en ligne 3, l'exemple définit la propriété currentTime de l'élement à 10.0, ce qui provoque une opération de déplacement de la tête de lecture à 10 secondes dans le média. Cet opération déclenche l'envoi d'un évenement seeking quand elle commence, puis un évenement seeked quand elle se termine.

- -

En d'autres termes, l'exemple lance le changement de la position de la tête de lecture à 10 secondes dans le média, et lance la lecture quand c'est fait.

- -

Compatibilité des navigateurs

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FonctionnalitéChromeFirefox (Gecko)Internet ExplorerOperaSafari
Support basique{{ CompatUnknown() }}{{ CompatGeckoDesktop("1.9.1") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
encrypted{{CompatChrome(42.0)}} -

 

- 		{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
load{{ CompatUnknown() }}{{CompatNo}} [1]{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
mozaudioavailable {{ non-standard_inline() }}{{ CompatNo() }}{{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
suspend{{ CompatUnknown() }}{{ CompatGeckoDesktop("1.9.2") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FonctionnalitéAndroidAndroid WebviewFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Support basique{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
encrypted{{ CompatNo }}{{CompatChrome(43.0)}}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{CompatChrome(42.0)}} -

 

-
load{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
mozaudioavailable {{ non-standard_inline() }}{{ CompatNo() }}{{ CompatUnknown() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatUnknown() }}
suspend{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
-
- -

[1] Supprimé dans Gecko 1.9.2.

diff --git a/files/ru/_redirects.txt b/files/ru/_redirects.txt index d0a96ce9cf..5f31027d7d 100644 --- a/files/ru/_redirects.txt +++ b/files/ru/_redirects.txt @@ -1,3 +1,8 @@ +# DO NOT EDIT THIS FILE MANUALLY. +# Use the CLI instead: +# +# yarn content add-redirect +# # FROM-URL TO-URL /ru/docs/AJAX /ru/docs/Web/Guide/AJAX /ru/docs/AJAX/С_чего_начать /ru/docs/Web/Guide/AJAX/Getting_Started @@ -592,6 +597,7 @@ /ru/docs/Web/Guide/CSS/Using_multi-column_layouts /ru/docs/Web/CSS/CSS_Columns/Using_multi-column_layouts /ru/docs/Web/Guide/CSS/Visual_formatting_model /ru/docs/Web/CSS/Visual_formatting_model /ru/docs/Web/Guide/CSS/ispolzovanie_css_animatciy /ru/docs/Web/CSS/CSS_Animations/Using_CSS_animations +/ru/docs/Web/Guide/Events/Media_events /ru/docs/orphaned/Web/Guide/Events/Media_events /ru/docs/Web/Guide/Events/Создание_и_вызов_событий /ru/docs/Web/Guide/Events/Creating_and_triggering_events /ru/docs/Web/Guide/HTML /ru/docs/Learn/HTML /ru/docs/Web/Guide/HTML/Canvas_tutorial /ru/docs/Web/API/Canvas_API/Tutorial diff --git a/files/ru/_wikihistory.json b/files/ru/_wikihistory.json index 5dd055588e..9f32b07fd5 100644 --- a/files/ru/_wikihistory.json +++ b/files/ru/_wikihistory.json @@ -11601,15 +11601,6 @@ "ellizii" ] }, - "Web/Guide/Events/Media_events": { - "modified": "2019-04-16T19:26:35.650Z", - "contributors": [ - "vamo089", - "TaizoGem", - "undgrnd", - "nechehin" - ] - }, "Web/Guide/Events/Overview_of_Events_and_Handlers": { "modified": "2019-06-24T11:18:00.027Z", "contributors": [ @@ -25988,5 +25979,14 @@ "alexsakhnov", "In4in" ] + }, + "orphaned/Web/Guide/Events/Media_events": { + "modified": "2019-04-16T19:26:35.650Z", + "contributors": [ + "vamo089", + "TaizoGem", + "undgrnd", + "nechehin" + ] } } \ No newline at end of file diff --git a/files/ru/orphaned/web/guide/events/media_events/index.html b/files/ru/orphaned/web/guide/events/media_events/index.html new file mode 100644 index 0000000000..44116bc573 --- /dev/null +++ b/files/ru/orphaned/web/guide/events/media_events/index.html @@ -0,0 +1,270 @@ +--- +title: События в медиа (audio, video) объектах +slug: orphaned/Web/Guide/Events/Media_events +tags: + - Видео + - Медиа + - аудио + - события +translation_of: Web/Guide/Events/Media_events +original_slug: Web/Guide/Events/Media_events +--- +

Встроенные с помощью HTML тегов {{ HTMLElement("audio") }} или {{ HTMLElement("video") }} медиа объекты генерируют различные события. В этом разделе приведён их список и описание.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Название событияОписание
abortОтправляется, когда воспроизведение прерывается; Например, если воспроизведение медиа прерывается и начинается с самого начала, это событие будет отправлено.
{{event("canplay")}}Отправляется, когда доступно достаточно данных для того, что бы медиа могло воспроизвестись, по крайней мере, в течение нескольких кадров. Соответствует состоянию (readyState) HAVE_ENOUGH_DATA.
{{event("canplaythrough")}}Отправляется, когда состояние готовности изменяется к CAN_PLAY_THROUGH. Указывает, что медиа может быть полностью воспроизведено без перерыва, предполагая, что скорость загрузки остаётся, по крайней мере на нынешнем уровне. Примечание: Ручная установка CURRENTTIME вызовет событие canplaythrough в Firefox. В других браузерах это может не произойти.
{{event("durationchange")}}Метаданные были загружены или изменены, что указывает на изменение в продолжительности медиа. Может быть отправлено, например, когда медиа загружено достаточно для того, чтобы продолжительность уже была известна.
{{event("emptied")}}Медиа стало пустым. Например, это событие отправляется, если медиа уже загружено (или частично загружено), и метод load() был вызван что бы его перезагрузить.
encrypted {{experimental_inline}}The user agent has encountered initialization data in the media data.
endedОтправляется, когда воспроизведение завершено.
errorОтправляется, когда произошла ошибка.  Атрибут error медиа объекта содержит более подробную информацию об ошибке. Смотрите Error handling, что бы узнать подробнее.
interruptbeginОтправляется, когда воспроизведение на Firefox OS устройстве прервано по любой из причин - например, если приложение ушло в фон или аудио с большим приоритетом начало воспроизведение. См. Using the AudioChannels API.
interruptendОтправляется, когда ранее прерванное воспроизведение на Firefox OS устройстве продолжает воспроизведение. См. Using the AudioChannels API
{{event("loadeddata")}}Завершена загрузка первого кадра (frame) медиа.
{{event("loadedmetadata")}}Метаданные медиа были загружены; все атрибуты теперь содержат максимум информации.
{{event("loadstart")}}Отправляется, когда начинается загрузка медиа.
mozaudioavailableSent when an audio buffer is provided to the audio layer for processing; the buffer contains raw audio samples that may or may not already have been played by the time you receive the event.
{{event("pause")}}Отправляется, когда воспроизведение приостановлено.
{{event("play")}}Отправляется, когда воспроизведение медиа начинается после того, как было приостановлено; то есть, когда воспроизведение возобновляется после паузы.
{{event("playing")}}Отправляется, когда начинается воспроизведение медиа (в первый раз, после паузы или после перезапуска).
{{event("progress")}}Отправляется периодически для информирования о прогрессе скачивания медиа файла. Информация об объёме загруженных данных доступна в атрибуте "buffered" элемента медиа.
{{event("ratechange")}}Отправляется, когда изменяется скорость воспроизведения.
{{event("seeked")}}Отправляется, когда операция поиска завершена.
{{event("seeking")}}Отправляется, когда начинается операция поиска.
{{event("stalled")}}Sent when the user agent is trying to fetch media data, but data is unexpectedly not forthcoming.
{{event("suspend")}}Отправляется, когда загрузка медиа приостановлена. Это может произойти как потому, что загрузка была завершена, так и по другим причинам.
{{event("timeupdate")}}Отправляется, когда изменяется значение атрибута currentTime.
{{event("volumechange")}}Отправляется, когда изменяется громкость звука (также когда звук включён или выключен).
{{event("waiting")}}Отправляется, когда операция (напр. воспроизведение) была отложена до завершение другой операции (напр. поиск).
+ +

Вы можете легко следить за этими событиями, используя следующий код:

+ +
var v = document.getElementsByTagName("video")[0];
+v.addEventListener("seeked", function() { document.getElementsByTagName("video")[0].play(); }, true);
+v.currentTime = 10.0;
+
+ +

В этом примере первый элемент получает видео и вешает на него событие "seeked". Обработчик вызывает метод элемента play(), который начинает воспроизведение.

+ +

Затем, в строке 3 примера, устанавливается атрибут currentTime элемента в значение 10.0, что инициирует переход к десятой секунде видео. Это приводит к отправлению события "seeking" после начала операции, и события "seeked" после её завершения.

+ +

Другими словами, этот пример пытается перейти к 10-секундной видео, после чего начинает воспроизведение.

+ +

Совместимость

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{ CompatUnknown() }}{{ CompatGeckoDesktop("1.9.1") }} (Prior to Gecko 2.0, media events bubbled.){{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
encrypted +

{{CompatChrome(42.0)}}

+ 		{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
load{{ CompatUnknown() }}Removed in {{ CompatGeckoDesktop("1.9.2") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
mozaudioavailable {{ non-standard_inline() }}{{ CompatNo() }}{{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
suspend{{ CompatUnknown() }}{{ CompatGeckoDesktop("1.9.2") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidAndroid WebviewFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Basic support{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
encrypted{{ CompatNo }}{{CompatChrome(43.0)}}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }} +

{{CompatChrome(42.0)}}

+
load{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
mozaudioavailable {{ non-standard_inline() }}{{ CompatNo() }}{{ CompatUnknown() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatUnknown() }}
suspend{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +

 

diff --git a/files/ru/web/guide/events/media_events/index.html b/files/ru/web/guide/events/media_events/index.html deleted file mode 100644 index 6c35079a6e..0000000000 --- a/files/ru/web/guide/events/media_events/index.html +++ /dev/null @@ -1,269 +0,0 @@ ---- -title: 'События в медиа (audio, video) объектах' -slug: Web/Guide/Events/Media_events -tags: - - Видео - - Медиа - - аудио - - события -translation_of: Web/Guide/Events/Media_events ---- -

Встроенные с помощью HTML тегов {{ HTMLElement("audio") }} или {{ HTMLElement("video") }} медиа объекты генерируют различные события. В этом разделе приведён их список и описание.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Название событияОписание
abortОтправляется, когда воспроизведение прерывается; Например, если воспроизведение медиа прерывается и начинается с самого начала, это событие будет отправлено.
{{event("canplay")}}Отправляется, когда доступно достаточно данных для того, что бы медиа могло воспроизвестись, по крайней мере, в течение нескольких кадров. Соответствует состоянию (readyState) HAVE_ENOUGH_DATA.
{{event("canplaythrough")}}Отправляется, когда состояние готовности изменяется к CAN_PLAY_THROUGH. Указывает, что медиа может быть полностью воспроизведено без перерыва, предполагая, что скорость загрузки остаётся, по крайней мере на нынешнем уровне. Примечание: Ручная установка CURRENTTIME вызовет событие canplaythrough в Firefox. В других браузерах это может не произойти.
{{event("durationchange")}}Метаданные были загружены или изменены, что указывает на изменение в продолжительности медиа. Может быть отправлено, например, когда медиа загружено достаточно для того, чтобы продолжительность уже была известна.
{{event("emptied")}}Медиа стало пустым. Например, это событие отправляется, если медиа уже загружено (или частично загружено), и метод load() был вызван что бы его перезагрузить.
encrypted {{experimental_inline}}The user agent has encountered initialization data in the media data.
endedОтправляется, когда воспроизведение завершено.
errorОтправляется, когда произошла ошибка.  Атрибут error медиа объекта содержит более подробную информацию об ошибке. Смотрите Error handling, что бы узнать подробнее.
interruptbeginОтправляется, когда воспроизведение на Firefox OS устройстве прервано по любой из причин - например, если приложение ушло в фон или аудио с большим приоритетом начало воспроизведение. См. Using the AudioChannels API.
interruptendОтправляется, когда ранее прерванное воспроизведение на Firefox OS устройстве продолжает воспроизведение. См. Using the AudioChannels API
{{event("loadeddata")}}Завершена загрузка первого кадра (frame) медиа.
{{event("loadedmetadata")}}Метаданные медиа были загружены; все атрибуты теперь содержат максимум информации.
{{event("loadstart")}}Отправляется, когда начинается загрузка медиа.
mozaudioavailableSent when an audio buffer is provided to the audio layer for processing; the buffer contains raw audio samples that may or may not already have been played by the time you receive the event.
{{event("pause")}}Отправляется, когда воспроизведение приостановлено.
{{event("play")}}Отправляется, когда воспроизведение медиа начинается после того, как было приостановлено; то есть, когда воспроизведение возобновляется после паузы.
{{event("playing")}}Отправляется, когда начинается воспроизведение медиа (в первый раз, после паузы или после перезапуска).
{{event("progress")}}Отправляется периодически для информирования о прогрессе скачивания медиа файла. Информация об объёме загруженных данных доступна в атрибуте "buffered" элемента медиа.
{{event("ratechange")}}Отправляется, когда изменяется скорость воспроизведения.
{{event("seeked")}}Отправляется, когда операция поиска завершена.
{{event("seeking")}}Отправляется, когда начинается операция поиска.
{{event("stalled")}}Sent when the user agent is trying to fetch media data, but data is unexpectedly not forthcoming.
{{event("suspend")}}Отправляется, когда загрузка медиа приостановлена. Это может произойти как потому, что загрузка была завершена, так и по другим причинам.
{{event("timeupdate")}}Отправляется, когда изменяется значение атрибута currentTime.
{{event("volumechange")}}Отправляется, когда изменяется громкость звука (также когда звук включён или выключен).
{{event("waiting")}}Отправляется, когда операция (напр. воспроизведение) была отложена до завершение другой операции (напр. поиск).
- -

Вы можете легко следить за этими событиями, используя следующий код:

- -
var v = document.getElementsByTagName("video")[0];
-v.addEventListener("seeked", function() { document.getElementsByTagName("video")[0].play(); }, true);
-v.currentTime = 10.0;
-
- -

В этом примере первый элемент получает видео и вешает на него событие "seeked". Обработчик вызывает метод элемента play(), который начинает воспроизведение.

- -

Затем, в строке 3 примера, устанавливается атрибут currentTime элемента в значение 10.0, что инициирует переход к десятой секунде видео. Это приводит к отправлению события "seeking" после начала операции, и события "seeked" после её завершения.

- -

Другими словами, этот пример пытается перейти к 10-секундной видео, после чего начинает воспроизведение.

- -

Совместимость

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{ CompatUnknown() }}{{ CompatGeckoDesktop("1.9.1") }} (Prior to Gecko 2.0, media events bubbled.){{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
encrypted -

{{CompatChrome(42.0)}}

- 		{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
load{{ CompatUnknown() }}Removed in {{ CompatGeckoDesktop("1.9.2") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
mozaudioavailable {{ non-standard_inline() }}{{ CompatNo() }}{{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
suspend{{ CompatUnknown() }}{{ CompatGeckoDesktop("1.9.2") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FeatureAndroidAndroid WebviewFirefox Mobile (Gecko)IE MobileOpera MobileSafari MobileChrome for Android
Basic support{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
encrypted{{ CompatNo }}{{CompatChrome(43.0)}}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }} -

{{CompatChrome(42.0)}}

-
load{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
mozaudioavailable {{ non-standard_inline() }}{{ CompatNo() }}{{ CompatUnknown() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatUnknown() }}
suspend{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
-
- -

 

diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt index 1cd64f981b..31e6895182 100644 --- a/files/zh-cn/_redirects.txt +++ b/files/zh-cn/_redirects.txt @@ -1,3 +1,8 @@ +# DO NOT EDIT THIS FILE MANUALLY. +# Use the CLI instead: +# +# yarn content add-redirect +# # FROM-URL TO-URL /zh-CN/docs/2332 /zh-CN/docs/Web/API/Element/attributes /zh-CN/docs/AJAX /zh-CN/docs/Web/Guide/AJAX @@ -1321,7 +1326,7 @@ /zh-CN/docs/MDN/Structures/Macros/Custom_macros /zh-CN/docs/MDN/Structures/Macros/Commonly-used_macros /zh-CN/docs/MDN/User_guide/写作 /zh-CN/docs/MDN/User_guide/Writing /zh-CN/docs/MDN_at_ten /zh-CN/docs/MDN/At_ten -/zh-CN/docs/Media_Gallery /zh-CN/docs/Web/Guide/Events/Media_events +/zh-CN/docs/Media_Gallery /zh-CN/docs/orphaned/Web/Guide/Events/Media_events /zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/contextMenus /zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/menus /zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow /zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/devtools/inspectedWindow /zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/tabs/查询 /zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/tabs/query @@ -2255,6 +2260,7 @@ /zh-CN/docs/Web/Guide/CSS/媒体查询 /zh-CN/docs/Web/CSS/Media_Queries/Using_media_queries /zh-CN/docs/Web/Guide/DOM /zh-CN/docs/conflicting/Web/API/Document_Object_Model_dd00a71ceceac547ab464128db6bd8ef /zh-CN/docs/Web/Guide/DOM/Whitespace_in_the_DOM /zh-CN/docs/Web/API/Document_Object_Model/Whitespace +/zh-CN/docs/Web/Guide/Events/Media_events /zh-CN/docs/orphaned/Web/Guide/Events/Media_events /zh-CN/docs/Web/Guide/Events/Touch_events /zh-CN/docs/Web/API/Touch_events /zh-CN/docs/Web/Guide/Events/事件回调 /zh-CN/docs/Web/Guide/Events/Event_handlers /zh-CN/docs/Web/Guide/HTML /zh-CN/docs/Learn/HTML diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json index 9f7bfd27f1..ff8e2077c3 100644 --- a/files/zh-cn/_wikihistory.json +++ b/files/zh-cn/_wikihistory.json @@ -28865,22 +28865,6 @@ "Darrel.Hsu" ] }, - "Web/Guide/Events/Media_events": { - "modified": "2020-07-02T07:14:48.714Z", - "contributors": [ - "9aoyang", - "haocity", - "TimRChen", - "maicss", - "GSBL", - "bizbin", - "esterTion", - "SudoKillMe", - "zilong-thu", - "ziyunfei", - "Anonymous" - ] - }, "Web/Guide/Events/Mutation_events": { "modified": "2019-03-23T22:51:23.609Z", "contributors": [ @@ -50798,5 +50782,21 @@ "AlexChao", "ziyunfei" ] + }, + "orphaned/Web/Guide/Events/Media_events": { + "modified": "2020-07-02T07:14:48.714Z", + "contributors": [ + "9aoyang", + "haocity", + "TimRChen", + "maicss", + "GSBL", + "bizbin", + "esterTion", + "SudoKillMe", + "zilong-thu", + "ziyunfei", + "Anonymous" + ] } } \ No newline at end of file diff --git a/files/zh-cn/orphaned/web/guide/events/media_events/index.html b/files/zh-cn/orphaned/web/guide/events/media_events/index.html new file mode 100644 index 0000000000..00bb7bfba4 --- /dev/null +++ b/files/zh-cn/orphaned/web/guide/events/media_events/index.html @@ -0,0 +1,227 @@ +--- +title: 媒体相关事件 +slug: orphaned/Web/Guide/Events/Media_events +tags: + - Audio + - Media + - Video +translation_of: Web/Guide/Events/Media_events +original_slug: Web/Guide/Events/Media_events +--- +

在处理用{{ HTMLElement("audio") }} 和 {{ HTMLElement("video") }}标签嵌入到HTML文档中的媒体时，会触发多种事件。本章列出这些事件，并给出一些使用方法。

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
事件名称描述
abort 在播放被终止时触发,例如, 当播放中的视频重新开始播放时会触发这个事件。
canplay在媒体数据已经有足够的数据（至少播放数帧）可供播放时触发。这个事件对应CAN_PLAY的readyState。
canplaythrough在媒体的readyState变为CAN_PLAY_THROUGH时触发，表明媒体可以在保持当前的下载速度的情况下不被中断地播放完毕。注意：手动设置currentTime会使得firefox触发一次canplaythrough事件，其他浏览器或许不会如此。
durationchange元信息已载入或已改变，表明媒体的长度发生了改变。例如，在媒体已被加载足够的长度从而得知总长度时会触发这个事件。
emptied媒体被清空（初始化）时触发。
ended播放结束时触发。
error在发生错误时触发。元素的error属性会包含更多信息。参阅 HTMLMediaElement.error 获得详细信息。
interruptbegin声音在Firefox OS设备中断时触发,可能是应用程序被切换至后台或者更高优先级的应用占用了音频通道。 相关信息请参考 Using the AudioChannels API
interruptend声音在Firefox OS设备中断后恢复播放时触发,应用程序被切换至前台或占用更高级音频通道的应用程序播放完毕后触发。相关信息请参考 Using the AudioChannels API
loadedmetadata媒体的元数据已经加载完毕，现在所有的属性包含了它们应有的有效信息。
loadstart在媒体开始加载时触发。
mozaudioavailable当音频数据缓存并交给音频层处理时
pause播放暂停时触发。
play在媒体回放被暂停后再次开始时触发。即，在一次暂停事件后恢复媒体回放。
playing在媒体开始播放时触发（不论是初次播放、在暂停后恢复、或是在结束后重新开始）。
progress告知媒体相关部分的下载进度时周期性地触发。有关媒体当前已下载总计的信息可以在元素的buffered属性中获取到。
ratechange在回放速率变化时触发。
seeked在跳跃操作完成时触发。
seeking在跳跃操作开始时触发。
stalled在尝试获取媒体数据，但数据不可用时触发。
suspend在媒体资源加载终止时触发，这可能是因为下载已完成或因为其他原因暂停。
timeupdate元素的currentTime属性表示的时间已经改变。
volumechange在音频音量改变时触发（既可以是volume属性改变，也可以是muted属性改变）.。
waiting在一个待执行的操作（如回放）因等待另一个操作（如跳跃或下载）被延迟时触发。
+ +

使用下面的代码，你可以很容易的观察到这些事件:

+ +
var v = document.getElementsByTagName("video")[0];
+v.addEventListener("seeked", function() { document.getElementsByTagName("video")[0].play(); }, true);
+v.currentTime = 10.0;
+
+ +

这个例子获取了文档中第一个video元素，并在video元素上监听了一个seeked事件，该事件会在跳跃操作完成后触发。监听器的处理函数就是简单的调用元素的play()方法，该方法会开始视频的播放。

+ +

接下来来看例子的第三行，这里设置了元素的crruentTime特性值为10.0，这会初始化一个在媒体中跳跃(快进)到10s位置的操作。操作开始时会引起一个seeking事件，随后当跳跃操作完成时会触发seeked事件。

+ +

换句话，本例中只要在媒体中跳跃到10s位置的操作完成，视频就会马上播放。

+ +

兼容性

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{ CompatUnknown() }}{{ CompatGeckoDesktop("1.9.1") }} (Prior to Gecko 2.0, media events bubbled.){{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
load{{ CompatUnknown() }}Removed in {{ CompatGeckoDesktop("1.9.2") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
mozaudioavailable {{ non-standard_inline() }}{{ CompatNo() }}{{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
suspend{{ CompatUnknown() }}{{ CompatGeckoDesktop("1.9.2") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
load{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
mozaudioavailable {{ non-standard_inline() }}{{ CompatNo() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
suspend{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
diff --git a/files/zh-cn/web/guide/events/media_events/index.html b/files/zh-cn/web/guide/events/media_events/index.html deleted file mode 100644 index a436959d90..0000000000 --- a/files/zh-cn/web/guide/events/media_events/index.html +++ /dev/null @@ -1,226 +0,0 @@ ---- -title: 媒体相关事件 -slug: Web/Guide/Events/Media_events -tags: - - Audio - - Media - - Video -translation_of: Web/Guide/Events/Media_events ---- -

在处理用{{ HTMLElement("audio") }} 和 {{ HTMLElement("video") }}标签嵌入到HTML文档中的媒体时，会触发多种事件。本章列出这些事件，并给出一些使用方法。

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
事件名称描述
abort 在播放被终止时触发,例如, 当播放中的视频重新开始播放时会触发这个事件。
canplay在媒体数据已经有足够的数据（至少播放数帧）可供播放时触发。这个事件对应CAN_PLAY的readyState。
canplaythrough在媒体的readyState变为CAN_PLAY_THROUGH时触发，表明媒体可以在保持当前的下载速度的情况下不被中断地播放完毕。注意：手动设置currentTime会使得firefox触发一次canplaythrough事件，其他浏览器或许不会如此。
durationchange元信息已载入或已改变，表明媒体的长度发生了改变。例如，在媒体已被加载足够的长度从而得知总长度时会触发这个事件。
emptied媒体被清空（初始化）时触发。
ended播放结束时触发。
error在发生错误时触发。元素的error属性会包含更多信息。参阅 HTMLMediaElement.error 获得详细信息。
interruptbegin声音在Firefox OS设备中断时触发,可能是应用程序被切换至后台或者更高优先级的应用占用了音频通道。 相关信息请参考 Using the AudioChannels API
interruptend声音在Firefox OS设备中断后恢复播放时触发,应用程序被切换至前台或占用更高级音频通道的应用程序播放完毕后触发。相关信息请参考 Using the AudioChannels API
loadedmetadata媒体的元数据已经加载完毕，现在所有的属性包含了它们应有的有效信息。
loadstart在媒体开始加载时触发。
mozaudioavailable当音频数据缓存并交给音频层处理时
pause播放暂停时触发。
play在媒体回放被暂停后再次开始时触发。即，在一次暂停事件后恢复媒体回放。
playing在媒体开始播放时触发（不论是初次播放、在暂停后恢复、或是在结束后重新开始）。
progress告知媒体相关部分的下载进度时周期性地触发。有关媒体当前已下载总计的信息可以在元素的buffered属性中获取到。
ratechange在回放速率变化时触发。
seeked在跳跃操作完成时触发。
seeking在跳跃操作开始时触发。
stalled在尝试获取媒体数据，但数据不可用时触发。
suspend在媒体资源加载终止时触发，这可能是因为下载已完成或因为其他原因暂停。
timeupdate元素的currentTime属性表示的时间已经改变。
volumechange在音频音量改变时触发（既可以是volume属性改变，也可以是muted属性改变）.。
waiting在一个待执行的操作（如回放）因等待另一个操作（如跳跃或下载）被延迟时触发。
- -

使用下面的代码，你可以很容易的观察到这些事件:

- -
var v = document.getElementsByTagName("video")[0];
-v.addEventListener("seeked", function() { document.getElementsByTagName("video")[0].play(); }, true);
-v.currentTime = 10.0;
-
- -

这个例子获取了文档中第一个video元素，并在video元素上监听了一个seeked事件，该事件会在跳跃操作完成后触发。监听器的处理函数就是简单的调用元素的play()方法，该方法会开始视频的播放。

- -

接下来来看例子的第三行，这里设置了元素的crruentTime特性值为10.0，这会初始化一个在媒体中跳跃(快进)到10s位置的操作。操作开始时会引起一个seeking事件，随后当跳跃操作完成时会触发seeked事件。

- -

换句话，本例中只要在媒体中跳跃到10s位置的操作完成，视频就会马上播放。

- -

兼容性

- -

{{ CompatibilityTable() }}

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{ CompatUnknown() }}{{ CompatGeckoDesktop("1.9.1") }} (Prior to Gecko 2.0, media events bubbled.){{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
load{{ CompatUnknown() }}Removed in {{ CompatGeckoDesktop("1.9.2") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
mozaudioavailable {{ non-standard_inline() }}{{ CompatNo() }}{{ CompatGeckoDesktop("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
suspend{{ CompatUnknown() }}{{ CompatGeckoDesktop("1.9.2") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
load{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
mozaudioavailable {{ non-standard_inline() }}{{ CompatNo() }}{{ CompatGeckoMobile("2.0") }}{{ CompatNo() }}{{ CompatNo() }}{{ CompatNo() }}
suspend{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
-
-- cgit v1.2.3-54-g00ecf