网站添加背景音乐代码
- 格式:doc
- 大小:24.00 KB
- 文档页数:1
网页背景音乐的插入
网页中怎样插入背景音乐,与大家分享一下我的经验。
我给大家提供两种方法:
○1插入----标签---页面元素----html----bgsound----插入----选择音乐,设置音乐的属性。
○2在代码视图中:随便选择一个地方(一个空白的地方)-----输入<bgsound scr=“音乐路径”loop=“-1”/>
在这给大家解释一下loop是重复的意思 -1代表无限bgsound是背景音乐 scr是路径我们还可以在bgsoud后面设置更多的属性。
技巧:在代码中选择完一个标签后按空格键就可以出现下一个标签。
例如:我们按下了<这个键的时候就会自动出现很多标签给你选择,当你选择了bgsound后,按下空格键后就可以出现其他的属性。
每一个标签的属性都不一样,所以出来的结果也不一样。
我们充分运用这些技巧可以更快的制作网页,不必一个个单词的输入。
如果大家觉得第一种方法好用就用第一种方法。
只是第一种方法一定要仔细。
背景图的插入和背景音乐的插入类似,大家一定要学会举一反三。
怎样在网页中插入背景音乐工具/原料∙软件 Dreamweaver∙带浏览器的电脑方法/步骤1. 1首先在网上下载一个Dreamweaver软件安装,当然使用其他的网站编程软件也可以。
2. 2打开软件界面如下。
3. 3选择“新建--HTML”4. 4之后面板大致如下图,代码部分笔者稍微删减了一些无用代码。
5. 5设置背景音乐有两种方法,这里给大家都讲解一下。
首先是直接设置音乐文件为背景音乐的代码“bgsound”,使用语法是“<bgsound src="背景音乐的路径">。
注意背景音乐设置要加在网页<body> </body>之间。
6. 6以下面的为例大致讲解一下。
下图表示打开这个网页就以笔者电脑桌面的”1.MP3“为背景音乐自动播放。
7.7可以点击下图所示的地方来预览使用效果。
8.8需要注意的是<bgsound src="背景音乐的路径">这种语法IE支持,但是有部分浏览器不支持,比如chrome,firefox等,打开时会没有背景音乐,该怎么办呢?这就需要第二种语法了。
第二种的语法可以适用于所有浏览器。
9.9第二种适用于所有浏览的语法就是插入多媒体文件的语法”embed“,使用这种语法不仅可以插入背景音乐,还可以插入视频文件。
基本语法是<embed src="背景音乐的路径" ></embed>10.10预览如下图,是一个播放框,打开网页就会自动播放音乐。
11.11接下来介绍一下播放的设置,包括播放框的大小,自动播放音乐,循环播放音乐以及隐藏面板等基本设置。
首先设置播放框的大小。
源码<embed src="背景音乐的路径" width="宽度" height="高度"></embed>12.设置播放高度和宽度都是333之后的预览。
网站建设中怎样让网页播放音乐,和网页背景音乐代码是什么,怎样放网页背景音乐?在网站建设中,我们会常涉及到多媒体文件,下面我们就先来介绍一下在网站中播放音乐的方法,其中包括:.mid、.mp3、.avi、.flash、.mpg、.mov、.rm 和背景音乐添加的方法.在网站建设中,我们会常涉及到多媒体文件,下面我们就先来介绍一下在网站中播放音乐的方法,其中包括:.mid、.mp3、.avi、.flash、.mpg、.mov、.rm 和背景音乐添加的方法.根据不同的格式,有不同的代码下面是相信代码介绍:在下面的代码使用中需要注明的是:"音乐文件和地址"——待播放文件的文件名,前面带上绝对路径,或者本站的相对路径。
width_num——是指一个作为宽度的数字;height_num——是指一个作为高度的数字;1.mid<embed src="音乐文件和路径" type="audio/midi" hidden="false" autostart="true"loop="true" height=height_num width=width_num></embed>2.mp3<embed controller="true" width="width_num" height="height_num"src="音乐文件和路径" border="0" pluginspage="/quicktime/download/indext.html"></embed>3.avi<embed src="音乐文件和路径" border="0" width="width_num" height="height_num" type="application/x-mplayer2"></embed>4.flash<embed src="音乐文件和路径" pluginspage="/shockwave/download/index. cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="width_num" height="height_num" play="true" loop="true"quality="high" scale="showall" menu="true"></embed>5.mpg<embed src="音乐文件和路径" border="0" width="width_num"height="height_num" type="application/x-mplayer2"></embed>6.mov<embed controller="true" width="width_num" height="height_num"src="音乐文件和路径" border="0" pluginspage="/quicktime/download/indext.html"> </embed>7.rm<OBJECT>" height="height_num"><PARAM NAME="CONTROLS" VALUE="ImageWindow"><PARAM NAME="AUTOSTART" Value="true"><PARAM NAME="SRC" VALUE="音乐文件和地址"><embed height="高" width="宽" controls="ImageWindow"src="音乐文件和路径" type="audio/x-pn-realaudio-plugin" autostart="true" nolabels="0"autogotourl="-1"></OBJECT>上面使用方式是介绍网页中的播放器的,下面我们来看一下在网站中背景音乐的添加方法:代码很简单:<bgsound src="音乐文件和地址" loop=1loop后面是循环的次数,-1代表无限循环。
⽹页⾳乐代码⼤全把下⾯代码放⼊<body >下autostart="true"中true或1表⽰⾃动播放,false或0表⽰⼿动播放loop="true" 中的true或1表⽰重复播放,false或0表⽰只播放⼀次width= height= 中的数字分别表⽰播放器的宽度和⾼度 =0表⽰隐藏播放器EnableContextMenu="0" 禁右键ShowStatusBar="1" (带显⽰⽂件播放信息)…………………………………………………………………………………………………………………实现多⾸歌曲连续播放,将下⾯的播放地址改为播放列表⽂件,但列表⽂件后缀为“wma”(伪⾳乐⽂件)。
如:<EMBED pluginspage= width=400 height=145 type=application/x-mplayer2 FileName="liebiao.wma" SHOWCONTROLS="1"SHOWSTATUSBAR="0" SHOWDISPLAY="1" SHOWGOTOBAR="1"AUTOSTART="1" PlayCount="1">liebiao.wma:以上内容⽤记事本保存,⽂件名为liebiao.wma,放⼊代码引⽤⽂件同⼀⽬录下。
…………………………………………………………………………………………………………………1隐藏播放器(不循环)代码:<EMBED src=⾳乐⽹址 hidden=true type=audio/x-ms-wma AUTOSTART="1">2.隐藏播放器(循环播放)代码:<EMBED src=⾳乐⽹址 hidden=true type=audio/mpeg AUTOSTART="1" loop="-1">3.⿊⾊⽪肤播放器代码:<EMBED style="FILTER: xray()" src=⾳乐⽹址 width=360 height=30 type=audio/mpeg volume="0" autostart="true" loop="-1">4.淡蓝⾊播放器代码:<EMBED src=播放地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="1"volume="0">5.迷幻播放器代码:<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 400px; HEIGHT: 83px"><TBODY><TR><TD><EMBED src=播放地址 width=400 height=40 type=audio/mpeg panel="0"autostart="0" loop="true"></TD></TR></TBODY></TABLE>6.带菜单的播放器代码:<EMBED pluginspage= width=400 height=172 type=application/x-mplayer2FileName="⾳乐⽹址" SHOWCONTROLS="1" SHOWSTATUSBAR="1" SHOWDISPLAY="1" SHOWGOTOBAR="1" AUTOSTART="true" PlayCount="1">7.深黄⾊带菜单播放器代码:<EMBED style="FILTER: invert()" src=⾳乐⽹址 width=320 height=45 type=audio/x-ms-wma ShowStatusBar="1" loop="true" autostart="true">8.灰⾊播放器代码:<EMBED style="FILTER: Gray()" src="链接地址" width=300 height=69type=application/x-mplayer2 loop="-1" showcontrols="1" ShowDisplay="0"ShowStatusBar="1" autostart="1"></EMBED>9.灰⽩⾊播放器代码:<embed style="FILTER: Gray()" src=链接地址 width=300 height=45 loop="-1"autostart="true"></EMBED>10.带菜单的蓝⾊播放器代码:<EMBED src="链接地址" width=300 height=69 type=application/x-mplayer2 loop="-1" showcontrols="1" ShowDisplay="0" ShowStatusBar="1" autostart="1"></EMBED>11.棕⾊播放器代码:<EMBED style="FILTER: invert()" src=链接地址 width=300 height=45 loop="-1" autostart="true"></EMBED>12.带边框背景的播放器代码:<TABLE borderColor=#4F3256 background=背景图⽚地址 border=1><TBODY><TR><TD style="FILTER: alpha(opacity=50,style=3)"><P align=center><EMBED src=⾳乐⽹址 width=300 height=25 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE>13.带背景图⽚的播放器代码:<TABLE borderColor=navy background=图⽚地址 border=0><TBODY><TR><TD style="FILTER: alpha(opacity=80,style=3)"><P align=center><EMBED src=⾳乐⽹址 width=300 height=45 type=audio/mpeg loop="-1" autostart="0" volume="0"></P></TD></TR></TBODY></TABLE>12 13综合属性分析background=图⽚地址 可以更换图⽚地址 来实现改变播放器背景14.黄⾊闪光播放器代码:<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000><TBODY><TR><TD><TABLE borderColor=navy background= border=0><TBODY><TR><TD style="FILTER: alpha(opacity=50,style=3)"><P align=center><EMBED src=⾳乐⽹址 width=400 height=35 type=audio/mpeg loop="-1" autostart="0" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>15.蓝⾊闪光播放器代码:<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background= border=2> <TBODY><TR><TD><TABLE align=center border=0><TBODY><TR><TD style="FILTER: alpha(opacity=60,style=3)"><P align=center><EMBED style="FILTER: Gray" src=⾳乐⽹址 width=400 height=35type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>16.带花边的播放器代码:<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000><TBODY><TR><TD><TABLE borderColor=#000000 align=center border=1><TBODY><TR><TD><P align=center><EMBED style="FILTER: Xray" src=⾳乐⽹址 width=400 height=35type=audio/mpeg volume="0" autostart="false" loop="-0"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>17.粉⾊花边播放器代码:<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white><TBODY><TR><TD><TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2><TBODY><TR><TD style="FILTER: alpha(opacity=100,style=3)"><P align=center><EMBED src=⾳乐⽹址 width=300 height=25 type=audio/mpegvolume="0" autostart="false" loop="-0"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>18.显⽰⽂件标签灰⾊播放器代码:<DIV><EMBED style="FILTER: Gray()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0"volume="100" autosize="true" autostart="true" animationatstart="true"transparentatstart="true"></EMBED></div>19显⽰⽂件标签棕⾊播放器代码:<DIV><EMBED style="FILTER: invert()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0"volume="100" autosize="true" autostart="true" animationatstart="true"transparentatstart="true"></EMBED></div>20.显⽰⽂件标签⿊⾊播放器代码:<DIV><EMBED style="FILTER: xray()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0"volume="100" autosize="true" autostart="true" animationatstart="true"transparentatstart="true"></EMBED></div>21.连放播放器代码:<EMBED style="FILTER: Gray()" src=⾳乐⽹址 width=500 height=35 type=audio/x-ms-wma controls="StatusBar,TACCtrl,ControlPanel" border="0" autostart="1" playcount="0" showtracker="1" volume="0"></EMBED>22.彩⾊播放器代码:<TABLE style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: 00CCFF; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Verdana; FONT-VARIANT: normal" cellSpacing=0 cellPadding=0 width=140 border=0><TBODY><TR><TD style="BACKGROUND-COLOR: 00CCFF"><EMBED style="FILTER: invertalpha(opacity=50) WIDTH: 140px; HEIGHT: 45px" src=⾳乐链接地址 type=video/x-ms-asf autostart="FALSE" loop="-1" volume="0"></EMBED></TD></TR></TBODY></TABLE>本代码属性分析BACKGROUND-COLOR: 00CCFF 播放器颜⾊代码 可以更换 以变换播放器颜⾊23.透明播放器代码代码:<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xray(); WIDTH: 200px; HEIGHT: 40px"> <TBODY><TR><TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=⾳乐链接地址width=200 height=30 type=audio/x-mplayer2 loop="-1" autostart="0" volume="0" EnableContextMenu="0" showstatusbar="0" console="video"></TD></TR></TBODY></TABLE>⽹站嵌⼊背景⾳乐代码⼤全,使⽤以下代码,给您的⽹站添加背景⾳乐吧!注意,以下代码使⽤的时候,注意:注意,以下代码使⽤的时候,注意:⼀下代码有的需要改为半⾓形式,才能正常使⽤。
有两种分别用<bgsound>和<embed></embed>标签,当用<embed>插入背景音乐时可以设置宽度和高度为0,隐藏播放器。
二者的参数如下:■ <bgsound>:<bgsound> 是用来插入背景音乐,但只适用于IE,其参数设定不多。
如下<bgsound src="your.mid" autostart=true loop=infinite>src="your.mid"设定midi 档案及路径,可以是相对或绝对。
autostart=true是否在音乐档下载完之后就自动播放。
true 是,false 否(内定值)。
loop=infinite是否自动反复播放。
LOOP=2 表示重复两次,Infinite 表示重复多次。
■ <EMBED>:<EMBED> 是用来插入各种多媒体,格式可以是Midi、Wav、AIFF、AU 等等,Netscape 及新版的IE 都支持。
其参数设定较多。
如下下<EMBED src="your.mid" autostart="true" loop="true" hidden="true">src="your.mid"设定midi 档案及路径,可以是相对或绝对。
autostart=true是否在音乐档下载完之后就自动播放。
true 是,false 否(内定值)。
loop="true"是否自动反复播放。
LOOP=2 表示重复两次,true 是,false 否。
HIDDEN="true"是否完全隐藏控制画面,true 为是,no 为否(内定)。
STARTTIME="分:秒"设定歌曲开始播放的时间。
Javascript 在网页中插入背景及嵌入音乐一般可以插入到网页中的声音文件格式有Mp3、Wav、Wma、Midi、Rm 等。
插入声音的方式和插入图片相似,一种是作为背景插入,页面打开后不可再控制,另一种是作为嵌入音频插入到网页中,可以由用户自己控制。
先从第一种开始说起。
添加背景音乐在网页中添加背景音乐主要以mp3、wma、midi类型的音乐文件,插入的方法多以手写代码为主,通过<bgsound>标签完成,但是<bgsound>只适合用于IE浏览器或IE内核的浏览器。
首先找来一首mp3歌曲,存在网页文件夹下,然后新建一个网页。
在Dreamweaver中切换到“拆分”视图,点击代码窗口,按下Ctrl+end,这样光标就到了代码的最下方,然后点击</body>的前一行并回车。
接下来在新的一行中输入<bgsound src="xxxxx.mp3" loop="1" />,其中xxxxx.mp3是你要做为背景音乐的mp3文件路径,填写网络上的URL地址即可,loop设置的是循环次数,这里写1代表重复一次,如果改为0则是不重复,设置为-1就是无限重复。
之所以将<bgsound>标签放在</body>前一行的原因是害怕音频文件过大造成页面加载速度缓慢,放在页面底部可以等页面全部加载完毕再加载音频文件。
制作完成,点击F12听听效果吧。
嵌入音乐嵌入音乐可以让用户自己控制网页中的音频,但他也有一定局限性,因为这种音频要求网页浏览器装有相应的插件。
新建一个页面,将光标固定到要插入声音文件的位置,然后点击“插入工具栏”上媒体按钮边上的下拉箭头,选择最下面的“插件”,然后在选择对话框中选择要嵌入的音乐文件,最后点击确定。
这样插入的音频是一个32*32像素的小图标,如果需要让它显示出开始暂停按钮、声音控制和进度条,需要将它的尺寸改大一些,300像素*100像素就足够大了,将属性面板中宽高设置为300和100,然后保存一下,按F12预览一下吧。
如何添加背景音乐代码(转)如何添加背景音乐代码1. 如何贴rm,ra,ram类型的音乐,代码如下:<embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="";>2. 如何贴midi,asf,wma,asx类型的音乐,代码如下:<embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="";> 只需要把整段代码copy复制到文章中(编辑文章的时请先点击HTML代码模式再粘贴代码,否则这段代码会以文本形式显示出来,不能被执行),用你喜欢及可用的音乐文件的URL(网址)代替上面红色显示的音乐地址代码就可以了。
造成音乐不能成功播放的大多数原因:A:音乐文件错误,有可能这个文件本身就不是音乐的文件,只是一个普通的HTML页面。
B:音乐文件地址错误,这个音乐文件根本不存在。
C:没有安装相关的播放软件。
测试的办法:请把音乐文件地址在IE栏输入,如果提示你保存,保存的文件类型是rm、ram、midi等的文件即是音乐文件。
如果打开这个文件是自动播放音乐或显示其他内容的,则不是。
添加带音乐的flash,然后在弹出窗口输入你的FLASH地址,注意后戳名为:x.swf,大小可以调整为,1*1,这样可以在不显示FALSH的情况下播放音乐,但是记住要为自动播放的,不要找那种需要按开始的FLASH加入一段在线音乐播放代码,推荐使用:<IFRAMEmarginHeight=0 src=""; frameBorder=0 noResize width=540 scrolling=no height=25> 将此代码放入网站合适地方,将24小时不间断放歌,次代码由清风网络电台提供以下代码由[秋天的风]提供:首先打开我的文章,进入编辑状态,选择HTML格式然后就可以输入了,下面我们来看代码,首先来看第一种,比较简单的:<bgsound src="/blog/”url"” loop=-1>“url”依然是路径名,loop表示循环数,-1表示始终循环来看第二种:<EMBED src="music.mid" autostart="bool" loop="n" width="m" height="k">其中各个属性的含义如下:SRC:音乐文件路径(以下可选)AUTOSTART:音乐文件上传完后自动播放,TRUE 为播放,FALSE为否LOOP:设置循环TRUE为自动循环,FALSE为不循环,数值为次数WIDTH,HEIGHT为播放控制面板的宽和高,其余的属性有:volume:取值范围为"0-100",设置音量,默认为系统本身的音量starttime:"分:秒",设置歌曲开始播放的时间,如,starttime="00:10",从第10秒开始播放endtime: "分:秒",设置歌曲结束播放的时间controls :控制面板的外观controls="console/smallconsole/playbutton/pausebutton/stopbutton/volumele ver" ·console 正常大小的面板·smallconsole 较小的面板·playbutton 显示播放按钮·pausebutton 显示暂停按钮·stopbutton 显示停止按钮·volumelever 显示音量调节按钮hidden:为true时可以隐藏面板——以下代码由[风之舞]提供:背景音乐代码精简1、<embed src="背景音乐网址" hidden="true" autostart="true" loop="true">--------hidden="true"表示隐藏播放,即不显示播放器的外观,若要想显示,把"true" 替换为"false"即可,这样为默认是最小化播放,若还想具体显示播放器的大小,另加上height="高度值" width="宽度值" 就可以了。
直接在加入如下代码:"<bgsound src="" loog="3" autostart="true">"bgsoundbgsound 是用以插入背景音乐,但只适用于IE,在netscape 和firefox 中并不适用,其参数设定很少。
如下<bgsound src="bjyy.mp3" autostart=true loop=infinite>src="bjyy.mp3" 设定背景音乐文件及路径,可以是相对路径或绝对路径。
(不能播放播放列表文件)autostart=true 是否在音乐档传完后,就自动播放音乐:true 是,false 否(默认)loop=infinite 是否自动重复播放,LOOP=2 表示重复两次,Infinite 表示重复多次(无限次),也可以用-1表示是无限重复使用bgsound设置背景音乐,当窗口最小化时就自动暂停播放,窗口恢复时,继续播放。
设置网页背景音乐时常用的方法还有使用embed标签和object 标签下面是bgsound最小化窗口时仍然继续播放的特例:当bgsound出现在iframe框架页面内时,如果框架页面内的背景音乐正在加载或正在播放当移除这个iframe框架时,该背景音乐仍然继续播放,而且窗口最小化后仍然播放直到音乐自然播放完毕或窗口关闭时停止(不会循环播放)。
无论bgsound标签的loop属性设置如何,音乐只会播放一次。
演示代码如下:<iframe id=bgmusic width=30 height=20></iframe><script language=javascript>function window.onload(){var bghtml='sound<bgsound src="/xiaonei/music.asp" loop="-1">';bgmusic.document.body.innerHTML=bghtml;document.all.bgmusic.removeNode();}</script>注意:更改innerHTML属性要在onload事件发生后才可以,即在浏览器完成对象的装载后。
代码一、<BGSOUND src="音乐文件网址"loop=infinite>代码二、<DIV><OBJECT id=videowindow1 height=185 width=179 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6><PARAM NAME="URL" VALUE="音乐文件网址"><PARAM NAME="playCount" VALUE="infinite"><PARAM NAME="autoStart" VALUE="1"><PARAM NAME="volume" VALUE="50"><PARAM NAME="uiMode"VALUE="full"><PARAM NAME="stretchToFit"VALUE="1"></OBJECT></DIV>代码说明:两种代码都可以为xx添加音乐,它们的分别在于:1、加入背景音乐,播放器不会显示在页面上;2、加入播放器,使用播放器播放背景音乐。
代码2中的以下部分可以自行替换:1、音乐文件网址可以替换上自己喜欢的音乐文件网址;2、语句<PARAM NAME="playCount" VALUE="infinite">的“infinite”可以替换为数字,表示重复播放多少次,如果不更改表示永久循环播放;3、语句<PARAM NAME="autoStart" VALUE="1">表示是否自动播放,更改为"0"时不会自动播放,"1"的时候是自动播放;4、height和width两个属性可以改变播放器的大小。
js给⽹页加上背景⾳乐及选择⾳效的⽅法本⽂实例讲述了js给⽹页加上背景⾳乐及选择⾳效的⽅法。
分享给⼤家供⼤家参考。
具体实现⽅法如下:复制代码代码如下:<HTML><HEAD><TITLE>给⽹页加上背景⾳乐,选择⾳效功能</TITLE><STYLE><!--样式单 -->a{font-size:30pt;color:blue;font-family:Vineta BT}a:link{text-decoration:none;}a:hover{text-decoration:none;color:red}a:visited{text-decoration:none;}.20pt{font-size:20pt;color:#ff66cc}</STYLE><script language=javascript>var mid=new Array()mid[1]="sound/201101/S01.wav"mid[2]="sound/201101/S02.wav"function clicksound(i){document.all.sound.src=mid[i]}</script></HEAD><BODY><bgsound id=sound src="" loop=1><bgsound src="sound/201101/Abuse.mid"><center><a href="#" onclick="clicksound(1)">NO! NO! NO!</a><br><a href="#" onclick="clicksound(2)">You Win!欢呼!</a><br><hr width=700><font class=20pt>⿏标单击上⾯的内容时,会有动感的背景⾳效</font></center></BODY></HTML>希望本⽂所述对⼤家的javascript程序设计有所帮助。
在制作html网页中,可能需要插入背景音乐、视频等。
下面介绍一下他们的插入的方法。
有很多种方法,但这里只介绍其中一种。
背景音乐:代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title></head><body><audio autoplay="autoplay"><source src="2.mp3" type="audio/mpeg"></audio></body></html>其中,代码中的红色部分我不解释,这是用Dreamwever写的。
注意:音乐文件必须与网页文件在同一个文件夹下;注意与前面插入的音乐文件的格式。
此时你用浏览器打开,就会自动播放背景音乐,若需要加入标签,就在<audioautoplay="autoplay">中加个controls="controls" 本人在IE 11和火狐上试了,都能成功播放背景音乐。
好了,现在介绍一下插入视频。
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><video width="640px" height="320px" controls="controls"><source src="4.mp4" type="video/mp4" /></video></body></html>目前用<vedio></vedio>的不多,而且兼容性也差、支持视频的格式也少,但我觉得代码简单,而且我在IE 11和火狐最新版都测试过能用,所以介绍给大家。