---
title: MediaElementAudioSourceNode
slug: Web/API/MediaElementAudioSourceNode
translation_of: Web/API/MediaElementAudioSourceNode
---
<p>{{APIRef("Web Audio API")}}</p>

<div>
<p><code>MediaElementAudioSourceNode</code> 接口代表着某个由HTML5 {{ htmlelement("audio") }} 或 {{ htmlelement("video") }} 元素所组成的音频源.该接口作为扮演音源的 {{domxref("AudioNode")}} 节点.</p>
</div>

<p><code>MediaElementSourceNode</code> 没有输入,只有一个输出,其由使用{{domxref("AudioContext.createMediaElementSource")}}方法创建.输出的频道数目与节点创建时引用音频 {{domxref("HTMLMediaElement")}}  的频道数目一致,或当 {{domxref("HTMLMediaElement")}} 无音频时,频道数目为 1.</p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row">输入数目</th>
   <td><code>0</code></td>
  </tr>
  <tr>
   <th scope="row">输出数目</th>
   <td><code>1</code></td>
  </tr>
  <tr>
   <th scope="row">频道数</th>
   <td>由被传递给{{domxref("AudioContext.createMediaElementSource")}}的{{domxref("HTMLMediaElement")}}内的音频定义.</td>
  </tr>
 </tbody>
</table>

<h2 id="构造函数">构造函数</h2>

<dl>
 <dt>{{domxref("MediaElementAudioSourceNode.MediaElementAudioSourceNode()")}}</dt>
 <dd>创建一个新的 <code>MediaElementAudioSourceNode</code> 实例.</dd>
</dl>

<h2 id="属性">属性</h2>

<p><em>集成其父类属性, </em><em>{{domxref("AudioNode")}}</em>.</p>

<h2 id="方法">方法</h2>

<p><em>集成其父类方法, {{domxref("AudioNode")}}</em>.</p>

<h2 id="示例">示例</h2>

<p>{{page("/zh-CN/docs/Web/API/AudioContext/createMediaElementSource","示例")}}</p>

<h2 id="规范">规范</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
  <tr>
   <td>{{SpecName('Web Audio API', '#MediaElementAudioSourceNode', 'MediaElementAudioSourceNode')}}</td>
   <td>{{Spec2('Web Audio API')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="浏览器兼容性">浏览器兼容性</h2>

<div>{{CompatibilityTable}}</div>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Chrome</th>
   <th>Edge</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari (WebKit)</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>14 {{property_prefix("webkit")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop(25)}}</td>
   <td>{{CompatNo}}</td>
   <td>15 {{property_prefix("webkit")}}<br>
    22 (unprefixed)</td>
   <td>6 {{property_prefix("webkit")}}</td>
  </tr>
  <tr>
   <td>Constructor</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Android</th>
   <th>Chrome</th>
   <th>Edge</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Phone</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{CompatNo}}</td>
   <td>28 {{property_prefix("webkit")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile(25)}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>6 {{property_prefix("webkit")}}</td>
  </tr>
  <tr>
   <td>Constructor</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="相关页面">相关页面</h2>

<ul>
 <li><a href="/en-US/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Using the Web Audio API</a></li>
</ul>