diff options
Diffstat (limited to 'files/zh-cn/web/api/htmlmediaelement/srcobject')
-rw-r--r-- | files/zh-cn/web/api/htmlmediaelement/srcobject/index.html | 102 |
1 files changed, 102 insertions, 0 deletions
diff --git a/files/zh-cn/web/api/htmlmediaelement/srcobject/index.html b/files/zh-cn/web/api/htmlmediaelement/srcobject/index.html new file mode 100644 index 0000000000..9377ebf1a9 --- /dev/null +++ b/files/zh-cn/web/api/htmlmediaelement/srcobject/index.html @@ -0,0 +1,102 @@ +--- +title: srcObject +slug: Web/API/HTMLMediaElement/srcObject +translation_of: Web/API/HTMLMediaElement/srcObject +--- +<p>{{SeeCompatTable}}{{APIRef("")}}</p> + +<p>{{domxref("HTMLMediaElement")}} 接口的 <strong><code>srcObject</code></strong> 属性设定或返回一个对象,这个对象提供了一个与{{domxref("HTMLMediaElement")}}关联的媒体源,这个对象通常是 {{domxref("MediaStream")}} ,但根据规范可以是 {{domxref("MediaSource")}}, {{domxref("Blob")}} 或者 {{domxref("File")}}。</p> + +<div class="note"> +<p><strong>注意:</strong> 截至 2020 年 3 月, 只有Safari 支持设置 <code>MediaStream</code> 之外的对象。在其他浏览器跟上之前, 对<code>MediaSource</code>, <code>Blob</code> 和 <code>File</code>, 请考虑返回创建具有{domxref("URL.createObjectURL()")}} 的 URL, 并将其赋值给{{domxref("HTMLMediaElement.src")}} 有关示例,请参阅下文。</p> +</div> + + + +<h2 id="语法">语法</h2> + +<pre class="syntaxbox notranslate">var <em>mediaStream</em> = <em>HTMLMediaElement</em>.srcObject +<em>HTMLMediaElement</em>.srcObject = <em>mediaStream</em> +</pre> + +<h3 id="值">值</h3> + +<p>一个 {{domxref('MediaStream')}},{{domxref('MediaSource')}},{{domxref('Blob')}} 或者 {{domxref('File')}} 对象(具体支持请参见兼容表)。</p> + +<h2 id="规范">规范</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">规范</th> + <th scope="col">状态</th> + <th scope="col">论述</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', 'embedded-content.html#media-elements', 'srcObject')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>原始定义。</td> + </tr> + </tbody> +</table> + +<h2 id="浏览器兼容">浏览器兼容</h2> + +<p>{{CompatibilityTable}}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari (WebKit)</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatChrome(52.0)}}<sup>[1]</sup></td> + <td>{{CompatGeckoDesktop("18.0")}}<sup>[1][2]</sup><br> + {{CompatGeckoDesktop("42.0")}}<sup>[1]</sup></td> + <td>{{CompatUnknown}}</td> + <td>39<sup>[1]</sup></td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Android Webview</th> + <th>Firefox Mobile (Gecko)</th> + <th>Firefox OS</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{CompatNo}}</td> + <td>{{CompatChrome(52.0)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>39</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatChrome(52.0)}}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] 目前只有 {domxref("MediaStream")}} 对象是支持的。 {domxref("MediaSource")}} , {{domxref("Blob")}} 和 {{domxref("File")}} 对象尚待支持,并会抛出一个类型错误(TypeError)。</p> + +<p>[2] Firefox 的早期版本通过非标准化的名称 <code>mozSrcObject 来实现。</code></p> |