需要准备的材料分别有:电脑、浏览器、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>
HTML代码中插入音乐播放器,大致有四种风格,代码如下:白色普通播放器代码:
<EMBED height=45 type=audio/mpeg width=300 src=音乐地址 volume="0" loop="-1"></EMBED>
黑色播放器代码:
<EMBED style="FILTER: Xray" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" volume="0"></EMBED>
灰色播放器代码:
<EMBED style="FILTER: Gray" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" volume="0"></EMBED>
棕色播放器代码:
<EMBED style="FILTER: Invert" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" volume="0"></EMBED>
注:代码中SRC对应音乐地址、width和height控制播放器的大小、volume="0" 表示设定的音量大小,数值大小在0--100之间 、 loop="-1" 表示循环播放 。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)