载入时Javascript播放音频

Question

所以我有一个音量滑块代码。 它的作用是在加载滑块后更改音量时会播放声音。 例如，如果滑块的默认值为50，则在加载音频文件后不会立即播放声音，您需要将值更改为更高或更低，这样声音才能发出。 所以我需要JavaScript的帮助。 我该怎么办，这样一来，无论何时加载，它都会开始播放声音？

完整代码： https : //www.w3schools.com/code/tryit.asp?filename=FQZVZUX36JFD

JS：

$("#volume").slider({
min: 0,
max: 100,
value: 50,
    range: "min",
slide: function(event, ui) {
    setVolume(ui.value / 100);
}
});

var myMedia = document.createElement('audio');
$('#player').append(myMedia);
myMedia.id = "myMedia";

playAudio('http://listen.shoutcast.com/newfm64aac-', 0);

function playAudio(fileName, myVolume) {
        myMedia.src = fileName;
        myMedia.setAttribute('loop', 'loop');
    setVolume(myVolume);
    myMedia.play();
}

function setVolume(myVolume) {
var myMedia = document.getElementById('myMedia');
myMedia.volume = myVolume;
}

Answer 1

Google最近发布了一个浏览器更新，可防止媒体元素的初始播放或自动播放 （注意：不是此答案的解决方案，而是类似情况的潜在解决方案。）

Answer 2

您可以通过以下调用将初始音量设置为零：

playAudio('http://listen.shoutcast.com/newfm64aac-', 0);

要使其默认加载为50，您的通话应为：

playAudio('http://listen.shoutcast.com/newfm64aac-', 50);