From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- files/fr/web/api/mediasource/index.md | 139 +++++++++------------- files/fr/web/api/mediasource/mediasource/index.md | 41 +++---- 2 files changed, 78 insertions(+), 102 deletions(-) (limited to 'files/fr/web/api/mediasource') diff --git a/files/fr/web/api/mediasource/index.md b/files/fr/web/api/mediasource/index.md index b472be76ed..7deee2011c 100644 --- a/files/fr/web/api/mediasource/index.md +++ b/files/fr/web/api/mediasource/index.md @@ -16,79 +16,70 @@ tags: - Video translation_of: Web/API/MediaSource --- -

{{APIRef("Media Source Extensions")}}{{SeeCompatTable}}

+{{APIRef("Media Source Extensions")}}{{SeeCompatTable}} -

L'interface MediaSource de l'API Media Source Extensions représente une source de données multimédia pour un objet {{domxref("HTMLMediaElement")}}. Un objet MediaSource peut être attaché à un {{domxref("HTMLMediaElement")}} pour être lu dans l'agent utilisateur.

+L'interface **`MediaSource`** de l'[API Media Source Extensions](/en-US/docs/Web/API/Media_Source_Extensions_API) représente une source de données multimédia pour un objet {{domxref("HTMLMediaElement")}}. Un objet `MediaSource` peut être attaché à un {{domxref("HTMLMediaElement")}} pour être lu dans l'agent utilisateur. -

{{InheritanceDiagram}}

+{{InheritanceDiagram}} -

Constructeur

+## Constructeur -
-
{{domxref("MediaSource.MediaSource", "MediaSource()")}}
-
Construit et renvoie un nouvel objet MediaSource sans tampon source associé.
-
+- {{domxref("MediaSource.MediaSource", "MediaSource()")}} + - : Construit et renvoie un nouvel objet `MediaSource` sans tampon source associé. -

Propriétés

+## Propriétés -
-
{{domxref("MediaSource.sourceBuffers")}} {{readonlyInline}}
-
Renvoie un objet {{domxref("SourceBufferList")}} contenant la liste des objets {{domxref("SourceBuffer")}} associés à ce MediaSource.
-
{{domxref("MediaSource.activeSourceBuffers")}} {{readonlyInline}}
-
Renvoie un objet {{domxref("SourceBufferList")}} contenant un sous-ensemble des objets {{domxref("SourceBuffer")}} contenus dans {{domxref("MediaSource.sourceBuffers")}} — la liste des objets fournissant la piste vidéo sélectionnée, pistes audio activées et pistes de texte affichées / masquées.
-
{{domxref("MediaSource.readyState")}} {{readonlyInline}}
-
Renvoie une énumération représentant l'état de la MediaSource actuelle, qu'elle ne soit pas actuellement attachée à un élément multimédia (fermé), attachée et prête à recevoir des objets {{domxref("SourceBuffer")}} (ouvert), ou attachée mais le flux a été terminé via {{domxref("MediaSource.endOfStream()")}} (terminé).
-
{{domxref("MediaSource.duration")}}
-
Obtient et définit la durée du média actuel présenté.
-
+- {{domxref("MediaSource.sourceBuffers")}} {{readonlyInline}} + - : Renvoie un objet {{domxref("SourceBufferList")}} contenant la liste des objets {{domxref("SourceBuffer")}} associés à ce `MediaSource`. +- {{domxref("MediaSource.activeSourceBuffers")}} {{readonlyInline}} + - : Renvoie un objet {{domxref("SourceBufferList")}} contenant un sous-ensemble des objets {{domxref("SourceBuffer")}} contenus dans {{domxref("MediaSource.sourceBuffers")}} — la liste des objets fournissant la piste vidéo sélectionnée, pistes audio activées et pistes de texte affichées / masquées. +- {{domxref("MediaSource.readyState")}} {{readonlyInline}} + - : Renvoie une énumération représentant l'état de la `MediaSource` actuelle, qu'elle ne soit pas actuellement attachée à un élément multimédia (`fermé`), attachée et prête à recevoir des objets {{domxref("SourceBuffer")}} (`ouvert`), ou attachée mais le flux a été terminé via {{domxref("MediaSource.endOfStream()")}} (`terminé`). +- {{domxref("MediaSource.duration")}} + - : Obtient et définit la durée du média actuel présenté. -

