1

IE9+ と HTML5 の audio タグで興味深い問題が発生しました。

このサイトをご覧ください: https://www.phasetrax.de/artist/Chryso/album/42/lipstick-of-the-reddest-color

Firefox、Chrome、および Safari では正常に動作していますが、IE9+ ではオーディオ要素の赤い記号が付いた黒いフィールドが表示されます。

OGG ソースの HTML ヘッダーも確認しましたが、問題ないようです。

curl -k -I https://www.phasetrax.de//cdn/song/323/lipstick-of-the-reddest-color.ogg
HTTP/1.1 200 OK
Server: nginx/1.2.0
Date: Sat, 30 Mar 2013 14:59:50 GMT
Content-Type: application/octet-stream
Connection: keep-alive
Status: 200 OK
Content-Disposition: attachment; filename="01_Lipstick_Of_The_Reddest_Color.ogg"
Content-Transfer-Encoding: binary
Cache-Control: private
X-UA-Compatible: IE=Edge,chrome=1

オーディオ要素のコードは次のとおりです。

<audio controls autobuffer  id="pt_player_1">
<source class="mp3_src" src="https://www.phasetrax.de//cdn/song/323/lipstick-of-the-reddest-color.mp3">
<source class="ogg_src" src="https://www.phasetrax.de//cdn/song/323/lipstick-of-the-reddest-color.ogg">
  Your browser does not support the audio element. Get newest
  Firefox!
</audio>

ogg の提供を担当するアプリは、Rails with Unicorn と NGINX です。

たぶん、この場合、IE で何が問題になっているのか、誰でも知っているでしょう。

よろしく、アレックス

4

1 に答える 1

0

別のオーディオで試してみましたが、正常に動作します。オーディオのビットレートがこれに関係していると思います。128kbps 44khz モノラルを試してください。また、試行錯誤しながら他の組み合わせを試すこともできます。

これらのオーディオ変換にはフォーマット ファクトリを使用します。

于 2013-03-30T17:30:09.063 に答える