这是一个很容易的方法你值得试试!
下面是源码,只是很简单的。你值得拥有!
<html>
<body style="backgroundcolor:red">
<big><p>我的背景音乐</p> </ big>
<embed src="音乐.mp3" autostart="true">
</body>
</html>
这个源码的意思是:如果一个人打开这个页面的话,指定的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是所有编程的基础嘛,你值得学习!可能在以后你会有更多的需求,满足自己的生活!
而且编程是一个很需要耐心和责任心的过程,更需要你的细心!一个错误都会导致许多连续性的问题!
首先对于:HTML 网页音频播放器,要知道这个是有2种模式的播放的;
<1>使用HTML5的autio标签;
<2>使用一般的embed标签。
列表中的音频文件;
这个问题,可以采用ul+li标签解决问题,例如如下:
<ul id="ul">
<li><audio src="abc.mp3">abc.mp3</audio></li>
<li><audio src="cde.mp3">cde.mp3</audio></li>
</ul>
此时,为了得到这个ul列表对象,从而获取旗下的所有的li对象里面的mp3文件,来得到我们播放的目的;
自动播放
在这个问题上,只要在页面载入时,就好了;
onload = function () {
var audios = ul.getElementsByTagName("audio")
audios[0].play()
}
1、一般HTML的embed标签
<embed></embed>来插入音乐播放控件一般只是实现单文件播放,而不能够播放/选择其他的音乐,引入播放列表文件 *.m3u 文件(*号表示任意名字)来达到目的。
具体实现方法是让控件去读取列表文件,而不是直接读取音频文件,即:
<embed src="*.m3u"> </embed>如何编写m3u文件:新建文本文档(txt)-----输入音频文件的位置和名字,用换行表示列表的下一曲-----另存为 **.m3u -----再将该文件放到网站内,src正确引用。
2、使用html5的audio标签
<audio controls="controls"><source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
</audio>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)