⽹页播放背景⾳乐实现完整代码代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="code.jquery/jquery-2.1.4.min.js"></script>
<title></title>
</head>
<body>
<div id="">
你好
</div>
<audio id="music1" controls="controls" autoplay="autoplay" preload id="music1" hidden>
<source src="loudbaseapp/test/5.mp3" />
</audio>
<!--这⾥是⾳乐-->
<button type="button" onclick="play()">播放</button>
<!--这⾥是⼀个可以控制背景⾳乐播放暂停的开关-->
<script type="text/javascript">
var audio = ElementById('music1');
// $("#btn").bind("touchstart", function bf() {
// if (audio !== null) {
/
/ //检测播放是否已暂停.audio.paused 在播放器播放时返回false.
// //alert(audio.paused);
// if (audio.paused) {
// audio.play(); //audio.play();// 这个就是播放
// $("#btn").addClass("active")
// } else {
// audio.pause(); // 这个就是暂停
网页版音乐播放器// $("#btn").removeClass("active")
// }
// }
// })
function play(){
console.log('aaaaaa')
alert('播放⾳乐')
audio.play();
}
</script>
</body>
</html>
点击播放按钮,就可以播放拉。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论