我无法在移动设备上的事件监听器中开始播放音频剪辑
<html>
<head>
<script src='http://code.jquery.com/jquery-2.1.4.min.js'></script>
<script>
$(document).ready(function() {
// Works with PC and Mobile
$("#play").click(function() {
var test = new Audio("http://www.w3schools.com/html/horse.ogg");
test.volume = 1;
test.play();
});
// Works with PC only
$("#play2").click(function() {
var test = new Audio("http://www.w3schools.com/html/horse.ogg");
test.volume = 1;
test.addEventListener('canplaythrough', function() {
test.play(); // or this.play();
});
});
});
</script>
</head>
<body>
<button id='play'>Play</button>
<button id='play2'>Play 2</button>
</body>
</html>
第一个按钮可在PC和Mobile上使用,但第二个带有事件监听器的按钮仅可在PC上使用。我如何也可以在移动设备上使用它?
事件触发后,我可以执行alert(123);它会执行,只是不会播放音频剪辑。
最佳答案
我找到了答案。
您必须致电:
test.play();
test.pause();
之后,您可以在触发事件之外控制音频元素。