2021解决方案

function playSound(url) {
  const audio = new Audio(url);
  audio.play();
}

<button onclick="playSound('https://your-file.mp3');">Play</button>  

浏览器支持

Edge 12+、Firefox 20+、Internet Explorer 9+、Opera 15+、Safari 4+、Chrome

编解码器支持

只需使用 MP3

旧解决方案

（对于旧版浏览器）

function playSound(filename){
  var mp3Source = '<source src="' + filename + '.mp3" type="audio/mpeg">';
  var oggSource = '<source src="' + filename + '.ogg" type="audio/ogg">';
  var embedSource = '<embed hidden="true" autostart="true" loop="false" src="' + filename +'.mp3">';
  document.getElementById("sound").innerHTML='<audio autoplay="autoplay">' + mp3Source + oggSource + embedSource + '</audio>';
}

<button onclick="playSound('bing');">Play</button>  
<div id="sound"></div>

浏览器支持

• <audio> （现代浏览器）
• <embed>（后备）

使用的代码

• 适用于 Chrome、Safari 和 Internet Explorer 的 MP3。
• 适用于 Firefox 和 Opera 的 OGG。

截至 2016 年，以下内容就足够了（您甚至不需要嵌入）：

let src = 'https://file-examples.com/wp-content/uploads/2017/11/file_example_MP3_700KB.mp3';
let audio = new Audio(src);
audio.play();

在此处查看更多信息。

另一个插件，用于在网站上播放通知声音：Ion.Sound

• 基本演示
• 高级演示
• Ion.Sound GitHub 页面

好处：

• JavaScript 插件，用于播放基于 Web 音频 API 的声音并回退到 HTML5 音频。
• 插件适用于最流行的桌面和移动浏览器，可以在任何地方使用，从常见的网站到浏览器游戏。
• 包括音频精灵支持。
• 没有依赖项（不需要 jQuery）。
• 包括 25 个免费声音。

设置插件：

// set up config
ion.sound({
    sounds: [
        {
            name: "my_cool_sound"
        },
        {
            name: "notify_sound",
            volume: 0.2
        },
        {
            name: "alert_sound",
            volume: 0.3,
            preload: false
        }
    ],
    volume: 0.5,
    path: "sounds/",
    preload: true
});

// And play sound!
ion.sound.play("my_cool_sound");

雅虎的媒体播放器怎么样 嵌入雅虎的库

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script> 

并像使用它一样

<a id="beep" href="song.mp3">Play Song</a>

自动启动

$(function() { $("#beep").click(); });

播放跨浏览器兼容通知

正如@Tim Tisdall 从这篇文章中所建议的，检查Howler.js插件。

chrome 等浏览器javascript在最小化或不活动时禁用执行以提高性能。但是即使浏览器处于非活动状态或被用户最小化，这也会播放通知声音。

  var sound =new Howl({
                     src: ['../sounds/rings.mp3','../sounds/rings.wav','../sounds/rings.ogg',
                           '../sounds/rings.aiff'],
                     autoplay: true,
                     loop: true
                    });

               sound.play();

希望能帮助某人。