点击暂停音乐播放
2016-08-01 00:00
169 查看
<div class="music" href="javascript:void(0);" id="control">
<img src="images/love_3.png" alt="">
<audio id="audio" src="" loop="loop" autoplay="autoplay"></audio>
</div>
<script src="js/jquery.min.js"></script>
<script>
$(function() {
getSong();
clicks();
})
//获取歌曲链接并插入dom中
function getSong() {
var audio = document.getElementById("audio");
audio.src = "music.mp3";
audio.loop = true; //歌曲循环
//playCotrol(); //播放控制函数
}
//点击播放/暂停
function clicks() {
var audio = document.getElementById("audio");
$("#control").click(function() {
if ($("#control").hasClass("play")) {
$("#control").addClass("pause").removeClass("play");
audio.play();//开始播放
//dragMove();//并且滚动条开始滑动
//$("#control").html("暂停播放");
} else {
$("#control").addClass("play").removeClass("pause");
//$("#control").html("点击播放");
audio.pause();
}
})
}
</script>
<img src="images/love_3.png" alt="">
<audio id="audio" src="" loop="loop" autoplay="autoplay"></audio>
</div>
<script src="js/jquery.min.js"></script>
<script>
$(function() {
getSong();
clicks();
})
//获取歌曲链接并插入dom中
function getSong() {
var audio = document.getElementById("audio");
audio.src = "music.mp3";
audio.loop = true; //歌曲循环
//playCotrol(); //播放控制函数
}
//点击播放/暂停
function clicks() {
var audio = document.getElementById("audio");
$("#control").click(function() {
if ($("#control").hasClass("play")) {
$("#control").addClass("pause").removeClass("play");
audio.play();//开始播放
//dragMove();//并且滚动条开始滑动
//$("#control").html("暂停播放");
} else {
$("#control").addClass("play").removeClass("pause");
//$("#control").html("点击播放");
audio.pause();
}
})
}
</script>
相关文章推荐
- 实现点击通知栏发送广播控制音乐的播放、暂停、上一曲、下一曲
- 音乐播放暂停控制
- 音乐播放暂停停止
- Android 超简单音乐播放器(六)播放暂停音乐,更换播放模式,上下歌曲切换(service)
- 【PPT技巧】让PPT背景音乐仅在播放视频时暂停
- android webview中的音乐的暂停与播放
- Service后台服务控制音乐的播放暂停和停止,播放完自动播放下一曲
- 使用service的startservice 和bindservice方法实现音乐的播放、暂停、继续
- 三张图片滑动,点击立即体验按钮跳转主页面,滑动时播放音乐!
- HTML5播放暂停音乐
- 音频的点击播放与暂停
- 点击按钮播放音乐
- android webview中的音乐的暂停与播放
- 获取手机sd卡中的音乐并点击播放
- 递归遍历 SD 卡目录下的所有音乐文件,并点击条目后进入相应的播放界面
- 播放音频的点击播放和暂停
- 音乐播放器--简单实现播放、暂停、随机播放、音乐进度条(第一版)
- android求助:关于播放器中的“播放/暂停”键: 用ImageButton来设置点击效果时的问题
- 用C#和vs2015编写了一个简单音乐播放器,实现功能,多条音乐导入,播放、暂停、上下曲。采用vs2105自带的一个播放器控件
- 音乐播放器--简单实现播放、暂停、随机播放、音乐进度条(第一版)