0
(0)

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

第一种：添加背景音乐：
网页或网站中可以添加用户看不到的背景音乐，就像背景图片一样，用户打开智能听到音乐，而不能暂停或终止。这种方法相对比较粗暴，添加方法也比较简单，直接在<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

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

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

声明：本站分享的WordPress主题/插件均遵循 GPLv2 许可协议（免费开源），相关介绍资料仅供学习参考，实际版本可能会因版本迭代或开发者调整而产生变化，如程序中涉及有第三方原创图像、设计模板、远程服务等内容，应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务，亦不收取相关费用。