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

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 の定義
現行の標準 初回定義。

ブラウザー互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOS 版 SafariSamsung Internet
基本対応Chrome 完全対応 52Edge 完全対応 ありFirefox 完全対応 あり
完全対応 あり
未対応 18 — 58
接頭辞付き
接頭辞付き moz のベンダー接頭辞が必要
IE ? Opera 完全対応 39Safari ? WebView Android 完全対応 52Chrome Android 完全対応 52Edge Mobile 完全対応 ありFirefox Android 完全対応 あり
完全対応 あり
未対応 18 — 58
接頭辞付き
接頭辞付き moz のベンダー接頭辞が必要
Opera Android 完全対応 39Safari iOS ? Samsung Internet Android ?

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明
使用するには、ベンダー接頭辞または異なる名前が必要です。
使用するには、ベンダー接頭辞または異なる名前が必要です。

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

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