html5音频不支持移动设备

时间:2016-06-22 06:13:37

标签: javascript css html5 html5-audio

这是我的代码,这种音频格式在移动设备上不起作用请帮我如何在移动浏览器中处理音频

<html>
    <body>
        <audio  autoplay loop id="myVideo" width="320" height="176">
            <source src="wedding.ogg" type="audio/ogg">
            <source src="wedding.mp3" type="audio/mp3">
        </audio>
    </body>
</html>

1 个答案:

答案 0 :(得分:0)

<audio id="blast" src="blast.mp3"></audio>
<audio id="smash" src="smash.mp3"></audio>
<audio id="pow" src="pow.mp3"></audio>
<audio id="bang" src="bang.mp3"></audio>
<!-- Background Track -->
<audio id="smooth-jazz" src="smooth-jazz.mp3" autoplay></audio>

然后说你有一个带有一类blasterTrigger的枪式触发器:

拍摄! 然后,您可以使用Javascript API来控制在单击触发器时播放爆音:

var blasterTrigger = document.querySelector(".blasterTrigger");
blasterTrigger.addEventListener("click", function(){
    document.getElementById("blast").play();
});

Source of above code

您可以使用一些HTML5音频/视频库: -