如何在javascript中调整音频文件的音量[重复]

Posted 2023-02-25

【中文标题】如何在javascript中调整音频文件的音量[重复]

【英文标题】：How can i adjust the volume of an audio file in javascript [duplicate]

【发布时间】：2017-09-04 20:57:13

【问题描述】：

我有一个测验应用程序，它会在答案正确时播放音频文件..

var audio1 = new Audio('audio/correct.mp3');
// if answer is correct ..
audio1.play();

音频的音量太大了..如何调整或添加控制？

注意：jquery 的答案也很好。

提前谢谢你。

【参考方案1】：

如果您的音乐是页面中的一个元素，您可以使用：

var music = document.getElementById("myMusic");
music.volume = 0.2;

如果不是，请使用：

var music = new Audio('audio/correct.mp3');
music.volume = 0.2;

查看详细文档here

【讨论】：

我没听懂.. 音频不是页面上的元素，如何通过 ID 获得？

var audio1 = new Audio('audio/correct.mp3'); audio1.volume = 0.2; // 20%

【参考方案2】：

使用在 [0, 1] 范围内取值的 volume 属性，如 [0%, 100%] ：

var audio1 = new Audio('http://www.tvdsb.ca/webpages/balestrins/files/fanfare.wav'); // example audio
// if answer is correct ..
audio1.volume = 0.5; // 50%
audio1.play();