Gestionnaires d'événements

+### Gestionnaires d'événements -
-
{{domxref("MediaSource.onsourceclose")}}
-
Le gestionnaire d'événements pour l'événement sourceclose.
-
{{domxref("MediaSource.onsourceended")}}
-
Le gestionnaire d'événements pour l'événement sourceended.
-
{{domxref("MediaSource.onsourceopen")}}
-
Le gestionnaire d'événements pour l'événement sourceopen.
-
+- {{domxref("MediaSource.onsourceclose")}} + - : Le gestionnaire d'événements pour l'événement `sourceclose`. +- {{domxref("MediaSource.onsourceended")}} + - : Le gestionnaire d'événements pour l'événement `sourceended`. +- {{domxref("MediaSource.onsourceopen")}} + - : Le gestionnaire d'événements pour l'événement `sourceopen`. -

Méthodes

+## Méthodes -

Hérite des méthodes de son interface parente, {{domxref("EventTarget")}}.

+_Hérite des méthodes de son interface parente, {{domxref("EventTarget")}}._ -
-
{{domxref("MediaSource.addSourceBuffer()")}}
-
Crée un nouveau {{domxref ("SourceBuffer")}} du type MIME donné et l'ajoute à la liste {{domxref ("MediaSource.sourceBuffers")}}.
-
{{domxref("MediaSource.clearLiveSeekableRange()")}}
-
Efface un ensemble privé de plage de recherche avec un appel à setLiveSeekableRange().
-
{{domxref("MediaSource.endOfStream()")}}
-
Signale la fin du flux.
-
{{domxref("MediaSource.removeSourceBuffer()")}}
-
Supprime le {{domxref ("SourceBuffer")}} donné de la liste {{domxref ("MediaSource.sourceBuffers")}}.
-
{{domxref("MediaSource.setLiveSeekableRange()")}}
-
Définit la plage que l'utilisateur peut rechercher dans l'élément multimédia.
-
+- {{domxref("MediaSource.addSourceBuffer()")}} + - : Crée un nouveau {{domxref ("SourceBuffer")}} du type MIME donné et l'ajoute à la liste {{domxref ("MediaSource.sourceBuffers")}}. +- {{domxref("MediaSource.clearLiveSeekableRange()")}} + - : Efface un ensemble privé de plage de recherche avec un appel à `setLiveSeekableRange()`. +- {{domxref("MediaSource.endOfStream()")}} + - : Signale la fin du flux. +- {{domxref("MediaSource.removeSourceBuffer()")}} + - : Supprime le {{domxref ("SourceBuffer")}} donné de la liste {{domxref ("MediaSource.sourceBuffers")}}. +- {{domxref("MediaSource.setLiveSeekableRange()")}} + - : Définit la plage que l'utilisateur peut rechercher dans l'élément multimédia. -

Méthodes statiques

+## Méthodes statiques -
-
{{domxref("MediaSource.isTypeSupported()")}}
-
Renvoie une valeur {{domxref ("Boolean")}} indiquant si le type MIME donné est pris en charge par l'agent utilisateur actuel - c'est-à-dire s'il parvient à créer des objets {{domxref ("SourceBuffer")}} pour ce type MIME .
-
+- {{domxref("MediaSource.isTypeSupported()")}} + - : Renvoie une valeur {{domxref ("Boolean")}} indiquant si le type MIME donné est pris en charge par l'agent utilisateur actuel - c'est-à-dire s'il parvient à créer des objets {{domxref ("SourceBuffer")}} pour ce type MIME . -

Exemples

+## Exemples -

L'exemple simple suivant charge une vidéo avec {{domxref ("XMLHttpRequest")}} et la lit dès que possible. Cet exemple a été écrit par Nick Desaulniers et peut être consulté en direct ici (vous pouvez aussi télécharger la source pour une enquête plus approfondie).

