お寿司か焼き肉食べたい

まじめな事からしょーもない事まで
めにゅーを開く(投げやり)

amp-audio

audioタグの代替タグです。

プラグインの読み込み

amp-audioを使用する場合は別途プラグインの読み込みが必要です。
amp.jsの後にでも読み込ませましょう。

<script async custom-element="amp-audio" src="https://cdn.ampproject.org/v0/amp-audio-0.1.js"></script>

基本構文と動作

どんな書き方でどんな動きすんのかを。まず簡単なものを。

<amp-audio width="400" height="300" src="https://yourhost.com/audios/myaudio.mp3">
  <div fallback>
    <p>Your browser doesn’t support HTML5 audio</p>
  </div>
  <source type="audio/mpeg" src="foo.mp3">
  <source type="audio/ogg" src="foo.ogg">
</amp-audio>

各種プロパティについて

src 参照するメディアのパスを記述します。
この時HTTPSでの指定が必須となります。
autoplay 読み込み後自動再生されます。
loop ループ再生に対応させます。
muted ミュートになります。

その他

  • AMPファイル内のすべての埋め込み外部リソースと同様に、オーディオは「遅延して」ロードされます。
    amp-audioエレメントがビューポート内またはその近くにある場合のみです
  • 子要素にsourceタグを設置して複数の拡張子ファイルを置くことができます。
  • 子要素にfallbackプロパティのついた要素を配置することで、未対応ブラウザの場合でも対応できます。