jquery – HTML5音频 – 声音只播放一次

前端之家收集整理的这篇文章主要介绍了jquery – HTML5音频 – 声音只播放一次前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Chrome,这是我的代码
<audio id="letter_audio" src="audio/bomb.mp3" type="audio/mp3" preload="auto"></audio>

    $('.sound').live('click',function () {

        var sound = $("#letter_audio")[0];  

        sound.pause();
        sound.currentTime = 0;
        sound.play();

        return false;
    });

第一次点击播放时,声音如何播放那么当我再次点击时,它会像代码一样暂停.但它只是停留在暂停?我想要播放,然后当我再次点击它,回到0,再次像代码一样播放

解决方法

播放音频时遇到类似的问题,但是通过在play()调用之前调用load()方法可以解决它.尝试这个:
$('.sound').live('click',function () {
    var sound = $("#letter_audio")[0];

    sound.load();
    sound.play();

    return false;
});

我认为这比重新设置src属性有两个原因:

>将src值保留在页面内容中,而不是在JavaScript中
>当您嵌入多个< source>不同音频格式的元素:

<audio id="letter_audio">
   <source src="audio/bomb.mp3" type="audio/mp3" preload="auto"/>
   <source src="audio/bomb.ogg" type="audio/ogg" preload="auto"/>
</audio>

猜你在找的jQuery相关文章