+L'exemple simple suivant charge une vidéo avec {{domxref ("XMLHttpRequest")}} et la lit dès que possible. Cet exemple a été écrit par Nick Desaulniers et peut être [consulté en direct ici](http://nickdesaulniers.github.io/netfix/demo/bufferAll.html) (vous pouvez aussi [télécharger la source](https://github.com/nickdesaulniers/netfix/blob/gh-pages/demo/bufferAll.html) pour une enquête plus approfondie). -
var video = document.querySelector('video');
+```js
+var video = document.querySelector('video');
 
 var assetURL = 'frag_bunny.mp4';
 // Need to be specific for Blink regarding codecs
 // ./mp4info frag_bunny.mp4 | grep Codec
 var mimeCodec = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"';
 
-if ('MediaSource' in window && MediaSource.isTypeSupported(mimeCodec)) {
+if ('MediaSource' in window && MediaSource.isTypeSupported(mimeCodec)) {
   var mediaSource = new MediaSource();
   //console.log(mediaSource.readyState); // closed
   video.src = URL.createObjectURL(mediaSource);
@@ -120,32 +111,20 @@ function fetchAB (url, cb) {
     cb(xhr.response);
   };
   xhr.send();
-};
- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Media Source Extensions', '#mediasource', 'MediaSource')}}{{Spec2('Media Source Extensions')}}Définition initiale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.MediaSource")}}

- -

Voir aussi

- - +}; +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| -------------------------------------------------------------------------------------------- | ------------------------------------------------ | -------------------- | +| {{SpecName('Media Source Extensions', '#mediasource', 'MediaSource')}} | {{Spec2('Media Source Extensions')}} | Définition initiale. | + +## Compatibilité des navigateurs + +{{Compat("api.MediaSource")}} + +## Voir aussi + +- {{domxref("SourceBuffer")}} +- {{domxref("SourceBufferList")}} diff --git a/files/fr/web/api/mediasource/mediasource/index.md b/files/fr/web/api/mediasource/mediasource/index.md index dac8c3d8ee..e61a5da0bc 100644 --- a/files/fr/web/api/mediasource/mediasource/index.md +++ b/files/fr/web/api/mediasource/mediasource/index.md @@ -3,30 +3,33 @@ title: MediaSource.MediaSource() slug: Web/API/MediaSource/MediaSource translation_of: Web/API/MediaSource/MediaSource --- -
{{APIRef("Media Source Extensions")}}{{SeeCompatTable}}
+{{APIRef("Media Source Extensions")}}{{SeeCompatTable}} -

Le constructeur MediaSource() de l'interface {{domxref("MediaSource")}} construit et retourne un nouvel object MediaSource sans buffer associé

+Le constructeur **`MediaSource()`** de l'interface {{domxref("MediaSource")}} construit et retourne un nouvel object `MediaSource` sans buffer associé -

Syntaxe

+## Syntaxe -
var mediaSource = new MediaSource();
+```js +var mediaSource = new MediaSource(); +``` -

Paramèteres

+### Paramèteres -

Aucun.

+Aucun. -

Example

+## Example -

Le fragement de code suivant est tiré d'un exemple simple écrit par par Nick Desaulniers (voir la démonstration complète, ou télécharger les sources pour une meilleure compréhention.)

+Le fragement de code suivant est tiré d'un exemple simple écrit par par Nick Desaulniers ([voir la démonstration complète](http://nickdesaulniers.github.io/netfix/demo/bufferAll.html), ou [télécharger les sources](https://github.com/nickdesaulniers/netfix/blob/gh-pages/demo/bufferAll.html) pour une meilleure compréhention.) -
var video = document.querySelector('video');
+```js
+var video = document.querySelector('video');
 
 var assetURL = 'frag_bunny.mp4';
 // A besoin d'être spécifique, Blink (moteur de rendu Chrome) demande le codec
 // ./mp4info frag_bunny.mp4 | grep Codec
 var mimeCodec = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"';
 
-if ('MediaSource' in window && MediaSource.isTypeSupported(mimeCodec)) {
+if ('MediaSource' in window && MediaSource.isTypeSupported(mimeCodec)) {
   var mediaSource = new MediaSource;
   //console.log(mediaSource.readyState); // "closed"
   video.src = URL.createObjectURL(mediaSource);
@@ -36,19 +39,13 @@ if ('MediaSource' in window && MediaSource.isTypeSupported(mimeCodec)) {
 }
 
 ...
-
+``` -

Compatibilitée des navigateurs

+## Compatibilitée des navigateurs -
+{{Compat("api.MediaSource.MediaSource")}} +## Voir aussi -

{{Compat("api.MediaSource.MediaSource")}}

-
- -

Voir aussi

- - +- {{domxref("SourceBuffer")}} +- {{domxref("SourceBufferList")}} -- cgit v1.2.3-54-g00ecf