使用JavaScript获取和设置音量

<audio>和<video>标签提供了比大多数人知道的更多的功能。例如，您是否知道您可以使用一些JavaScript技巧检测所支持的视频格式和音频格式?这让我开始思考在浏览器中使用JavaScript检测系统容量的可能性。

我讨厌成为一个扫兴的人，但不幸的是JavaScript不提供直接访问系统音量，但你可以，使用<audio>和/或<video>元素，以编程方式设置和获得音量级别。

// Getting volume level const volume = document.querySelector("video").volume; // 1  // Setting volume level document.querySelector("video").volume = 0.5;  // set volume to 50%

你也可以通过"onvolumechange"事件来监听音量变化:

document.querySelector("video").addEventListener("onvolumechange", e => {     // Change your custom control UI });

您不能从浏览器中的随机JavaScript片段设置系统卷级别，这是有道理的，但我有一点希望您可以检索该级别。用JavaScript为给定的媒体设置音量是相对于系统音量级别的，但至少我们可以为这些元素创建。volume设置的自定义控件!