HTML音频音乐播放网页(html音乐播放页面)
网页设计与制作音乐播放界面如何播放音乐
网页设计与制作音乐播放界面需要在页面中插入HTML5的音频标签audio，即可播放音乐。
工具／原料：
华硕DN20
win10
浏览器1.026
1、先打开常用的网页设计的软件，然后新建一个网页文件。
2、进行一个简单的页面布局，让音乐播放器显示在网页的中间。并添加简单的样式。
style type="text/css"
#music_player{width:400px; height:150px;background:#ff9966;margin:200px auto;}
/style
div?id="music_player"?class="" /div
3、在浏览器中进程预览，看下位置是否合适。
4、利用HTML5的标签audio标签进行音乐播放器的设置。
div id="music_player" class=""
audio controls
source src="D:\KuGou\苍鹰－拜秦陵．mp3" type="audio/mpeg"
/audio
/div
5、播放器设置好以后，我们在＜source src="歌曲地址＂＞插入歌曲的地址，就可以自动播放了。例如：
audio controls
source src="D:\KuGou\苍鹰－拜秦陵．mp3" type="audio/mpeg"
/audio
6、在浏览者进行浏览，就可以发现点击播放后就响起音乐来了。
HTML网页中的音乐播放代码
据个人了解
网页中的音乐播放代码有以下几种：
第一种:页面代码中的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=""/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
HTML怎么添加背景音乐模块，进入网页自动播放的？
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的body标签中，输入html代码：
audio autoplay="autoplay" loop=""source src="11704.mp3"/audio。
3、浏览器运行index.html页面，此时一进入页面就自动播放了背景音乐。
如何用HTML写代码实现自动播放音乐
由于浏览器的安全策略问题，现在已经不再支持打开页面自动播放音乐了，如需要播放还是要让用户点击播放才可以，可以使用html5的audio标签加载音乐播放。
audio src="" controls width="100%"/audio