HTML插入背景音乐

HTML插入背景音乐.txt如果真诚是一种伤害，请选择谎言；如果谎言是一种伤害，请选择沉默；如果沉默是一种伤害，请选择离开。第一种：在页面代码中的<style></style>之间加入<bgsoundsrc="音乐url"loop="-1">这段代码。在这里要说的是，“loop”中的数值是音乐循环的次数，可设置为任意正整数，若设为“-1”的话，音乐将永远循环。这种背景音乐是打开叶子后直接播放的，在网页上不会有显示。这是最简单的一种。第二种：这种则略微复杂一些，但可设置的参数也较多。仍是在网页代码中的<style></style>标签之间加入一个“Embed”标签，其最简形式就像这样：<EMBEDsrc="音乐url"autostart="true"loop="true"width="80"height="20">不同的是，在这里我们可以设置更多，以下是具体的：src背景音乐的地址（即url）。autostart是否自动播放，“true”为音乐文件读取完后立即播放，“false”则不立即播放，默认值为“false”loop循环次数，设置为“true”为永远循环，“false”为仅播放一次，若设为任意一正整数，则循环所输入的次数。volume设置音量，取值范围是“0-100”，默认值为系统当前音量。starttime设置音乐开始播放的时间，格式是“分：秒”，如：starttime＝"00:10"，就是从第10秒开始播放。endtime设置音乐结束播放的时间，具体格式同上。width设置音乐播放控制面板的宽度。height设置音乐播放控制面板的高度。controls设置音乐播放控制面板的外观，“console”为通常面板；“smallconsole”为小型面板。“playbutton”为是否显示播放按钮；“pausebutton”为是否显示暂停按钮；“stopbutton”为是否显示停止按钮；“volumelever”为是否显示音量调节按钮，1，首先要讲到背景音乐的代码：<BGSOUNDbalance=0src="链接地址"volume=-600loop=-1>特点是：页面必须工作在前台音乐才会播放。如果想要背景音乐循环播放，添加loop=-1即可，也可通过loop=(你想背景音乐循环的次数)。如果想要对音量进行控制修改volume的参数即可。'src='后面链接所需背景音乐的绝对地址即可2，其次讲一讲音乐再线播放播放器代码的相关信息，下面播放器的播放格式使任意的：@1Mediaplayer播放器代码<objectclassid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"id="MediaPlayer1"width="180"height="45"><paramname="AudioStream"value="-1"><paramname="AutoSize"value="-1"><paramname="AutoStart"value="-1"><paramname="AnimationAtStart"value="-1"><paramname="AllowScan"value="-1"><paramname="AllowChangeDisplaySize"value="-1"><paramname="AutoRewind"value="0"><paramname="Balance"value="0"><paramname="BaseURL"value><paramname="BufferingTime"value="5"><paramname="CaptioningID"value><paramname="ClickToPlay"value="-1"><paramname="CursorType"value="0"><paramname="CurrentPosition"value="-1"><paramname="CurrentMarker"value="0"><paramname="DefaultFrame"value><paramname="DisplayBackColor"value="0"><paramname="DisplayForeColor"value="16777215"><paramname="DisplayMode"value="0"><paramname="DisplaySize"value="0"><paramname="Enabled"value="-1"><paramname="EnableContextMenu"value="-1"><paramname="EnablePositionControls"value="-1"><paramname="EnableFullScreenControls"value="0"><paramname="EnableTracker"value="-1"><paramname="Filename"value><paramname="InvokeURLs"value="-1"><paramname="Language"value="-1"><paramname="Mute"value="0"><paramname="PlayCount"value="1"><paramname="PreviewMode"value="0"><paramname="Rate"value="1"><paramname="SAMILang"value><paramname="SAMIStyle"value><paramname="SAMIFileName"value><paramname="SelectionStart"value="-1"><paramname="SelectionEnd"value="-1"><paramname="SendOpenStateChangeEvents"value="-1"><paramname="SendWarningEvents"value="-1"><paramname="SendErrorEvents"value="-1"><paramname="SendKeyboardEvents"value="0"><paramname="SendMouseClickEvents"value="0"><paramname="SendMouseMoveEvents"value="0"><paramname="SendPlayStateChangeEvents"value="-1"><paramname="ShowCaptioning"value="0"><paramname="ShowControls"value="-1"><paramname="ShowAudioControls"value="-1"><paramname="ShowDisplay"value="0"><paramname="ShowGotoBar"value="0"><paramname="ShowPositionControls"value="-1"><paramname="ShowStatusBar"value="0"><paramname="ShowTracker"value="-1"><paramname="TransparentAtStart"value="0"><paramname="VideoBorderWidth"value="0"><paramname="VideoBorderColor"value="0"><paramname="VideoBorder3D"value="0"><paramname="Volume"value="-600"><paramname="WindowlessVideo"value="0"><paramname="src"value="链接地址"></object>注：不要看代码这么长，但是只要看一看就知道有很多我们是不需要的，所以可以根据自己的需要删除一些代码。我用的mediaplayer播放器我把value=0，-1的全部删掉了，呵呵!@2Mediaplayer播放器代码2<objectid=nstvclassid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6width=180height=45codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=LoadingMicrosoft?WindowsMedia?Playercomponents...type=application/x-oleobject><paramname=URLvalue=链接地址><PARAMNAME=UIModevalue=full><PARAMNAME=AutoStartvalue=true><PARAMNAME=Enabledvalue=true><PARAMNAME=enableContextMenuvalue=false><paramname=WindowlessVideovalue=true></object>注：这个最好，我认为。@3Realplayer播放器代码<object><embedsrc="链接地址"width="440"height="360"quality="high"pluginspage="http://www.macromedia.com/go/getflashplayer"type="application/x-shockwave-flash"scale="exactfit"></embed></object>注：如果计算机上没有安装热realplay，是不能播放音乐的。本人觉得这个要慎用，因为大家知道，realplay播放有些格式的音乐文件是需要插件的。@4插入flash代码<embedwidth="0"height="0"type="audio/x-pn-realaudio-plugin"autostart="true"controls="ControlPanel"src="链接地址">我想做一个按钮，当点击以后随机切换当前页面的背景音乐，代码如下：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>背景音乐切换</title></head><bodystyle="height:1800px"><!--给BODY加个样式，让页面出现滚动条--><scriptlanguage="javascript">functionsong(){vararr=newArray("01.mp3","02.mp3","03.mp3","04.mp3","05.mp3");varidx=Math.round(Math.random()*10%5);document.write("<embedsrc='"+arr[idx]+"'loop='0'/><inputtype='button'value='切换音乐'onclick='song()'/>");}</script><inputtype='button'value='切换音乐'onclick='song()'/></body></html>如何在html中添加背景音乐？今天突然想弄一个html页面，想给html加一个背景音乐，但不会代码，找了一下百度，找到理想的，嘿。帖上来给大家也用用吧！代码是：<EMBEDsrc=音乐地址width=300height=45type=audio/mpegloop="-1"autostart="false"volume="0"></EMBED>解释：其中width=100height=40中的数字分别表示播放器的宽度和高度，注意：都选择0将隐藏播放器（隐藏时一定要选择自动播放）autostart="true"中true或1表示自动播放，false或0表示手动播放loop="true"中的true或1表示重复播放，false或0表示只播放一次src=音乐地址这里的“音乐地址”，修改为你找到的网络上的音乐地址html添加音乐教你如何在淘宝店铺添加背景音乐?作者：互联网来源：互联网点击数：13更新时间：2010年07月31日　　添加音乐：　　淘宝店铺装修教程如何添加音乐,如何加背景音乐歌曲.　　最近有好多淘友询问关于店铺音乐方面的问题，今天我就自己的一些经验拿出来和大家一起分享一下了！　　在给店铺添加音乐前，让我们先简单了解一下音乐链接形式。　　音乐链接分为本地链接和网络链接两种，　　例如：　　本地链接：D:\MyDocuments\MyMusic\01.mp3　　网络链接：http://www.xianxiang.com.cn/Music/01.wma　　淘宝店铺装修中的音乐链接必须是来至网络上的，也就是只能使用网络链接，本地链接是不能用的，音乐链接一般是以“http://”开始，以“.mp3”或“.wma”为后缀的，“.htm”、“.html”和“.asp”为后缀是网页链接，这点淘友们可要分清吆！　　好了！废话少话，现在就开始教大家怎么做吧！嘿嘿…　　1、在淘宝会员登陆页面（会员登陆入口：http://member1.taobao.com/member/login.jhtml）输入淘宝会员名和密码①，点击“登陆”②按钮，登陆淘宝网。　　2、然后点击“我是卖家”栏的“管理我的店铺”链接。　　3、进入店铺管理页面后，点击“基本设置”链接。　　4、再点击公告栏上的“编辑源文件”按钮。　　5、切换公告栏到源代码状态后，在公告栏的代码最前面（或最后面）粘贴下面的音乐代码。　　音乐代码：<bgsoundsrc="音乐链接"loop="-1"></bgsound>　　注：淘宝店铺最多只能添加一首歌曲吆！音乐代码中的loop="-1"值，表示无限次循环播放，您可设置播放次数，用具体数字代替即可。比如您希望它播放2次，则loop="2"。　　6、音乐代码我们已经添加，接下来我们需要向代码中添加一个音乐链接，这样才能组成一个完整的音乐代码。首先进入搜搜音乐首页（http://music.soso.com/），在搜索栏中输入音乐名称①（如：隐形的翅膀），然后点击“搜搜”②按钮。　　7、在音乐搜索列表，我们可以看到有不同格式、大小的音乐链接。　　8、我们点击“格式”①栏，选择“wma”②，然后再点击“大小”③栏，选择“<1M”④。　　这时，有淘友要问了，为什么要选择这些选项呢？？？呵呵！听仙香慢慢给您道来…　　同样音质的MP3格式文件要比WMA格式文件要大很多，换句话说，同一首歌，频率相同，WMA格式要比MP3格式文件要小很多，这样网页加载（下载）的速度能快些，我们很快就可以听到音乐，所以仙香建议您选择“WMA”格式，文件大小选择“<1M”的音乐文件链接，您听明白了吗？嘿嘿…　　9、搜索列表重新被刷新后，我们可以看到，音乐文件全是同样的WMA格式、<1M的音乐链接，在这里，我们选择一个“连通率”①高的音乐链接（如下图①所示），然后点击“试听”②链接。　　10、这时，播放窗口打开，我们在“歌曲出处：”①后面的音乐链接上单击鼠标右键，选择“属性”②选项。　　11、在弹出的属性对话框中，我们选择“地址（URL）：”①后面的音乐链接，再单击鼠标右键，选择“复制”②选项。　　12、这时，音乐链接我们已经获取到，进入店铺管理页面，在公告代码中选择“音乐链接”①（不含引号）四个字，再单击鼠标右键，选择“粘贴”②选项。　　13、好了！全部的音乐代码我们以添加完毕了！　　14、最后我们需要保存公告信息，点击“确定”按钮！OK！店铺音乐添加完成！！！　　注意啦！！！最近有很多淘友问，添加音乐代码后，为什么还是听不到音乐，这是怎么回事呢？　　这和您的网络速度、网络服务器和音乐格式都有一定的关系！　　1、一般情况下是网页正在加载（下载）音乐文件，稍等会就可以听到音乐了！建议选择WMA格式、大小<1M的音乐。　　同一首歌，频率相同，WMA格式要比MP3格式文件要小很多，这样网页加载（下载）的速度能快些，我们很快就可以听到音乐，所以仙香建议您选择“WMA”格式，文件大小选择“<1M”的音乐文件链接。　　2、音乐链接无效，所以造成听不到音乐！在获取音乐链接后，我们可以简单地测试下音乐链接是否有效。　　音乐链接一般是以“.wma”或“.mp3”为后缀的，“.htm”、“.html”和“.asp”为后缀是网页链接，这点淘友们要分清吆！）。　　粘贴音乐链接到IE浏览器地址栏中，按回车键，如果IE浏览器弹出下载对话框并能很快下载该音乐文件或弹出WindowsMediaPlayer播放器，并能很快播放该音乐，说明音乐链接是有效的，否则要重新获取了，您不防试试看了！　　3、IE浏览器禁用了播放音乐选项　　单击IE浏览器上的“工具”--“Internet选项”--“高级”--“多媒体”，在“播放网页中的声音”选项前打勾，再点击“确定”按钮保存，最后，刷新下网页试试！HTML网页中如何用代码实现多首背景音乐且循环播放啊？好评率：0%在你的网页中插入以下代码，可实现多首背景音乐循环播放！“歌曲地址”表示音乐地址<scriptLANGUAGE="javascript"><!--varsound1="http://歌曲地址"varsound2="http://歌曲地址"varsound3="http://歌曲地址"varsound4="http://歌曲地址"varsound5="http://歌曲地址"varsound6="http://歌曲地址"varsound7="http://歌曲地址"varsound8="http://歌曲地址"varsound9="http://歌曲地址"varsound10="http://歌曲地址"varx=Math.round(Math.random()*10)if(x==0)x=sound1elseif(x==1)x=sound2elseif(x==2)x=sound3elseif(x==3)x=sound4elseif(x==4)x=sound5elseif(x==5)x=sound6elseif(x==6)x=sound7elseif(x==7)x=sound8elseif(x==8)x=sound9elsex=sound10if(navigator.appName=="MicrosoftInternetExplorer"document.write('<bgsoundsrc='+'"'+x+'"'+'loop="infinite">')elsedocument.write('<embedsrc='+'"'+x+'"'+'hidden="true"autostart="true"loop="true">')//--></SCRIPT>页面镶嵌FLASH。总是在第一层。影响导航。如何把FLASH镶嵌到网页的时候是在最下层。求代码！！HTML镶嵌FLASH代码~！！！好评率：100%在DW里加载flash时赋予一个参数和值就够了，这段代码：<paramname="wmode"value="opaque">加完以后，flash就显示为最下层，不管你要加什么浮动层，都会显示在其上层了回答人的补充2010-09-2310:48下面是示例参考代码，你对比改下路径就可以了：<objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"width="760"height="100"><paramname="movie"value="http://www.xxx.com/flash动画.swf"><paramname="quality"value="high"><paramname="wmode"value="opaque"><embedsrc="images/donghua.swf"width="760"height="100"quality="high"pluginspage="#"type="application/x-shockwave-flash"wmode="opaque"></object>flash如何转换成html代码好评率：0%<objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"width="794"height="190"><paramname="movie"value="地址"/><PARAMNAME="wmode"VALUE="transparent"><paramname="quality"value="high"/><embedsrc="地址"quality="high"pluginspage="http://www.macromedia.com/go/getflashplayer"type="application/x-shockwave-flash"width="794"height="190"></embed></object>求一个简单的html网页。。。谢谢。。。(╯﹏╰)b好评率：100%<html><head><title>test</title></head><body><divid="design"style="text-align:center;overflow:hidden;width:400px;height:600px;line-height:150px;font-size:100px;"><divid="design1"style="overflow:hidden;"><divstyle="cursor:hand;"onclick="window.open('http://www.baidu.com','_blank')">百度</div><divstyle="cursor:hand;"onclick="window.open('http://www.google.com.hk/','_blank')">谷歌</div><divstyle="cursor:hand;"onclick="window.open('http://www.163.com','_blank')">网易</div><divstyle="cursor:hand;"onclick="window.open('http://www.xunlei.com','_blank')">迅雷</div><divstyle="cursor:hand;"onclick="window.open('http://www.gougou.com','_blank')">狗狗</div><divstyle="cursor:hand;"onclick="window.open('http://www.taobao.com','_blank')">淘宝</div><divstyle="cursor:hand;"onclick="window.open('http://www.cnool.net','_blank')">东方热线</div></div><divid="design2"></div></div><scripttype="text/javascript">varspeed=1;design2.innerHTML=design1.innerHTML;functionMarquee2(){if(design2.offsetTop-design.scrollTop<=0){design.scrollTop-=design1.offsetHeight;}else{design.scrollTop++;}}varMyMar2=setInterval(Marquee2,speed);design.onmouseover=function(){clearInterval(MyMar2);}design.onmouseout=function(){MyMar2=setInterval(Marquee2,speed);}</script></body>更多教程，请访问前端站www.qianduanzhan.com