如何使用javascript在取消选中复选框时关闭HTML5音频
How to use javascript to turn off HTML5 audio when checkbox is unchecked?
我有以下javascript代码来播放一些HTML5声音:
var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
"mp3": "audio/mpeg",
"mp4": "audio/mp4",
"ogg": "audio/ogg",
"wav": "audio/wav"
}
function createsound(sound){
var html5audio=document.createElement('audio')
if (html5audio.canPlayType){ //check support for HTML5 audio
for (var i=0; i<arguments.length; i++){
var sourceel=document.createElement('source')
sourceel.setAttribute('src', arguments[i])
if (arguments[i].match(/'.('w+)$/i))
sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
html5audio.appendChild(sourceel)
}
html5audio.load()
html5audio.playclip=function(){
html5audio.pause()
html5audio.currentTime=0
html5audio.play()
}
return html5audio
}
else{
return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio")}}
}
}
//Initialize two sound clips with 1 fallback file each:
var sound1=createsound("audio/tileSelect.ogg", "audio/tileSelect.mp3")
var sound2=createsound("audio/tileRemove.ogg", "audio/tileRemove.mp3")
使用其他功能中使用的sound1.playclip();
我可以播放声音
问题:
我有一个 ID 为sound
的复选框。检查时,应听到声音,否则,不应听到声音。
该复选框的代码当前为:
function playSound() {
if (document.getElementById('sound').checked){
[something has to be added here?]
}
}
我需要在此部分添加什么才能在选中时听到声音,而不是在未选中时听到声音?我似乎无法让它工作。
亲切问候莫里斯
没
关系,我解决了。我想得太辛苦了,可以很简单:
if (document.getElementById('sound').checked){
sound1.playclip();
}
这行得通
相关文章:
- HTML5音频加载和播放获胜'我不能在iPad上工作
- 未能加载,因为找不到支持的源.当播放HTML5音频元素时
- 动态加载的自定义javascript/jQuery/HTML5音频播放器的问题
- Html5音频时间更新精度
- HTML5音频如何防止浏览器麦克风拾取所有声音
- Javascript::通过HTML5音频播放器播放列表播放多个音频文件
- HTML5音频循环出现问题
- 如果src设置为静态,则会播放html5音频,但如果设置为动态,则不会播放
- Shoutcast流url在html5音频标签中不起作用
- Phonegap-Android 4.4-html5音频长度错误(javascript和媒体插件)
- HTML5音频没有方法播放
- 如何在角度过滤器内返回 html5 音频/视频作为输出
- 使用 Javascript 循环播放 HTML5 音频
- HTML5音频播放器只有在双击后才能在移动浏览器上播放
- JavaScript/HTML5音频:在Android Chrome中播放用户通过文件选择器加载的mp3文件
- 为什么我的代码使用javascript与html5音频播放器可以'Don’我不能做两个或两个以上
- 如何重复html5音频
- HTML5 音频进度条长度
- HTML5音频标签,其中可以下载
- 使用Javascript为HTML5音频添加循环