shoPlayer网页背景音乐播放器指南

本文将主要介绍shoPlayer网页背景播放器的安装使用方法。

shoPlayer网页背景播放器是本人(Shosh)于2007年年底到2008年年初完成的一款功能强大界面简单的播放器。它的主要特点有：
1、页面跳转不影响音乐的正常播放，目前很多流行的嵌入在网页中的音乐播放器在页面跳转时会停止播放音乐，当新页面打开后重新载入音乐。使用frame设计，可以避免此问题的发生。不过一个缺点是地址栏的地址将锁定在播放器的页面地址，而隐藏了用户真正浏览的页面地址。
2、支持单曲循环播放、多曲目连续播放和多曲目随机播放。所有播放曲目可以任意添加、修改、删除。
3、支持曲目搜索与排序，曲目列表有翻页功能。
4、最具特点的是：它支持显示歌词窗口，歌词会自动随播放进度滚动显示。
5、界面简单，没有使用任何图片（使用webdings字体），可以动态显隐，隐藏时不占用页面空间，不影响页面的正常浏览。
 

如果你拥有自己的网站，并想使用该播放器，请看下面的内容：

一个最简单的方法是直接在自己的网站的每个页面加上下面的代码，虽然简单，但是在地址栏将出现wscxy网站的名字：

1. <script language="javascript">
2. <!--
3. if(top.window.name != "ShoshWebPageBackgroundMusicPlayer" || top.window == self.window)
4.   top.document.location="http://www.wscxy.com/index.html?$$$" + top.document.location + "&&";
5. else
6. {
7.   var theWindow = self.window;
8.   while (theWindow != top.window && theWindow.parent.window != top.window)
9.     theWindow = theWindow.parent.window;
10.   top.document.title = theWindow.document.title;
11. }
12. //-->
13. </script> 

一个更好的办法是下载附件(shoPlayer.rar)，解压后有两个文件，分别是shoPlayer.html和playList.js。不过里面有需要修改的代码，为说明方便，请打开代码演示文件(shoPlayerCode.htm)。

1. 先确认shoPlayer.html在你网站中的存放位置，假如访问路径是http://www.mysite.com/shoPlayer.html，

1-1.找到代码第16行：按实际存放情况修改曲目列表文件路径。

1-2.找到代码第32行：因为现在默认的音乐播放模式为随机播放，想修改为单曲循环或按顺序播放请修改playKinds的值分别为1或2。

1-3.找到代码第171行，将http://www.wscxy.com/shosh/改成你的网站的默认首页地址，如http://www.mysite.com/index.aspx（注意，不是这个音乐播放器的地址）。其他地方就没有必要修改了，里面有注释，如果你熟悉代码，可以略作修改。不过请保留头部的版权信息，769行的地址为本页面地址，请不要修改。

按照以上的步骤完成后，用户只有访问到http://www.mysite.com/shoPlayer.html的时候才能够打开播放器，并打开默认网页http://www.mysite.com/index.aspx浏览你的网页，但是title显示的并不是你的网页的标题，用户如果直接打开你的网站的页面也无法加载播放器，所以需要做下面的步骤：将上面提到的最简单的安装本播放器的代码放置到你的网站的所有需要收听音乐的页面（对于一般blog可以考虑放在模板中，或是其他公用的模块中。使用pjBlog的用户可以考虑放在header.asp中），不过和简单安装播放器不同的是，需要将上面的代码第二行修改为你的播放器页面的地址，如http://www.mysite.com/shoPlayer.html。

（下一次再告诉大家如何添加修改播放列表，敬请期待）