需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<body>标签中,输入html代码:
<audio autoplay="autoplay" loop=""><source src="11704.mp3"></audio>。
3、浏览器运行index.html页面,此时一进入页面就自动播放了背景音乐。
由于浏览器的安全策略问题,现在已经不再支持打开页面自动播放音乐了,如需要播放还是要让用户点击播放才可以,可以使用html5的audio标签加载音乐播放。<audio src="https://lanye.org/demo.mp3" controls width="100%"></audio>
据个人了解网页中的音乐播放代码有以下几种:
第一种:页面代码中的<head></head>之间加入<bgsound src="音乐url" loop="-1">这段代码。 loop指音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。
第二种:
在网页代码中的<style></style>标签之间加入一个“Embed”标签,其最简形式就像这样:
<embed src="音乐url" autostart="true" loop="true" width="80" height="20">
不同的是,在这里我们可以设置更多内容,相信内容请看w3scholl手册!
第三种:
使用超链接
例如:<a href="horse.mp3">Play the sound</a>
<script src="http://mediaplayer.yahoo.com/latest"></script>
第四种:
使用 HTML5 <audio>元素
<audio>元素是一个 HTML5 元素,在 HTML 4 中是非法的,但在所有浏览器中都有效。
例子:
<audio controls>
<source src="horse.mp3" type="audio/mpeg">
<source src="horse.ogg" type="audio/ogg">
Your browser does not support this audio format.
</audio>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)