HTML5用什么代码能让背景音乐在手机上播放？
4个回答
展开全部
IOS不允许自动播放背景音乐。android的话javascript可以使用<audio>标签，然后在下方增加一段该标签的play()动作。例如<audio id="bgaudio"src="sound.wav"></audio><script type="text/javascript">document.getElementById('bgaudio').play();</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
**AI一键生成PPT免费版**为满足广大用户的需求，我们博思云创科技特推出AI一键生成PPT免费版。用户只需简单输入需求，AI技术便能智能分析并快速生成高质量PPT。此版本功能强大且易于操作，无需专业设计技能，即可轻松打造出令人满意的演示...
点击进入详情页
本回答由博思aippt提供
展开全部
测试用例代码如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>音乐播放器</title> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0"> </head> <body> <audio id="music" src="http://wtser.u.qiniudn.com/download-complete.wav" preload="auto"></audio> <button id="bf" onclick="play()">播放</button> <button id="zt" onclick="pause()">暂停</button> <script> audio = document.getElementById("music"); document.getElementById("zt").style.display = "none"; audio.addEventListener("timeupdate", showtime, true); function showtime() { if (audio.duration == audio.currentTime) { document.getElementById("zt").style.display = "none"; document.getElementById("bf").style.display = ""; document.getElementById("music").currentTime = 0; } } function play() { audio.play(); document.getElementById("zt").style.display = ""; document.getElementById("bf").style.display = "none"; } function pause() { audio.pause(); document.getElementById("bf").style.display = ""; document.getElementById("zt").style.display = "none"; //document.getElementById("music").currentTime =0; } </script> </body> </html>
用js 创建audio对象的形式成功实现了点击再次播放。
//onclick do after
myAudio = new Audio('someSound.ogg'); myAudio.addEventListener('ended', function() { this.currentTime = 0; /*this.play();*/ }, false); myAudio.play();
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>音乐播放器</title> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0"> </head> <body> <audio id="music" src="http://wtser.u.qiniudn.com/download-complete.wav" preload="auto"></audio> <button id="bf" onclick="play()">播放</button> <button id="zt" onclick="pause()">暂停</button> <script> audio = document.getElementById("music"); document.getElementById("zt").style.display = "none"; audio.addEventListener("timeupdate", showtime, true); function showtime() { if (audio.duration == audio.currentTime) { document.getElementById("zt").style.display = "none"; document.getElementById("bf").style.display = ""; document.getElementById("music").currentTime = 0; } } function play() { audio.play(); document.getElementById("zt").style.display = ""; document.getElementById("bf").style.display = "none"; } function pause() { audio.pause(); document.getElementById("bf").style.display = ""; document.getElementById("zt").style.display = "none"; //document.getElementById("music").currentTime =0; } </script> </body> </html>
用js 创建audio对象的形式成功实现了点击再次播放。
//onclick do after
myAudio = new Audio('someSound.ogg'); myAudio.addEventListener('ended', function() { this.currentTime = 0; /*this.play();*/ }, false); myAudio.play();
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<bgsound src=背景音乐地址 loop=-1>
遇到不会的功能，可以找一些具有相近功能的网站直接copy 一些现成的微场景的代码就可以了，F12查看代码
http://www.17sucai.com/pins/tag/3713.html这个网址里有一些因为播放器的代码，你可以看一下，学习一下
遇到不会的功能，可以找一些具有相近功能的网站直接copy 一些现成的微场景的代码就可以了，F12查看代码
http://www.17sucai.com/pins/tag/3713.html这个网址里有一些因为播放器的代码，你可以看一下，学习一下
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用html5的audio标签，如下面代码即为所求：
<audio src="文件地址" autoplay="autoplay" loop="loop" style="display:none">
</audio>
autoplay是自动播放，但是也可以用js实现，loop是循环，display:none是为了让其渲染不会出现在页面中
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
