PC上无法听到HTML5音频标签声音

时间:2016-08-31 16:23:17

标签: jquery html5 audio

我尝试在网页中播放带有HTML5音频标签的声音,我有一些问题要听。

在Mac上,我可以完美地听到它。在PC中,一开始是咔嗒声,另一端是咔嗒声,没有别的。但是,当我点击操作系统上的声音图标时,会出现“波浪”。

我不知道它是否相关,但我有一个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();
}); 
你能帮帮我吗?非常感谢!

编辑:我测试了编解码器,这不是问题所在。此外,测试是在Chrome 52.0.2743.116,OSX El Capitan和Windows 7上进行的。

1 个答案:

答案 0 :(得分:0)

经过调查,编码存在问题。该文件是使用GarageBand修改的,Windows无法读取它。用Audacity编辑原文解决了这个问题。

非常感谢Marc B.和aspillers的启发。它们非常有用。