如何使用JavaScript根据图片的位置选择并播放音频文件？

10 浏览
0 Comments

如何使用JavaScript根据图片的位置选择并播放音频文件？

我正在使用HTML5和JavaScript制作一个游戏。\n我该如何通过JavaScript播放游戏音频？

0

3 答案

0 Comments

这是一个相当古老的问题，但我想添加一些有用的信息。楼主提到他正在“制作游戏”。因此，对于所有需要音频进行游戏开发的人来说，有一个比仅仅使用`

虽然网页上的音频不再需要插件，但是`

这应该是这里的被接受的答案。特别是对于游戏开发。那里的示例非常容易理解。

0
0 Comments

问题的原因是在于使用JavaScript根据图片的位置来选择和播放一个声音文件。解决方法是使用audio元素和play()方法来播放声音文件。可以参考http://www.storiesinflight.com/html5/audio.html上的示例。还可以参考这个网站，了解一些audio元素的其他有趣用法，如load()、pause()以及其他属性。在iOS上也可以使用，只需在带有自动播放和静音的音频标签中设置静音为false并调用播放方法。然而，不能在使用onload激活的函数中使用，可以在使用onclick时正常工作。用户需要首先与页面进行交互才能播放声音（这是正常、预期和用户友好的行为）。

0
0 Comments

问题的出现原因：用户想要根据图片的位置选择并播放不同的声音文件。

解决方法：

1. 使用HTMLAudioElement接口来选择并播放声音文件。可以使用以下代码：

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

2. 如果需要更多功能，可以使用howler.js库来选择并播放声音文件。可以使用以下代码：

需要注意的是，howler.js库支持与HTML5的audio格式兼容的格式，但不支持wav文件。另外，使用howler.js播放音频文件时，可能会在Chrome浏览器的开发工具控制台中出现Uncaught (in promise) DOMException错误。

最后，需要注意的是，从2018年4月开始，Chrome浏览器在用户至少点击一次文档后才能播放音频文件。

0