欢迎访问官网！12年
经验，青岛大型网络公司，
移动端网站
怎么添加网站背景音乐
点击数：211 14:35:30　来源:
&&& 做的很多网站都有背景音乐，现在背景音乐在网站上已经是一种趋势，那么，到底应该怎么添加背景音乐呢？现在青岛网站建设就给大家分享一下在网页中添加背景音
乐的方法。学会添加音乐文件为网页添加背景音乐的方法一般有两种，第一种是通过普通的&
bgsound&标签来添加，另一种是通过& embed&标签来添加。　　(一)使用&
bgsound&标签　　用Dreamweaver打开需要添加背景音乐的页面，点击“代码”打开代码编辑视图，在&
body&& /body&之间输入“& ”在弹出的代码提示框中选择bgsound.
&&& 1.Dreamweaver自动输入“&
bgsound”代码后按空格键，代码提示框会自动将bgsound标签的属性列出来供你选择使用。bgsound标签共有五个属性，其中balance
是设置音乐的左右均衡，delay是进行播放延时的设置，loop是循环次数的控制，src则是我们音乐文件的路径，volume是音量设置。一
般在添加背景音乐时，我们并不需要对音乐进行左右均衡以及延时等设置，所以仅需要几个主要的参数就可以了。最后的代码如下：&
bgsound　src="music.mid"　loop="-1"&　　其中，loop="-1"表示音乐无限循环播放，如果你要设置播放次
数，则改为相应的数字即可。　　这种添加背景音乐的方法是最基本的方法，也是最为常用的一种方法，对于背景音乐的格式支持现在大多的主流音乐格式，如
WAV、MID、MP3等。如果要顾及到网速较低的浏览者，则可以使用MID音效作为网页的背景音乐，因为MID音乐文件小，这样在网页打开的过程中能很
快加载并播放，但是MID也有不足的地方，它只能存放音乐的旋律，没有好听的和声以及唱词。如果你的网速较快，或是觉得MID音乐有些单调，也可以添加
MP3的音乐。只要将上述代码中的happy.mid改为happy.mp3即可。　　提示：在FrontPage中加入背景音乐要比
Dreamweaver相对方便一些，只要在“背景”对话框中进行相关设置即可(图2)。
&&&& 2使用& embed&标签　　使用&
embed&标签来添加音乐的方法并不是很常见，但是它的功能非常强大，如果结合一些播放控件就可以打造出一个Web播放器。　　它的使用方法与第
一种基本一样，只是第一步的代码提示框里不要选择gbsound，改而选择embed即可。然后再选择它的属性进行相应的设置(图3)，从图中可看出
embed的属性比gbsound的五个属性多许多。最后的代码如下：& embed　src=""　autostart="true"　loop="true"　hidden="true"&& /embed&。
&&&& 3其中autostart用来设置打开页面时音乐是否自动播放，而hidden设置是否隐藏媒体播放器。因为embed实际上类似一个Web页面的音乐播
放器，所以如果没有隐藏，则会显示出你系统默认的媒体插件的。　　对于这两种方法，笔者认为二者之间都各有优缺点：第一种方法当页面打开时音乐播放，如果
将页面最小化以后播放音乐会自动暂停，如果使用第二种方法则不会出现这种情况，只要不将窗口关闭，它会一直播放。所以希望大家在运用过程中根据自己的情况
来选择添加音乐的方法。　　学会了简单的添加网页音乐方法后，就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放
&&&& 4打造时尚音乐播放器　　在教您学会了简单的添加网页音乐方法后，就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。　　提示：《网页音乐播放器》是一个网页插件，运行制作好的页面后，它会调用系统
&&&& 5自带的Windows Media播放器来播放事先设定好的MP3歌曲。　　(一)简单设置　　首先下载播放插件(下载地
址：http?//www./soft/music.rar)，解压后进入目录，其中music.htm就是我们要在主页上加载的播放条
页面，list.htm是浏览者用于查看播放列表的弹出页面，js文件夹里存放的是几个播放控制文件，img里则是一些播放界面的图片文件。　　使用网页
编辑软件打开music.htm，找到以下代码：　　&
script　Language="Javascript"&　　var　blnAutoStart　=　true　　　var　
blnRndPlay　=　false　　　var　blnStatusBar　=　false　　　var　blnShowVolCtrl　=　
true　　var　blnShowPlist　=　true　　var　blnUseSmi　=　false var　blnLoopTrk
　=　true　　var　blnShowMmInfo　=false　　&
/script&　　在这里可以对播放器进行基本的设置。以上各句依次含义是：是否自动播放，是否循序播放，是否显示状态栏，是否显示音控状态，是
否允许显示播放清单，是否使用SMI模式，是否循环播放，是否显示歌曲信息。你可以根据自己的需要对它们进行设置，其中true为“是”，false为
“否”。另外，为了使你的播放条更具个性色彩，你还可以在music.htm代码中找到& marquee&　......&
/marquee&语句，将其中的主页名称修改为你自己主页的名称。
&&&& 6添加播放列表打开js文件夹中的播放列表文件bglist.js，在这里就可以把你喜欢的歌曲添加到列表上来了，具体的添加格式为mkList"
歌曲路径"　"歌曲说明"，其中“歌曲路径”可以是你上传到主机上的本地地址，也可以指定网络上的MP3地址，“歌曲说明”是用来滚动显示在播放条上
的，可以是演唱者和歌曲的名称。比如要添加的《》，我们先在网络上找到可以实时播放的链接地址，然后再把它添加到列表上.
【责任编辑：】JSP音乐播放器。问题！-Java/Web开发-java-电脑编程网JSP音乐播放器。问题！-Java/Web开发作者：wy　和相关&& &!--显示歌曲名字 --&& &span id=&resPath_Url&&${requestScope.musics[0].resPath }&/span&&br /&& &form action=&music.do?action_type=playMusic& method=&post& id=&musicForm& name=&musicForm&&& &table&&&tr&&&td&&&object id=&MediaPlayer& name=&MediaPlayer& width=&338& height=&64& classid=&CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6& type=&application/x-oleobject&&&!-- 播放文件的路径 --&&c:forEach items=&${requestScope.musics }& var=&music& &&&param name=&url& value=&upload/${music.name }&&&&td&&a href=&#&&${music.name }&/a&&/td& //不显示所有的歌名在页面上，但是我看页面的源文件都有！（1）&/c:forEach&&param name=&ShowControls& value=&1&&s&param name=&ShowPositionControls& value=&0&&&param name=&ShowAudioControls& value=&1&&&param name=&ShowTracker& value=&1&&&param name=&ShowDisplay& value=&0&&&param name=&ShowStatusBar& value=&1&&&param name=&AutoSize& value=&0&&&param name=&ShowGotoBar& value=&0&&&param name=&ShowCaptioning& value=&0&&&param name=&AutoStart& value=&0&&&param NAME=&PlayCount& value=&1&&&param name=&AnimationAtStart& value=&0&&&param name=&TransparentAtStart& value=&0&&&param name=&AllowScan& value=&0&&&param name=&EnableContextMenu& value=&0&&&param name=&ClickToPlay& value=&0&&&param name=&InvokeURLs& value=&1&&&param name=&DefaultFrame& value=&datawindow&&&param name=&volume& value=&100&&&param name='currentPosition' value='0'&&embed name=&MediaPlayer_embed& id=&MediaPlayer_embed& pluginspage=&/windows/windowsmedia/download/&& &type=&application/x-mplayer2& src=&/wmam/zzzzzmp3/2008Joct/24X/24_t_yuanquan/1.wma&& &width=&338& height=&64&showcontrols=&1& showpositioncontrols=&0& showaudiocontrols=&1&showtracker=&1&&showdisplay=&0& showstatusbar=&1& autosize=&0& showgotobar=&0&showcaptioning=&0& autostart=&1& autorewind=&0&& &animationatstart=&1&transparentatstart=&0& allowscan=&1& enablecontextmenu=&0&clicktoplay=&0& defaultframe=&datawindow&& &invokeurls=&0& playcount=&1000& loop=&1&&&/object&&!-- 播放器代码结束 --&&/td&&/tr&&/table&&/form&上面是我播放器，（1）这里出的问题，我找了半天都没找出原因，还有音乐播放器中文问题，这个代码是昨天在帖子看的，拿来练习下！ 还在读书中！ 谢谢各位指教。------回答---------------其他回答（15分）---------CSS code
&td&&a href=&#&&${music.name }&/a&&/td& //不显示所有的歌名在页面上，但是我看页面的源文件都有！（1）
这里面好像不能放td a标签吧，外面是一个object里面能这样嵌套么，好像报错哦。
换一种方法。
&object id=&MediaPlayer& name=&MediaPlayer& width=&338& height=&64& classid=&CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6& type=&application/x-oleobject&&
&!-- 播放文件的路径 --&
&c:forEach items=&${requestScope.musics }& var=&music& &
&param name=&url& value=&upload/${music.name }&&
&td&&a href=&#&&${music.name }&/a&&/td& //不显示所有的歌名在页面上，但是我看页面的源文件都有！（1）
&/c:forEach&
&param name=&ShowControls& value=&1&&s
&param name=&ShowPositionControls& value=&0&&
&param name=&ShowAudioControls& value=&1&&
&param name=&ShowTracker& value=&1&&
…………
&/object&&!-- 播放器代码结束 --&
&/td&
&/tr&
&tr&
&c:forEach items=&${requestScope.musics }& var=&music& &
&td&&a href=&#&&${music.name }&/a&&/td&
&/c:forEach&
&/tr&
------其他回答（5分）---------学习了相关资料：｜｜｜｜｜｜｜JSP音乐播放器。问题！-Java/Web开发来源网络，如有侵权请告知，即处理！编程Tags：　　　　　　　　　　　　　　　　&　　　　　　　　　　　　　　　　　　　　自在飞花轻似梦
当前位置：
& JS实现控制HTML5背景音乐播放暂停
实现控制网站背景音乐的播放暂停在html5中是非常容易和简单的，仅仅几行代码即可实现。
首先在网页中嵌入背景音乐，html5代码为：
&script src="/jquery.js"&&/script&
&a class="mscBtn" id="audioBtn" title='最幸福的人' style="cursor:"&&/a&
&audio id="bgMusic" src="/zuixingfuderen.mp3" autoplay="autoplay"&&/audio&
通过audio的id即可控制音乐的播放（play()）和暂停（pause()），同时通过改变class改变按钮的背景图片，js代码为（切记要引入jq库）：
var music = document.getElementById("bgMusic");
$("#audioBtn").click(function(){
if(music.paused){music.play();
$("#audioBtn").removeClass("pause").addClass("play");
}else{music.pause();
$("#audioBtn").removeClass("play").addClass("pause");}});
css样式为：
.pause {background-position: 0}
.mscBtn {height: 50
background: #fff url(/musicbtn.png) no-
demo效果就是本页面，当你打开了该页面之后一定有音乐播放，如果你按以下的按钮没反应，请刷新页面后再点击下面的图标。
应大伙的要求，改进了下,让网页背景音乐支持多首歌曲，播放完在随机播放下一首并且不会和上一首重复，并提供播放暂停按钮，本来这篇文章只是提供最简单的功能让大家自行扩展的，既然大家都提到了这个，我在评论里面也回了，在把最终的版本写在这篇文章后续上，主要就是js换成以下的：
var music = document.getElementById("bgMusic");
var musicArr=[//下面对应歌曲链接和歌名，自行添加用,隔开
{url:'/tbhdqx.mp3',title:"唐伯虎点秋香"},
{url:'/abzxh.mp3',title:"敖包再相会"},
{url:'/lmzda.mp3',title:"辣妹子的爱"},
{url:'/32.mp3',title:"32号嫁给你"},
{url:'/tongxinjishou.mp3',title:"痛心疾首"},
{url:'/rgangdst.mp3',title:"如果爱能感动上天"},
{url:'/cz.mp3',title:"车站"},
{url:'/hn.ogg',title:"很难"},
{url:'/aqlmysdsc.mp3',title:"爱情里没有谁对谁错"},
{url:'/dlaqdln.mp3',title:"丢了爱情丢了你"},
{url:'/cty.mp3',title:"闯天涯"}
$("#audioBtn").click(function(){
if(music.paused){music.play();
$("#audioBtn").removeClass("pause").addClass("play");
}else{music.pause();
$("#audioBtn").removeClass("play").addClass("pause");}
function randomMusic(){
var isone=$("#bgMusic").attr('src');
var noone=musicArr[parseInt(Math.random()*musicArr.length)];
if (noone.url==isone){var noone=musicArr[parseInt(Math.random()*musicArr.length)];}
$("#bgMusic").attr('src',noone.url);
$("#audioBtn").attr('title',noone.title);
randomMusic();
$("#bgMusic").on('ended',function(){
randomMusic();
转载请保留链接： | 出处：| 本文链接地址：
阅读本文的用户还浏览了
30首精选dj 2012珍藏版 音质感受...
Javascript中一些吓唬人的怪异写...
js简洁优美写法技巧...
执行ajax返回数据中包含的script...
闭包变量作用域导致的undefined问...
使用Facebook登录网站...
总共有: 47条评论
1.664秒内137次SQL查询|内存29MB
版权所有&& -&秋叶网络博客怎样让网页背景音乐连续播放啊！_百度知道