HTML5 Audio中控制音乐暂停、播放的js
2014-01-22 10:24
691 查看
第一次接触HTML5,需要用到音乐播放audio的功能,在如何通过onclick事件控制audio的播放和暂停上查了一些资料,通过《HTML5学习系列之Audio(1)》和《HTML5
Audio/Video 标签,属性,方法,事件汇总》两篇博客的学习,试了一下,发现《HTML5学习系列之Audio(1)》中提到的p.load();p.play()在jQuery中失效,p.stop();倒是可以用。然后又尝试了《HTML5
Audio/Video 标签,属性,方法,事件汇总》给出的audio的方法和属性,在js中用play()、pause()两个方法控制播放和暂停,下面分别是jQuery和js代码:
jQuery代码:$(function(){
$(".stop").click(function(){
audio.bind('audio',stop());
});
$(".play").click(function(){
audio.bind('audio',play()); //失效
});
}
js代码:
<script>
function change(){
Play = document.getElementById("audio");
if(document.getElementById('play').className=="stop"){
Play.pause();
document.getElementById('play').className="play";
}else{
Play.play();
document.getElementById('play').className="stop";
}
}
</script>
Audio/Video 标签,属性,方法,事件汇总》两篇博客的学习,试了一下,发现《HTML5学习系列之Audio(1)》中提到的p.load();p.play()在jQuery中失效,p.stop();倒是可以用。然后又尝试了《HTML5
Audio/Video 标签,属性,方法,事件汇总》给出的audio的方法和属性,在js中用play()、pause()两个方法控制播放和暂停,下面分别是jQuery和js代码:
jQuery代码:$(function(){
$(".stop").click(function(){
audio.bind('audio',stop());
});
$(".play").click(function(){
audio.bind('audio',play()); //失效
});
}
js代码:
<script>
function change(){
Play = document.getElementById("audio");
if(document.getElementById('play').className=="stop"){
Play.pause();
document.getElementById('play').className="play";
}else{
Play.play();
document.getElementById('play').className="stop";
}
}
</script>
相关文章推荐
- js控制html5 audio的暂停、播放、停止
- Js控制HTML5 Audio 音乐播放和关闭
- JS 控制 audio 标签 播放/暂停 音乐
- HTML5使用js jq控制<audio>的播放 暂停
- HTML5中Audio标签的使用与通过JS暂停音乐播放器audio
- html5 背景音乐 js控制播放 暂停
- HTML5之audio:键盘控制音乐播放
- JS控制HTML5媒体播放与暂停,及Chrome兼容的视频格式
- HTML5 audio标签使用js进行播放控制实例
- HTML5 audio标签使用js进行播放控制实例
- HTML5开发,audio 控制,当单个音频播放的时候,其它音频保持暂停状态,避免重音
- HTML5播放暂停音乐
- ActionScript 3.0 按钮控制音乐播放、暂停、停止、循环
- js 控制flash 播放 停止 暂停 放大 缩小
- js控件 midea player 播放器(控制页面音乐播放并可播放多首音乐)
- html5 audio标签切换播放音乐的方法
- ios加载html5 audio标签用js无法自动播放
- js控制网页背景音乐播放与停止的方法
- 在 iOS Safari 中假装自动播放 HTML5 audio(音乐) 的正确方式
- html5 Audio音乐播放器(canvas圆形音乐播放进度条)(二)