让你的主页声色并茂—巧为网页增添后台音乐[DW设计]

赞助商链接

分享到： QQ空间新浪微博腾讯微博人人网

本文“让你的主页声色并茂—巧为网页增添后台音乐[DW设计]”是由七道奇为您精心收集，来源于网络转载，文章版权归文章作者所有，本站不对其观点以及内容做任何评价，请读者自行判断，以下是其具体内容：

文/孤独笑爱上一条鱼

　　关于个人来说,若何能使自己的与众差别、充满本性,一向是不懈勤奋的目标.除了尽大概提高页面的效果、互动功效以外,假如能在翻开的同时,听到一曲美好动人的音乐,相信这会使你的增色不少.

　　1、学会增添音乐文件

为增添后台音乐的办法普通有两种,第一种是通过普通的< bgsound>标签来增添,另一种是通过< embed>标签来增添.

(一)利用< bgsound>标签

用翻开需求增添后台音乐的页面,点击“代码”翻开代码编辑视图,在< body>< /body>之间输入“< ”在弹出的代码提醒框中挑选bgsound(图1).

图1

自动输入“< 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中加入后台音乐要比相对便利一些,只要在“后台”对话框中举行相关设置便可(图2).

图2

(二)利用< embed>标签

利用< embed>标签来增添音乐的办法并非很常见,但是它的功效非常强盛,假如结合一些播放控件便可以打造出一个Web播放器.

它的利用办法与第一种基本一样,只是第一步的代码提醒框里不要挑选gbsound,改而挑选embed便可.然后再挑选它的属性举行呼应的设置(图3),从图中可看出embed的属性比gbsound的五个属性多很多.最后的代码以下:< embed　src="music.mp3"　autostart="true"　loop="true"　hidden="true">< /embed>.

图3

　　此中autostart用来设置翻开页面时音乐能否自动播放,而hidden设置能否躲藏媒体播放器.因为embed实际上近似一个Web页面的音乐播放器,所以假如没有躲藏,则会显示出你系统默许的媒体插件的.

　　关于这两种办法,笔者认为二者之间都各有优缺陷:第一种办法当页面翻开时音乐播放,假如将页面最小化今后播放音乐会自动暂停,假如利用第二种办法例不会呈现这种情形,只要不将窗口关闭,它会一向播放.所以但愿大家在应用历程中按照自己的情形来挑选增添音乐的办法.

　　学会了简单的增添音乐办法后,就应当在界面和功效上下点工夫了.我们可以操纵《音乐播放器》打造一个时髦的音乐播放器.

　　2、打造时髦音乐播放器

　　学会了简单的增添音乐办法后,就应当在界面和功效上下点工夫了.我们可以操纵《音乐播放器》打造一个时髦的音乐播放器.

　　提醒:《音乐播放器》是一个插件,运行制作好的页面后,它会调用系统自带的 Windows　Media播放器来播放事前设定好的MP3歌曲.

　　(一)简单设置

　　首先播放插件(地址:http//www.mh.fy.cn/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>语句,将此中的名称改正成你自己的名称.

　　(二)增添播放列表

　　翻开js文件夹中的播放列表文件bglist.js,在这里便可以把你喜好的歌曲增添到列表上来了,具体的增添格局为mkList"歌曲途径"　"歌曲阐明"　,此中“歌曲途径”可以是你上传到主机上的本地地址,也可以指定上的MP3地址,“歌曲阐明”是用来转动显示在播放条上的,可以是演唱者和歌曲的名称.比方要增添周杰伦的《龙卷风》,我们先在上找到可以及时播放的链接地址,然后再把它增添到列表上:mkList"http://202.102.43.37/hy/yinyue/周杰伦/09.mp3""周杰伦——龙卷风".

　　提醒:为了保持你的音乐常听常新,我们可以隔断一段时间就对播放列表更新一次.

　　(三)安装播放器

　　为了避免点击链接而影响歌曲播放的持续性,我们要把播放页面music.htm以框架情势安装到上去.

　　以FrontPage　2003为例,履行“新建→其他”弹出“”窗口,挑选“框架→页脚”,“肯定”后在上框架里设置初始指向你的,下框架里则指向music.htm,然后在框架属性中去掉框架边框并得当调整下框架的高度(图4),框架高度足以包容播放条的高度便可.预览称心后便可以保存页面了,然后把你的指向这个新页面便可以了.