MediaSource: MediaSource() コンストラクター

MediaSource()MediaSource インターフェイスのコンストラクターで、ソースバッファが関連付けられていない新しい MediaSource オブジェクトを構築して返します。

構文

js
new MediaSource()

引数

なし。

次のスニペットは、Nick Desaulniers によって書かれた簡単な例から抜粋したものです(ライブで完全なデモを見るか、ソースをダウンロードしてさらに調査してください)。

js
const video = document.querySelector("video");

const assetURL = "frag_bunny.mp4";
// Blink はコーデックに関して特定する必要がある
// ./mp4info frag_bunny.mp4 | grep Codec
const mimeCodec = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"';

if ("MediaSource" in window && MediaSource.isTypeSupported(mimeCodec)) {
  const mediaSource = new MediaSource();
  //console.log(mediaSource.readyState); // closed
  video.src = URL.createObjectURL(mediaSource);
  mediaSource.addEventListener("sourceopen", sourceOpen);
} else {
  console.error("対応していない MIME タイプまたはコーデック: ", mimeCodec);
}

// …

ブラウザーの互換性

BCD tables only load in the browser

関連情報