2011-12-27 11 views
1

私は以下のHTML5オーディオ固有のjavascriptを持っています。これはIE9以外のすべてのブラウザで役に立ちます(下記のコードを参照)。なぜ誰にも分かりませんか?そして、IE9でも動作するようにスクリプトを書き直せる方法はありますか?Internet Explorer 9でこのHTML5オーディオ固有のjavascriptが動作しないのはなぜですか?

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 

はJavaScript:

$(document).ready(function(){ 
    $("#play-bt").click(function(){ 
     $("#audio-player")[0].play(); 
     $("#message").text("Music started"); 
    }) 

    $("#pause-bt").click(function(){ 
     $("#audio-player")[0].pause(); 
     $("#message").text("Music paused"); 
    }) 

    $("#stop-bt").click(function(){ 
     $("#audio-player")[0].pause(); 
     $("#audio-player")[0].currentTime = 0; 
     $("#message").text("Music Stopped"); 
    }) 

    $("#mute-bt").click(function(){  

     if ($("#audio-player")[0].muted == true) {   
      $("#audio-player")[0].muted = false; 
      $("#message").text("Music Un-Muted");   
     } else {   
      $("#audio-player")[0].muted = true; 
      $("#message").text("Music Muted");   
     }   

    }) 

}) 

HTML:

<audio id="audio-player" name="audio-player"> 
    <source src="http://www.colorshoutconcepts.com/wp-content/uploads/2011/12/uf_orange_and_blue.ogg" type="audio/ogg" /> 
    <source src="http://www.colorshoutconcepts.com/wp-content/uploads/2011/12/uf_orange_and_blue.mp3" type="audio/mpeg" /> 
</audio> 

<div id="message"></div> 

<a id="play-bt" href="#">Play music</a> | <a id="pause-bt" href="#">Pause music</a> | <a id="stop-bt" href="#">Stop music</a> | <a id="mute-bt" href="#">Mute</a> 

編集:どのように私もこのスレッドに返信することが出来るのですか?私は "コメントを追加" & "あなたの質問に答える"リンクをクリックし続けます..しかし何も起こりません。

私がいる問題は、私は任意のリンクをクリックしたときに私はjavascriptのエラーを取得していますということです。

SCRIPT438:オブジェクトは、プロパティやメソッドは「プレイ」をサポートしていません

私は」 MP3とOGGファイルを指定しています - どちらもサポートされているオーディオフォーマットです..そしてIE9はこれらのJavaScriptエラーを吐き出します。解決しよう


:結局のところ、私は私がテストしていたHTMLドキュメントに開放&決算HTML、HEAD、& BODYタグを追加する必要がありました。言い換えれば、実際にIE9で適切なHTML5ドキュメントとしてページを作成したときに正常に動作します。

+9

開発者として、あなたは「ないことを知っている必要があり仕事は常に正確な資格を必要とします。 IEはクラッシュしますか?ウェブサイトはレンダリングされているか?オーディオは再生されますか? – phihag

+2

具体的にお願いします。 'play()'、 'pause()'、 'muted'のどれが問題を起こしていますか?エラーコンソールはあなたに何を伝えますか? – PPvG

+0

あなたの 'play()'メソッドがうまく動作しなくても、サイト/アプリケーション/ゲームで 'mp3'フォーマットのオーディオを使うのは苦労します。ライセンス料$ 2,500 http://www.scirra .com/blog/64/why-you-shouldnt-use-mp3-in-your-html5-gamesは、それをサポートするブラウザにOGGを使用し、IEではAACにフォールバックします。 – scunliffe

答えて

0

IE9はaudioタグをサポートしていますが、IE9がデコードできるオーディオストリームを提供する必要があります。 MP3やAACをMP4コンテナに入れてみてください。

出典:http://msdn.microsoft.com/en-us/ie/hh410106#_HTML5_video_audio

その他のソース:http://msdn.microsoft.com/sv-se/library/ff975061.aspx

EDIT:あなたの編集を使用すると、MP3オーディオストリームを使用していることを私に伝えます。それはうまくいくはずです。もう少し詳しく教えてください。 F12コンソールにエラーメッセージがありますか? IE9で

2

のMP3が作業を行い、IEが持っている問題は

.WAVを演奏し、.OGGさ

ワークス - クロム - SafariとFirefoxの

var snd = new Audio("/pop.mp3"); 
snd.play(); 
関連する問題