<audio>和<video>標簽提供了比大多數(shù)人知道的更多的功能。例如，您是否知道您可以使用一些JavaScript技巧檢測所支持的視頻格式和音頻格式?這讓我開始思考在瀏覽器中使用JavaScript檢測系統(tǒng)容量的可能性。

我討厭成為一個掃興的人，但不幸的是JavaScript不提供直接訪問系統(tǒng)音量，但你可以，使用<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"事件來監(jiān)聽音量變化:

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

您不能從瀏覽器中的隨機JavaScript片段設置系統(tǒng)卷級別，這是有道理的，但我有一點希望您可以檢索該級別。用JavaScript為給定的媒體設置音量是相對于系統(tǒng)音量級別的，但至少我們可以為這些元素創(chuàng)建。volume設置的自定義控件!