首页 建站技巧 怎么给网站或网页添加音乐

怎么给网站或网页添加音乐

作者:

修改日期:

一定程度上学建站网不赞同在网站中插入背景音乐,就自己而言,如果我在听着音乐时打开你的网站,我会毫不犹豫的叉掉你的网页,因为“有碍视听”,不过事无绝对,如果没有听音乐,一遍浏览网站文章一遍听着音乐,确是不错的享受。怎么给网站或网页添加音乐呢?可以分两种情况对待:

第一种:添加背景音乐:
网页或网站中可以添加用户看不到的背景音乐,就像背景图片一样,用户打开智能听到音乐,而不能暂停或终止。这种方法相对比较粗暴,添加方法也比较简单,直接在<body>标签下面添加如下任意一段代码即可:

1、使用embed标签插入背景音乐,代码如下:

  1. <bgsound loop=“-1” src=“音乐地址” />  

其中标签参数如下:

  1. balance   //调整左右声道的音量平衡,取值范围 -10000~10000;   
  2. loop      //指定播放回数,当指定为infinite或-1时无限循环播放;   
  3. src       //指定音乐文件地址,支持*.wav、*.au、*.mid、*.aif等格式;   
  4. volume    //调整音量,取值范围 -10000~0 ;  

第二种:添加可视化音乐(前景音乐)
可以在网页或网站中添加用户可视的音乐播放器,这样用户登陆后可以暂停、终止或快进音乐进度。音乐代码可以按照需要放置在网站的适当位置。
1、使用embed标签添加音乐:

  1. <embed src=“音乐地址” width=“宽度” height=“高度”></embed>  

标签参数:

  1. src           //音乐媒体地址,支持Midi、Wav、AIFF、AU、MP3等格式;   
  2. autostart     //是否自动播放,值true、false;   
  3. loop          //该属性规定音频或视频文件是否循环及循环次数;   
  4. hidden        //播放面板是否显示,值为ture、no;   
  5. volume        //音量大小,值取0-100之间的整数;   
  6. height/width  //播放窗口的高和宽;   
  7. align         //对齐方式.  

2、使用Dewplayer网站提供的播放器实现步骤:
(1)下载.swf播放器文件:http://www.alsacreations.fr/dewplayer-en.html;
(2)选择喜欢的风格,并上传对应的.swf文件到空间目录下;
如:Multi风格的对应的是附件中的dewplayer-multi.swf文件.
(3)上传你的MP3音乐到空间;
(4)使用以下代码调用即可:

  1. <object type=“application/x-shockwave-flash” data=“dewplayer-multi.swf” width=“240” height=“20” id=“dewplayer” name=“dewplayer”>    
  2. <param name=“wmode” value=“transparent” />  
  3. <param name=“movie” value=“dewplayer-multi.swf” />    
  4. <param name=“flashvars” value=“mp3=你的音乐地址” />    
  5. </object>  

(5)效果如图:

2014-02-26_113918

注意事项:正确修改文件调用路径后才能正常打开。

后记:因为上传音乐文件会占用空间资源,如果空间不怎么给力,建议可以看我的另一篇文章使用虾米音乐搞定:
怎么在文章里面添加音乐播放器