1

HTML5 タグのプレイリストに ogg ファイルを組み込む方法がわかりません。現在、次のような形式のディレクトリ JSON オブジェクトからファイルを読み取ります。

 var playlist = [{"url":"mp3\/122911.mp3","title":"122911"},    
 {"url":"mp3\/100909.mp3","title":"100909"},{"url":"mp3\/011110.mp3","title":"011110"},
 {"url":"mp3\/061207C.mp3","title":"061207C"},{"url":"mp3\/110309.mp3","title":"110309"},    
 {"url":"mp3\/120409.mp3","title":"120409"},{"url":"mp3\/031608.mp3","title":"031608"},     
 {"url":"mp3\/100609C.mp3","title":"100609C"},{"url":"mp3\/120408.mp3","title":"120408"},
  {"url":"mp3\/012908.mp3","title":"012908"},{"url":"mp3\/032107.mp3","title":"032107"}]

それは驚異的に機能し、ogg ファイルをそのオブジェクトにロードすることは問題ではありません。ogg ファイルがあることを Firefox に伝える方法を知りたいだけです。JSON の 'url' と 'title' と共にそれを行うために欠落しているパラメーターはありますか? すべてを静的に作成するだけであれば、オーディオタグに正しく配置できることはわかっていますが、そうではありません。audio タグは単純に次のとおりです。

 <audio class="aud" autoplay>
    <p>Your browser doesn't support HTML 5 audio.</p>
</audio>

これまでのところ、chrome と safari の mp3 で問題なく動作します。私は単純なものが欠けていることを知っています。私は ogg ファイルを持っていますが、プレイリストのパラメーターについて混乱していると思います。ありがとう！

4

1 に答える 1

1

これはどのように機能していますか？

<audio class="aud" autoplay>
    <p>Your browser doesn't support HTML 5 audio.</p>
</audio>

ソースはありません。に動的に追加<source>してい<audio>ますか？

それがどのように機能するかを教えてください：

<sourceには複数を指定できます<audio>。ブラウザは<source>sを上から下に見て、サポートされている最初のブラウザを再生しようとします。したがって、このように書くと：

<audio class="aud" autoplay>
    <source src="music.mp3" type="audio/mpeg">
    <source src="horse.ogg" type="audio/ogg">   
    <p>Your browser doesn't support HTML 5 audio.</p>
</audio>

これで十分です。mp3をサポートするブラウズは、最初のソースを使用します。Firefoxのように、mp3をサポートしていないブラウザがこれを破棄し、次に見る場合。次に.oggを見つけて、それを再生します。

あなたはここでもっと見ることができます： http ：//www.w3schools.com/html/html5_audio.asp

于 2012-11-12T03:22:53.280 に答える