mozilla

Revision 3235 of audio 要素

  • Revision slug: HTML/Element/Audio
  • Revision title: audio 要素
  • Revision id: 3235
  • Created:
  • Creator: RobinEgg
  • Is current revision? No
  • Comment page display name changed to 'audio 要素'

Revision Content

{{ gecko_minversion_header("1.9.1") }}

audio 要素は HTML もしくは XHTML 文書に音声コンテンツを埋め込むために用いられます。 audio 要素は HTML 5 の一部として導入されました。

  • 要素型: block-level
  • 許可されたコンテンツ: 代替テキスト
注意: 現在、 Firefox が対応しているのは WAV フォーマットおよび Ogg コンテナ中の Vorbis フォーマットに限られます。また、 Firefox がこれらのコンテンツを正常に再生するためには、サーバーから送信されるデータが適切な MIME タイプで指定されていなければなりません。

属性

autoplay
ブール型。この属性が指定された場合(たとえ false であっても!)、データの読み込みが完了し、再生可能な状態になった時点で即座にコンテンツの再生が始まります。
controls {{ unimplemented_inline() }} {{ bug("449149") }}
指定された場合、再生・一時停止、音量、シークの各機能を制御するコントロールを表示します。
loop {{ unimplemented_inline() }} {{ bug("449157") }}
ブール型。指定された場合、音声コンテンツの終端に達すると自動的に先頭位置に戻ります。
src
埋め込む音声コンテンツへの URL を指定します。なお、この属性は HTTP access controls に従います。

先頭からの経過時間(秒)は浮動小数点型(float)で指定されます。

注意: 先頭からの経過時間については、まだ HTML 5 での定義が完了していないため、今後仕様が変更される恐れがあります。

<audio src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" autoplay>
  あなたのブラウザーは <code>audio</code> 要素に対応していません。
</audio>

この例では、この記事に添付されている音声ファイルを再生することができます。

参考資料

 {{ languages( { "en": "en/HTML/Element/audio" }, { "fr": "fr/HTML/Element/audio" } ) }}

Revision Source

<p>{{ gecko_minversion_header("1.9.1") }}</p>
<p><code>audio</code> 要素は HTML もしくは XHTML 文書に音声コンテンツを埋め込むために用いられます。 <code>audio</code> 要素は HTML 5 の一部として導入されました。</p>
<ul> <li>要素型: <a class="internal" href="/en/HTML/Block-level_elements" title="en/HTML/Block-level elements">block-level</a></li> <li>許可されたコンテンツ: 代替テキスト</li>
</ul>
<div class="note"><strong>注意:</strong> 現在、 Firefox が対応しているのは WAV フォーマットおよび Ogg コンテナ中の Vorbis フォーマットに限られます。また、 Firefox がこれらのコンテンツを正常に再生するためには、サーバーから送信されるデータが適切な MIME タイプで指定されていなければなりません。</div>
<h2>属性</h2>
<dl> <dt>autoplay</dt> <dd>ブール型。この属性が指定された場合(たとえ false であっても!)、データの読み込みが完了し、再生可能な状態になった時点で即座にコンテンツの再生が始まります。</dd> <dt>controls {{ unimplemented_inline() }} {{ bug("449149") }} </dt> <dd>指定された場合、再生・一時停止、音量、シークの各機能を制御するコントロールを表示します。</dd> <dt>loop {{ unimplemented_inline() }} {{ bug("449157") }}</dt> <dd>ブール型。指定された場合、音声コンテンツの終端に達すると自動的に先頭位置に戻ります。</dd> <dt>src</dt> <dd>埋め込む音声コンテンツへの URL を指定します。なお、この属性は <a class="internal" href="/En/HTTP_access_control" title="En/HTTP access control">HTTP access controls</a> に従います。<br> </dd>
</dl>
<p>先頭からの経過時間(秒)は浮動小数点型(float)で指定されます。</p>
<div class="note"><strong>注意:</strong> 先頭からの経過時間については、まだ HTML 5 での定義が完了していないため、今後仕様が変更される恐れがあります。</div>
<h2>例</h2>
<pre class="brush: html">&lt;audio src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" autoplay&gt;
  あなたのブラウザーは &lt;code&gt;audio&lt;/code&gt; 要素に対応していません。
&lt;/audio&gt;
</pre>
<p>この例では、この記事に添付されている音声ファイルを再生することができます。</p>
<h2>参考資料</h2>
<ul> <li><a class="internal" href="/Ja/HTML/Element/Video" title="Ja/HTML/Element/Video"><span class="internal"><code>video</code></span></a> </li> <li><a class="internal" href="/Ja/HTML/Element/Source" title="Ja/HTML/Element/Source"><code>source</code></a></li> <li><code>{{ interface("nsIDOMHTMLMediaElement") }}</code></li> <li><a class="internal" href="/Ja/Using_audio_and_video_in_Firefox" title="Ja/Using audio and video in Firefox">Using audio and video in Firefox</a></li>
</ul>
<p> {{ languages( { "en": "en/HTML/Element/audio" }, { "fr": "fr/HTML/Element/audio" } ) }}</p>
Revert to this revision