javascript - Javascript在加载时播放音频
问题描述
所以我有音量滑块的代码。它的作用是在加载滑块后更改音量时播放声音。例如,如果滑块的默认值为 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;
}
解决方案
谷歌最近发布了一个浏览器更新,阻止了媒体元素的初始播放或自动播放(注意:不是这个答案的解决方案,而是类似情况的潜在解决方案。)
推荐阅读
- html - 在移动 Boostrap 上对齐整个 Div 内容中心
- python - Python Tkinter Treeview(如何链接父母和孩子)
- c - 这是如何添加一个指针和一个整数
- java - 如何阻止外部库使用其消息污染应用程序输出?
- javascript - 纯 JavaScript 中的 XMLhttpRequest
- python - 如何将中值滤波添加到我的频谱
- java - 如何检查 id String 是否为空,然后在 android studio 中定义一个默认值是否为空
- python - 在保存之前将表单字段设置为 None 值
- javascript - 在函数的单独 JavaScript 文件之间传递数据
- fullcalendar - 完整的日历资源TimeGrid 布局问题