8

オーディオタグとそれをサポートしていないブラウザ用のFlashへのフォールバックを含む次のhtml5ドキュメントがあります。

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  </head>
  <body>
    <audio autoplay controls preload="auto" autobuffer> 
      <source src="trumpet.ogg" type="audio/ogg">
      <source src="trumpet.mp3" type="audio/mp3">
      <source src="trumpet.wav" type="audio/wav">
      <source src="trumpet.m4a" type="audio/aac">

      <!-- Flash fallback -->
      <object width="1" height="1" type="application/x-shockwave-flash" data="player.swf">
        <param name="movie" value="player.swf">
        <param name="flashvars" value="file=trumpet.mp3">
      </object>
    </audio>
  </body>
</html>

すべてのファイルは、httpヘッダーに正しいMIMEタイプを使用してサービスによって返されます。このソリューションは、Internet Explorer 9および10を除くすべてのブラウザーで正常に機能します(Flashファイルが再生されるため互換モードを除く)。

これらの2つのブラウザでは、「エラー:サポートされていないオーディオタイプまたは無効なファイルパス」というエラーメッセージが表示されたプレーヤーコントロールを確認できます。ソースタグの順序を入れ替えようとしましたが、それらのいずれかを再生するための解決策が見つかりませんでした。

誰かがここで何をチェックするか、何がうまくいかないかについてのヒントを持っていますか?

上記のマークアップの動作については、 http://l.urff.at/html5audioexampleを参照してください。

役立つヒントやヒントを事前に感謝します!:)

4

1 に答える 1