剧情奥秘致力为广大影视爱好者提供电视剧电影未完剧情揭秘
你好,请登录

html5怎么设置多首背景音乐?优质

704次浏览| 2021-04-13 15:20:10 更新
来源:互联网
2个回答
满意答案

html5设置多首音乐循环播放

<div id="audioBox"></div>

<script type="text/javascript">

window.onload = function(){

var myAudio = new Audio();

myAudio.preload = true;

myAudio.controls = true;

myAudio.src = "1.mp3";

myAudio.playbackRate=3;//快进3

myAudio.play();

var t=0;

var tt = setInterval(function(){

t++;

if (t==1)

{

myAudio.playbackRate=1;//恢复正常播放

}

else if (t>7)

{

myAudio.playbackRate=100;//快进,达到尽快结束

clearInterval(tt);

}

},1000);//这里设短了又不起效果

document.getElementById("audioBox").appendChild(myAudio);

myAudio.loop = false;//禁止循环

}

</script>

这是一个很容易的方式,利用脚本在html5中完美运行!

下面是源码,只是很简单的。你值得拥有!

<script src="http:/baidu.com/jquery.js"></script>

<a class="mscBtn" id="audioBtn" title='最幸福的人' style="cursor:pointer;">

</a>

<audio id="bgMusic" src="http://baidu.com/zuixingfuderen.mp3" autoplay="autoplay"></audio>

这个源码的意思是:如果一个人打开这个页面的话,指定的mp3就会自己缓冲播放出来;一直整个音乐都放完了,音乐才会停止播放播放。你若想让因为一直无限播放,那么你就可以embed中添加loop代码,loop可以决定目前的音乐可以无线播放否,true的意思是循环播放,false说明播放一次就行会马上停止,不会再有第二遍的!这个代码是很特殊的,你需要很认真的才可以把他弄明白!

<embed src="bgsound.mp3" autostart="true" loop="true"> 

 同时,可以自己来控制宽度和高度,以及一些美关的问题吧,这些问题是很有重要的问题,它可能会影响你整个画面,或许你里面有错误更可能会影响整个页面的运行!你需要一个很谨慎的态度去审核代码!

<embed src="我的音乐.mp3" autostart="true" width="400" height="20">  大多数浏览器都会打破这个布局,一般的浏览器都只是会让更美观的体现给用户,但是呢我们有很好的方法使用hidden来不让浏览器识别出来,如果只是想让音乐在后台慢慢播放那么就用下面的代码!

<embed src="我的音乐.mp3" autostart="true" loop="true" hidden="true">  

如果你想更加深入的了解,那么去学习html就是很不错的选择,所有的网页都是通过html来实现的,之少html是所有编程的基础嘛,你值得学习!可能在以后你会有更多的需求,满足自己的生活!

而且编程是一个很需要耐心和责任心的过程,更需要你的细心!一个错误都会导致许多连续性的问题!

收到704个赞
最新文章
html5怎么设置多首背景音乐?
html5怎么设置多首背景音乐?
追剧小科普04-13
墨上之殇
墨上之殇
704
男生在父亲节应该送给自己的父亲什么礼物?
男生在父亲节应该送给自己的父亲什么礼物?
追剧小科普04-13
乔治的王者梦
乔治的王者梦
890
为何日本女艺人很少有嫁给富商的?
为何日本女艺人很少有嫁给富商的?
追剧小科普04-13
游戏编年史
游戏编年史
522
你拍大学毕业照那天有什么有趣的事情?
你拍大学毕业照那天有什么有趣的事情?
追剧小科普04-13
王大发
王大发
821
什么叫做相声,相声怎样定义的?
什么叫做相声,相声怎样定义的?
追剧小科普04-13
嗳妳啊
嗳妳啊
928
艺术永远不属于大众,是什么意思?
艺术永远不属于大众,是什么意思?
追剧小科普04-13
影人
影人
405
如何才能撩到直男?
如何才能撩到直男?
追剧小科普04-13
我叫AWM
我叫AWM
989
在写字楼开咖啡店,取什么名字好呢?
在写字楼开咖啡店,取什么名字好呢?
追剧小科普04-13
飞熊TV王者荣耀
飞熊TV王者荣耀
391
喜欢王源么?为啥?
喜欢王源么?为啥?
追剧小科普04-13
家居密码
家居密码
475
负能量明星的粉丝都很脑残吗?
负能量明星的粉丝都很脑残吗?
追剧小科普04-13
农视网
农视网
421

农视网

还没有个性签名哟
作者
关于我们 | 版权声明 | 免责声明 | 联系我们
免责声明:所有文字、图片、视频、音频等资料均来自互联网,不代表本站赞同其观点,内容仅代表作者本人意见,若因此产生任何纠纷作者本人负责,本站亦不为其版权负责! 如有问题,请联系我们
CopyRight©1999-2013 WWW.YI2.NET All Right Reserved 湘ICP备16020439号-1