W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <audio id="myAudio" controls> <source src="/i/audio/song.mp3" type="audio/mpeg"> <source src="/i/audio/song.ogg" type="audio/ogg"> 您的浏览器不支持 audio 元素。 </audio> <p>单击按钮可获取或设置音频播放器的音量。</p> <button onclick="getVolume()" type="button">音量是多少？</button> <button onclick="setHalfVolume()" type="button">将音量设置为 0.2</button> <button onclick="setFullVolume()" type="button">将音量设置为 1.0</button> <script> var x = document.getElementById("myAudio"); function getVolume() { alert(x.volume); } function setHalfVolume() { x.volume = 0.2; } function setFullVolume() { x.volume = 1.0; } </script> </body> </html>