Question

所以我想知道在javascript中是否可以使用这样的东西。

<audio id="audio">
    <source src="yourAudio.mp3" type="audio/mp3">
</audio>
<script type="text/javaScript">
var alarm = document.getElementById("audio");
//This basically sets the value of the audio to this variable

//So that I can do something like this
alarm.play();

alarm.pause();
</script>

这种方法不起作用，我已经尝试过了。但有没有其他JS魔法可以模仿这个？

Answer 1

另一种方法是创建object类型Audio，如下所示：

var alarm = new Audio('yourAudio.mp3');
alarm.play();   // you can then invoke the play method
alarm.pause();  // you can then invoke the pause method

Answer 2

如果您将src添加到audio代码

，您的代码就会生效

HTML：

<audio id="audiotag" src="your_file.mp3" preload="auto"></audio>

JS：

document.getElementById('audiotag').play();

Answer 3

<audio id="audio" src="yourAudio.mp3" ></audio>

 var audio = document.getElementById('audio');
 audio.play();

awesome audio javascript resource

将音频源设置为变量

3 个答案: