javascript - 如何播放音频?

我正在使用 HTML5 和 JavaScript 制作游戏。

如何通过 JavaScript 播放游戏音频?

最佳答案

如果你不想弄乱 HTML 元素:

var audio = new Audio('audio_file.mp3');
audio.play();

function play() {
  var audio = new Audio('https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3');
  audio.play();
}
<button onclick="play()">Play Audio</button>

这使用 HTMLAudioElement 接口(interface),播放音频的方式与 <audio> element 相同.


如果您需要更多功能,我使用了 howler.js库,发现它简单实用。

<script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.1.1/howler.min.js"></script>
<script>
    var sound = new Howl({
      src: ['https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3'],
      volume: 0.5,
      onend: function () {
        alert('Finished!');
      }
    });
    sound.play()
</script>

https://stackoverflow.com/questions/9419263/

相关文章:

html - HTML5 中是否有 minlength 验证属性?

html - 确定用户的时区

html - 名称为 ='' 的无效表单控件不可聚焦

html - 我们可以在同一个

中有多个 吗?

html - 如何使 "position: absolute"元素居中

javascript - 从父页面调用 iframe 中的 JavaScript 代码

javascript - 从文本 JavaScript 中剥离 HTML

javascript - 一个 AngularJS Controller 可以调用另一个吗?

javascript - 在 HTML 文件中包含另一个 HTML 文件

html - 我可以编写一个 CSS 选择器来选择没有特定类或属性的元素吗?