const playAudio = (path) => {
   new Audio(path ?? 'defaultPath').play()
}
    
playAudio('path')`

你可以使用Web Audio API来播放声音。有相当多的音频库，如嚎叫.js, soundjs等。如果你不担心旧的浏览器，那么你也可以查看http://musquitojs.com/。它提供了一个简单的API来创建和播放声音。

例如，要播放一个声音，你所要做的就是。

import $buzz from 'musquito';

const buzz = $buzz('gunfire.mp3');

buzz.play();

该库还支持音频精灵。

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

像这样:

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

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

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

如果你得到以下错误:

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

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

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

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

声音将在0.5秒后开始。

http://www.schillmania.com/projects/soundmanager2/

SoundManager 2提供了一个易于使用的API，允许声音在任何现代浏览器中播放，包括IE 6+。如果浏览器不支持HTML5，那么它可以从flash中获得帮助。如果你想严格使用HTML5而不使用flash，这里有一个设置，preferFlash=false

它在iPad、iPhone (iOS4)和其他支持html5的设备+浏览器上支持100%无flash音频

使用简单如下:

<script src="soundmanager2.js"></script>
<script>
    // where to find flash SWFs, if needed...
    soundManager.url = '/path/to/swf-files/';

    soundManager.onready(function() {
        soundManager.createSound({
            id: 'mySound',
            url: '/path/to/an.mp3'
        });

        // ...and play it
        soundManager.play('mySound');
    });
</script>

这里有一个实际的演示:http://www.schillmania.com/projects/soundmanager2/demo/christmas-lights/

添加一个隐藏的<audio>元素，并按所示播放。

function playSound(url) {
  var ourAudio = document.createElement('audio'); // Create a audio element using the DOM
  ourAudio.style.display = "none"; // Hide the audio element
  ourAudio.src = url; // Set resource to our URL
  ourAudio.autoplay = true; // Automatically play sound
  ourAudio.onended = function() {
    this.remove(); // Remove when played.
  };
  document.body.appendChild(ourAudio);
}