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

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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

構文

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);
}

// …

ブラウザーの互換性

Enable JavaScript to view this browser compatibility table.

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 2024年8月20日 by MDN contributors.

View this page on GitHub • Report a problem with this content

メディアソース拡張機能 API
MediaSource
コンストラクター
1. MediaSource()
静的プロパティ
1. canConstructInDedicatedWorker
インスタンスプロパティ
静的メソッド
1. isTypeSupported()
インスタンスメソッド
イベント
継承
1. EventTarget
Media Source Extensions に関連するページ
ガイド
1. メディアソース拡張機能のための資産の形式変換
2. HTML 5 ビデオ用の DASH アダプティブストリーミング

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

In this article

構文

引数

例

ブラウザーの互換性

関連情報

Help improve MDN