2016-08-31 14 views
1

WebページでHTML5オーディオタグを使用してサウンドを再生しようとしましたが、聞いたことがあります。HTML5オーディオタグのサウンドがPCで聞こえない

Macでは、完全に聞くことができます。 PCには、最初はクリック音が、最後にはクリック音があります。しかし、OS上のサウンドアイコンをクリックすると、「波」が表示されます。

私はそれが関連しているかどうかわかりませんが、オーディオが終了すると切り替わるdivがあります。ここに私のコードは次のとおりです。

HTML

<div class="block">Listen.</div> 
<div class="bande_audio"> 
    <span>1</span> 
    <audio id="audio1" preload="auto" controls> 
     <source src="audio/heartbeat-slow_M1Vtl3VO.mp3" type="audio/mpeg"> 
     <source src="audio/heartbeat-slow_M1Vtl3VO.ogg" type="audio/ogg"> 
     Your browser does not support audio element. 
    </audio>     
    <div class="enonce"> 
     Which activity can you associate to this heartbeat? 
    </div> 
</div> 

のjQuery

$(".question" + index +" audio").bind("ended", function(){ 
    $(".block").toggle(); 
}); 

あなたは私を助けることができますか?どうもありがとう!

EDIT:私はコーデックをテストしましたが、問題はありません。また、OSX El CapitanとWindows 7のChrome 52.0.2743.116でテストが行​​われました。

+0

ご使用のブラウザがoggかmp3をサポートしているかどうかを確認しましたか? 「

+0

ありがとうございます。私は間違いなくこれをチェックします。しかし、私は2つのプレートフォームで同じブラウザ(同じバージョン)で試しました。 MacからPCまで、同じコーデックではない可能性がありますか? – artemisc

+1

これは、MP3ファイルのある種の非常に特殊なエンコーディングの問題によっても引き起こされる可能性があります。そのため、OSXで使用されているプレーヤーは再生できますが、Windowsで使用されているプレーヤーはバグ(エンコーダー側またはプレーヤー)。別のファイルで試してみることはできますか? – apsillers

答えて

0

調査の結果、エンコーディングに問題がありました。ファイルはGarageBandで修正され、Windowsはそれを読み取れませんでした。 Audacityでオリジナルを編集することで問題は解決しました。

ありがとう、あなたの啓発のためのMarc B.とaspillers。彼らは本当に便利でした。

関連する問題