From c05efa8d7ae464235cf83d7c0956e42dc6974103 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:14 +0200 Subject: move *.html to *.md --- files/fr/web/api/mediasource/index.html | 151 -------------------------------- 1 file changed, 151 deletions(-) delete mode 100644 files/fr/web/api/mediasource/index.html (limited to 'files/fr/web/api/mediasource/index.html') diff --git a/files/fr/web/api/mediasource/index.html b/files/fr/web/api/mediasource/index.html deleted file mode 100644 index b472be76ed..0000000000 --- a/files/fr/web/api/mediasource/index.html +++ /dev/null @@ -1,151 +0,0 @@ ---- -title: MediaSource -slug: Web/API/MediaSource -tags: - - API - - Audio - - Experimental - - Extensions - - Interface - - MSE - - Media - - MediaSource - - MediaSource Extensions - - Reference - - TopicStub - - Video -translation_of: Web/API/MediaSource ---- -

{{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.

- -

{{InheritanceDiagram}}

- -

Constructeur

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

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é.
-
- -

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.
-
- -

Méthodes

- -

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.
-
- -

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 .
-
- -

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).

- -
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)) {
-  var mediaSource = new MediaSource();
-  //console.log(mediaSource.readyState); // closed
-  video.src = URL.createObjectURL(mediaSource);
-  mediaSource.addEventListener('sourceopen', sourceOpen);
-} else {
-  console.error('Unsupported MIME type or codec: ', mimeCodec);
-}
-
-function sourceOpen (_) {
-  //console.log(this.readyState); // open
-  var mediaSource = this;
-  var sourceBuffer = mediaSource.addSourceBuffer(mimeCodec);
-  fetchAB(assetURL, function (buf) {
-    sourceBuffer.addEventListener('updateend', function (_) {
-      mediaSource.endOfStream();
-      video.play();
-      //console.log(mediaSource.readyState); // ended
-    });
-    sourceBuffer.appendBuffer(buf);
-  });
-};
-
-function fetchAB (url, cb) {
-  console.log(url);
-  var xhr = new XMLHttpRequest;
-  xhr.open('get', url);
-  xhr.responseType = 'arraybuffer';
-  xhr.onload = function () {
-    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

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