如何播放音频?

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

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

当前回答

如果你得到以下错误:

DOMException: play()失败，因为用户没有首先与文档交互。

这意味着用户需要首先与网站进行交互(正如错误消息所说)。在这种情况下，您需要使用点击或只是另一个事件监听器，以便用户可以与您的网站进行交互。

如果你想自动加载音频，并且不希望用户首先与文档交互，你可以使用setTimeout。

setTimeout（（） => { document.getElementById（'mySound'）.play（）; }, 500) <audio id=“mySound” src=“sound.mp3”></audio>

声音将在0.5秒后开始。

2018-08-02 15:53:47

其他回答

就用这个吧:

<video controls="" autoplay="" name="media"><source src="Sound URL Here" type="audio/mpeg" /></video>

或者，简单点说:

<video controls="" autoplay="" name="media">

<source src="Sound URL Here" type="audio/mpeg" />

</video>

示例: <视频控制="" autoplay="" name="media"> <source src="https://interactive-examples.mdn.mozilla.net/media/examples/t-rex-roar.mp3" type="audio/mpeg"> . < /视频>

不知道这是否适用于除Chrome 73之外的其他浏览器!!

2019-04-03 16:09:02

这是一个相当老的问题，但我想补充一些有用的信息。话题发起者提到他正在“制作一款游戏”。所以对于所有需要音频进行游戏开发的人来说，有比<audio>标签或HTMLAudioElement更好的选择。我认为你应该考虑使用Web Audio API:

虽然网页上的音频不再需要插件，但音频标签为实现复杂的游戏和交互式应用程序带来了巨大的限制。Web Audio API是一个高级JavaScript API，用于在Web应用程序中处理和合成音频。此API的目标是包含现代游戏音频引擎中的功能，以及现代桌面音频制作应用程序中的一些混合、处理和过滤任务。

2015-05-30 20:09:04

如果你想在当前浏览器选项卡未被选中的情况下也能播放声音，你必须在页面加载时加载音频资源。

像这样:

var audio = new Audio('audio/path.mp3');

function playSound(){
    audio.play();
}

请参阅这个问题了解更多细节

2020-10-31 12:24:33

这是我在一个婴儿AI项目上提出的一些JS。我希望这对你有所帮助。

<!DOCTYPE html>
<html>
<head>
    <title>
        js prompt AI
    </title>
    <style>
        #button {
            border: 1px solid black;
            border-radius: 10px;
            font-size: 22px;
            height:65px;
            width:100px;
            text-align: center;
            line-height: 65px;
        }
    </style>
</head>
<body>

    <audio id="myAudio" src="./how_are_you.m4a"></audio>
    <p>To Interact with the AI please click the button</p>
    <div id=button>click</div>

    <script>

       var button = document.getElementById("button");
       function playBack() {
           button.addEventListener("click", function (){
            var talk = prompt("If you wish for the AI to respond type hi");
            var myAudio = document.getElementById("myAudio");

            if(talk === "hi") {
                    myAudio.play();
            }
           }) ;



       }
       playBack();
   </script>
</body>

</html>

2019-03-29 02:51:47

如果你不想打乱HTML元素:

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

功能播放(){ var audio = new audio ('https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3'); audio.play (); ｝ <按钮onclick = "打()“>播放音频> < /按钮

这使用了HTMLAudioElement接口，它以与<audio>元素相同的方式播放音频。

如果你需要更多的功能，我使用了嚎叫.js库，发现它简单而有用。

< script src = " https://cdnjs.cloudflare.com/ajax/libs/howler/2.1.1/howler.min.js " > < /脚本> < >脚本 var声音=新的嚎叫({ src(“https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3”):, 体积:0.5, Onend:函数(){ 警报(“完成了!”); ｝ })； sound.play () > < /脚本

2013-09-05 05:03:32

如何播放音频?

推荐文章

最新文章

标签