为你的UCHome添加google挑歌组件

5/19/2009来源:Discuz!专栏人气:6611

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

最近域名beian通过了,就像做一个地方网站,我对我的家乡充满感情,所以就开始筹备建这个驻马店地方网站:天中驿站(驻马店古为驿站,过去人们认为天圆地方的年代,曾被人认为是天下最中的地方,所以也被称作天中)。因为是想做一个地方网站,所以打算用在国内用户量较多而且相对比较符合国人使用习惯的 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”://允许动作

$dos = array('feed', 'doing', 'mood', 'blog', 'album', 'thread', 'mtag', 'friend', 'wall', 'tag', 'notice', 'share', 'home', 'pm', 'songs');
复制代码然后在source目录下建立space_songs.php,内容如下:if(!defined('IN_UCHOME')) {

    exit('access Denied');

}

include_once template("space_songs");

?>
复制代码修改header.htm在usrapp menu里增加挑歌的链接:
第93行下增加:<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的挑歌代码就可以了:<script src="http://www.google.cn/music/js/3906579891-music_js.js" type="text/javascript"></script>

<p align="center">

<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">

<param name="id" value="OnlinePlayerActiveX" />

<param name="align" value="middle" />

<param name="allowScriptAccess" value="always" />

<param name="allowFullScreen" value="true" />

<param name="menu" value="false" />

<param name="FlashVars" value="requestUrl=http%3A%2F%2Fwww.google.cn%2Fmusic%2fsongscreen&amp;start=0" />

<param name="quality" value="high" />

<param name="bgcolor" value="#ffffff" />

<param name="play" value="true" />

<param name="scale" value="scale" />

<param name="wmode" value="opacity" />

<param name="salign" value="lt" />

<param name="loop" value="true" />

<param name="name" value="OnlinePlayer" />

<param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer" />

<param name="src" value="http://www.gstatic.cn/top100/screener/2455502399-MusicScreener.swf" />

<param name="flashvars" value="requestUrl=http%3A%2F%2Fwww.google.cn%2Fmusic%2Fsongscreen&amp;start=0" />

<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>

</object>

</p>
复制代码这样完成之后就会在左侧用户菜单里能看到挑歌的服务了,点击在新窗口打开,就可以使用了。