为你的UCHome添加google挑歌组件

原文发表在我的blog，欢迎转载，请注明出处：
http://www.standme.com/entry/29/add-songscreener-to-your-uchome

最近域名备案通过了，就像做一个地方网站，我对我的家乡充满感情，所以就开始筹备建这个驻马店地方网站：天中驿站（驻马店古为驿站，过去人们认为天圆地方的年代，曾被人认为是天下最中的地方，所以也被称作天中）。因为是想做一个地方网站，所以打算用在国内用户量较多而且相对比较符合国人使用习惯的 Comsenz 系列产品。首页使用SupeSite来做信息聚合，而且现在的7.0版本已经开源了，不仅在信息聚合上而且在别的功能上也做到了加强。论坛程序使用 Discuz! 来搭建，同时搭配 UCHome 来构建一个本地的SNS社区，这样的模式很“山寨”，呵呵，不过对于我这样没有后台投资的个人站长而言，也只能这样了。一切只好慢慢来。

google推出了他的音乐服务之后我就一直很关注，知道前些时候推出了“挑歌服务”，这让我们这些平时工作太忙容易闹歌荒的人大呼过瘾， 忽然发现这样的 js applacation 很适合作为UCHome的一个组件，就找到了google挑歌的JS代码，打算把它放到UCHome里。

Comsenz的产品很多人都说代码比较不爽，实话讲在一定程度上我也这样认为，因为我找sidebar上的nav菜单时，竟然找了很久没找到在哪里模板里修改，最后问了一个比较熟悉UCHome的朋友，他给我讲这部分菜单是在header.htm里面，我才恍然大悟，真是搞笑，明明是 sidebar里的东西，他们竟然能放到header.htm里面，我只能说他们的UI团队真的是太猛了。

不过Comsenz的框架还是不错的，多数功能文件都模块化了，都是独立的函数，我对php程序也是半半窍（一知半解的意思，我们当地的方言），浅显的php程序可以看懂，可以修改，所以我就按照space.php里面的代码规律进行修改。需要修改的文件有4个，/space.php， /template/default/header.htm，增加两个文件/source/space_songs.php，/template /default/space_songs.htm。

首先修改space.php，将第30行增加一个动作“songs”：

1. //允许动作
   
2. $dos = array('feed', 'doing', 'mood', 'blog', 'album', 'thread', 'mtag', 'friend', 'wall', 'tag', 'notice', 'share', 'home', 'pm', 'songs');

复制代码

然后在source目录下建立space_songs.php，内容如下：

1. if(!defined('IN_UCHOME')) {
   
2.     exit('Access Denied');
   
3. }
   
4. include_once template("space_songs");
   
5. ?>

复制代码

修改header.htm在usrapp menu里增加挑歌的链接：
第93行下增加：

1. 
   
2. <li><img src="image/app/songs.gif" border="0" /><a href="space.php?do=songs" target="_blank">挑歌</a></li>

复制代码

之后在/template/default/下建立space_songs.htm文件，内容按照你的需求可以调整，我是把按照其他模板修改的，把header部分的顶部保留，footer部分保留，中间插入google的挑歌代码就可以了：

1. <script src="http://www.google.cn/music/js/3906579891-music_js.js" type="text/javascript"></script>
   
2. <p align="center">
   
3. <object width="920" height="450" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
   
4. <param name="id" value="OnlinePlayerActiveX" />
   
5. <param name="align" value="middle" />
   
6. <param name="allowScriptAccess" value="always" />
   
7. <param name="allowFullScreen" value="true" />
   
8. <param name="menu" value="false" />
   
9. <param name="FlashVars" value="requestUrl=http%3A%2F%2Fwww.google.cn%2Fmusic%2Fsongscreen&amp;start=0" />
   
10. <param name="quality" value="high" />
    
11. <param name="bgcolor" value="#ffffff" />
    
12. <param name="play" value="true" />
    
13. <param name="scale" value="scale" />
    
14. <param name="wmode" value="opacity" />
    
15. <param name="salign" value="lt" />
    
16. <param name="loop" value="true" />
    
17. <param name="name" value="OnlinePlayer" />
    
18. <param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer" />
    
19. <param name="src" value="http://www.gstatic.cn/top100/screener/2455502399-MusicScreener.swf" />
    
20. <param name="flashvars" value="requestUrl=http%3A%2F%2Fwww.google.cn%2Fmusic%2Fsongscreen&amp;start=0" />
    
21. <param name="allowfullscreen" value="true" /><embed name="OnlinePlayer" src="http://www.gstatic.cn/top100/screener/2455502399-MusicScreener.swf" type="application/x-shockwave-flash" wmode="opacity" width="920" height="450" allowScriptAccess="always" menu="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
    
22. </object>
    
23. </p>

复制代码

这样完成之后就会在左侧用户菜单里能看到挑歌的服务了，点击在新窗口打开，就可以使用了。

嗯，已经有插件了，楼上的有点复杂
免费下载地址：
http://bbs.joynest.net

有没有演示？
www.douban.us

有没有演示？
www.douban.us
momofa 发表于 2009-5-19 13:27

有演示的，网址：
http://www.itzyz.com/space.php?do=songs

只是网站得注册才能看到，我贴个截图看看：

不错 支持了

垃圾根本就是没有啊
板凳说的