载说明：原创不易，未经授权，谢绝任何形式的转载

有时候，我们需要通过JavaScript在网站上播放通知声音。本文将介绍如何实现这一功能。

使用Audio构造函数在网站上播放通知声音

我们可以通过使用Audio构造函数创建一个音频播放器对象来在网站上使用JavaScript播放通知声音。

例如，如果我们有以下按钮：

<button>Play</button>

然后，我们可以通过编写以下代码来使用Audio构造函数，在点击按钮时播放音频剪辑：

const playAudio = (url) => {

const audio = new Audio(url);

audio.play();

}

const button = document.querySelector('#play-button');

button.addEventListener('click', () => {

const audioUrl = 'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3';

playAudio(audioUrl);

console.log(`Now playing audio from ${audioUrl}`);

});

这段代码定义了一个名为`playAudio`的函数，它接受一个URL参数，用于指定要播放的音频文件的路径。当调用`playAudio`函数时，它会创建一个新的`Audio`对象并播放指定的音频文件。

接下来，使用`querySelector`方法获取网页中的一个ID为`play-button`的元素，并将其存储在`button`变量中。然后，使用`addEventListener`方法为`button`元素添加一个`click`事件监听器。当按钮被点击时，触发回调函数。在回调函数中，我们定义了一个名为`audioUrl`的常量，它存储了所需的音频文件的URL。然后，我们调用`playAudio`函数并将`audioUrl`作为参数传递给它，以便播放指定的音频文件。最后，我们将一条消息记录到控制台，指示正在播放哪个音频文件。

结束

我们可以使用JavaScript通过使用Audio构造函数创建一个音频播放器对象来在网站上播放通知声音。

由于文章内容篇幅有限，今天的内容就分享到这里，文章结尾，我想提醒您，文章的创作不易，如果您喜欢我的分享，请别忘了点赞和转发，让更多有需要的人看到。同时，如果您想获取更多前端技术的知识，欢迎关注我，您的支持将是我分享最大的动力。我会持续输出更多内容，敬请期待。

• 件版本：
• 软件大小：
• 软件授权：
• 适用平台：
• http://dl.pconline.com.cn/download/401244.html

Win10声音怎么调？看似一个非常简单的电脑技巧问题，但仍然会有一些新手朋友对Win10声音设置不太了解，比如找不到播放设置、录音设置、音量合成器设置等等。今天电脑百事网小编就来教大家玩转Win10声音调节设置，以下是具体的方法步骤。

一、Win10声音怎么调？

如果只是简单调节Win10电脑的音量大小，那么操作就非常简单，直接点击Win10任务栏右下角的 音量图标 在弹出的音量调节杆中，调节音量大小即可，如下图。

Ps.建议在播放音乐的情况下，调节音量大小，这样可以通过听觉，调整到最佳适合自己的声音大小。

二、Win10音量合成器设置方法

在Win7声音调节界面一般默认是音量合成器界面，它可以分任务调节任务音量，比如音乐、QQ等不同软件的音量都可以单独调节。很多朋友找不到Win10音量合成器设置，下面也简单介绍下。

1、在Win10音量图标上点击鼠标右键，之后就可以看到「音量合成器」、 「播放设置」、 「录音设置」、 「声音设置」等等，如下图。

2、点击打开音量合成器设置，可以看到内部设置功能还是十分全面的，可以单独设置打开的各软件音量，包括扬声器、QQ、浏览器等等、如下图。

音量合成器设置有时候还是非常实用的，比如一边听歌，一边聊天，可以将QQ音量调节小一些，避免影响听歌。

知道大家有没有遇到过，在线看视频得时候，把视频音量和电脑音量已经拉到最大，但是声音还是很小，甚至停得不太清楚，这种情况大部分是视频录音得时候距离远或者采集音太小导致。

那有什么办法来解决这个问题呢，当然有，Chrome就有一个声音插件，Volume Control音量控制，可以把声音在原有基础上扩大1-6倍，让音量小得视频也可以正常播放。

Volume Control - 音量控制 Chrome插件的优点

1、将音量增加到6倍（高达600％）;2、显示播放音频的所有选项卡;3、快速导航带有声音的标签;4、立即静音标签音量（只需点击弹出菜单中的扬声器图标）;5、在工具栏菜单中的应用程序图标上显示音量级别;6、简约的设计。

Volume Control - 音量控制 Chrome插件的使用

1.离线安装chrome插件的方法均可参照：怎么在谷歌浏览器中安装.crx扩展。如果你是最新版chrome浏览器，可以参考chrome 67版本后无法拖拽离线安装CRX格式插件的解决方法。

2、volume control-音量控制插件的使用，安装完毕后，我们打开一个有音频输出的页面，再点击本插件就就可以进行音频控制了，点击音频控件左边的喇叭就可以立即静音该页面。

3、当我们打开了多个有音频输出的页面时音频控件下方就会有多个页面标题，我们可以点击页面标题进行有音频输出页面的快速切换

Volume Control - 音量控制下载地址

https://huajiakeji.com/accessibility/2019-01/1794/download.html