この翻訳は不完全です。英語から この記事を翻訳 してください。

HTMLMediaElement インターフェイスの srcObject プロパティは HTMLMediaElement に関連付けられたメディアソースを提供するオブジェクトを設定または取得します。このオブジェクトは MediaStreamMediaSourceBlob や(Blobから派生している)File です。

As of November 2017, browsers only support MediaStream. For MediaSource, Blob and File, you have to create a URL with URL.createObjectURL() and assign it to HTMLMediaElement.src. See below for an example.

構文

var sourceObject = HTMLMediaElement.srcObject;

HTMLMediaElement.srcObject = sourceObject;

MediaStreamMediaSourceBlobFile オブジェクト。(実際に何がサポートされているのかは互換性テーブルを確認してください。)

Usage notes

Older versions of the Media Source specification required using createObjectURL() to create an object URL then setting src to that URL. Now you can just set srcObject to the MediaStream directly.

Examples

Basic example

In this example, a media source is assigned to a newly-created <video> element.

const mediaSource = new MediaSource();
const video = document.createElement('video');
video.srcObject = mediaSource;

Supporting fallback to the src property

This version of the example above supports older browser versions that require you to create an object URL and assign it to src if srcObject isn't supported.

const mediaSource = new MediaSource();
const video = document.createElement('video');
try {
  video.srcObject = mediaSource;
} catch (error) {
  video.src = URL.createObjectURL(mediaSource);
}

仕様

仕様 状態 コメント
HTML Living Standard
srcObject の定義
現行の標準 初回定義。

ブラウザー互換性

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応52 あり

あり

18 — 58 moz

?39 ?
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応5252 あり

あり

18 — 58 moz

39 ? ?

ドキュメントのタグと貢献者

このページの貢献者: woodmix, dskmori, e53e04ac
最終更新者: woodmix,