This page is Ready to Use

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

audio

Summary

<audio>は音楽ファイルを再生したり、最低限のメディアプレイヤーのインターフェイスを表示するのに使用します。

Overview Table

DOM Interface
HTMLAudioElement

より詳細な説明はHTMLAudioElementを参照してください。

HTML属性

  • autoplay = “autoplay"、"” (空文字)、もしくは指定なし
    ブラウザ上でオーディオストリームを自動で再生します。
  • preload = “none"、"metadata” 、"auto"、"" (空文字)、もしくは指定なし
    ブラウザがオーディオストリームまたはメタデータを予めダウンロードするかどうかを指定します。
    • "none": ユーザが動画を必要としていない、もしくは不要なトラフィックを最小限にしたいと予想される場合に指定します。
    • "metadata": ユーザが動画を必要としていない、もしくは不要なトラフィックを最小限にしたいと予想される場合に指定します。
    • "auto": オーディオストリーム全体を予めダウンロードするのが望ましい場合に指定します。空文字を指定した場合も"auto"を指定した場合と同様です。
  • controls = “controls"、"” (空文字)、もしくは指定なし
    オーディオストリームの再生をコントロールするインターフェイスを表示するかどうかを指定します。
  • loop = “loop"、"” (空文字)、もしくは指定なし
    オーディオストリームが最後まで再生された場合、最初まで戻るかどうかを指定します。
  • mediagroup = 文字列
    複数の動画や音楽をグループ化し、リンクさせることができます。
  • src = URL(前後のスペースは取り除かれます。)オーディオストリームのURLを指定します。

アクセシビリティ

製作者は、情報とインターフェイスがいろいろなユーザに見やすくわかりやすいように作成する必要があります (WCAG 2.0 - 原則 1: 知覚可能)。テキストのキャプション等の、タイムベースメディア(音楽や動画)に対する代替手法についても含まれています。ガイダンス 1.2.

フォーマットとコーデック

一部のコーデックについて、すべてのブラウザでサポートされているわけではありません。しかしOgg/VorbisとMP4/AACはほとんどのブラウザでサポートされています。詳細は対応音声コーデック(Wikipedia)を参照してください。

Examples

この例はウェブページでmp3を再生するサンプルです。

<audio controls src="http://freedownloads.last.fm/download/533190714/she%2Bso%2Bfly.mp3" type="audio/mp3">
</audio>

View live example

Related specifications

HTML 5.1
W3C Working Draft
HTML 5
W3C Recommendation

See also

Other articles

Attributions