文章类型: HTML
关键词: HTML代码,背景音乐,html5
内容摘要:

怎样在HTML代码中加背景音乐

2015/7/28 16:01:29    来源:apple    阅读:

方法一
在页面代码中的<head></head>之间加入<bgsound src="音乐url" loop="-1"> 这段代码。 在这里要说的是,“loop”中的数值是音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。 这种背景音乐是打开叶子后直接播放的,在网页上不会有显示。这是最简单的一种。

方法二
仍然是在<head></head>之间,加入代码:
<embed src="#" loop="true" width="100px" height="20px" hidden="false"></embed>

src 背景音乐的地址(即url);
autostart 是否自动播放,“true”为音乐文件读取完后立即播放,“false”则不立即播放,默认值为“false” ;
loop 循环次数,设置为“true”为永远循环,“false”为仅播放一次,若设为任意一正整数,则循环所输入的次数,如设为“-1”,则无限次循环,但只支持IE浏览器,而且是完全下载完后才开始播放,不像前面所说的格式那样可以一边缓冲一边播放,一般用于mid音乐或较小的mp3,wav格式的音乐;
hidden="true",表示隐藏播放,即不显示播放器的外观,若要想显示,把"true" 替换为"false"即可;
width、height,设置音乐播放外观显示的宽高度;
volume 设置音量,取值范围是“0-100”,默认值为系统当前音量;
starttime 设置音乐开始播放的时间,格式是“分:秒”,如:starttime="00:10",就是从第10秒开始播放;
endtime 设置音乐结束播放的时间,具体格式同上;
controls 设置音乐播放控制面板的外观
“console”为通常面板;
“smallconsole”为小型面板;
“playbutton”为是否显示播放按钮;
“pausebutton”为是否显示暂停按钮;
“stopbutton”为是否显示停止按钮
“volumelever”为是否显示音量调节按钮。
embed与bgsound的区别
<bgsound src=\"背景音乐路径\" loop=\"-1\">这个随浏览器的打开而播放,当最小化窗口时即停止播放,当最大化窗口时又开始播放; 而<embed src=\"背景音乐网址\" autostart=\"true\" loop=\"-1\" controls=\"ControlPanel\" width=\"0\" height=\"0\"&lgt; 常用于mid,wav,mp3类型等MP播放器所支持的音乐格式。


在html5添加网页背景音乐的方法:

给网站添加一个背景音乐,我用的是html5添加网页背景音乐的代码,在此记录一下以后有用。

html5方法一:<audio autoplay="" loop=""><source src="Letter_Song.mp3"></audio>不显示播放器。

html5方法二:<video controls="" autoplay="" name="media"><source src="我是音乐" type="audio/mpeg"></video>会显示播放器。

方法三:支持所有播放器:<embed src="/uploadfile/m.mp3" autostart="true" loop="true" hidden="true"></embed>我使用的此方法。

方法四:<bgsound src=背景音乐地址 loop=-1>

 

我使用的是方法三的代码,支持所有浏览器,方法1和2是html5的代码,有的浏览器还不支持html5所以慎用。

特别注意的是使用方法三的代码,最好是把mp3传到自己的空间,网上找的外链,可能会出现自动下载的情况。



↑ 上一篇文章:HTML插入背景音乐方法 关键词:HTML,插入,背景,音乐,方法 发布日期:2015/7/28 15:59:28
↓ 下一篇文章:ASP.NET(C#)实现一次性上传多张图片(多个文件) 关键词:ASP.NET,C#,一次性,上传,多张图片,多个文件 发布日期:2015/7/28 16:07:24
相关文章:
如何将背景音乐嵌入到PPT文件中不需要音乐文件 关键词:ppt,背景音乐如何不用连接,直接植入到PPT文件里面,我给别人发文件只需要发一个PPT文件就带.. 发布日期:2017-09-09 14:34
HTML5移动端手机网站开发流程 关键词:HTML5,移动端,手机网站,开发流程 发布日期:2017-11-20 09:33
相关目录:.NETJAVASCRIPTHTMLJAVA
我要评论
正在加载评论信息......