教你在Pagecookery中添加音乐功能

好吧,闲着也是闲着!

Pagecookery虽然有个叫做“音乐墙”的东西,但是没什么用处,不能在当前播放音乐!况且我的空间也不支持CURL扩展,无法使用音乐墙!

这不是在逼我吗?

于是乎,有了下文!(PS:我的博客早就出世了,但是本人懒得很,从未写过= -! 所以今天爆发一下,来充实我的博客!)

介绍三种方法(老鸟请略过):

1、比较简单,不知道大家有听过“雅虎音乐播放器”?不了解的可以点击这里前往看一下:我是雅虎播放器(该页的左下角就是) 使用方法如图(点击放大):

而我们需要做的就是将【<script type=”text/javascript” src=”http://mediaplayer.yahoo.com/js”></script>】 这句代码放到微博中!建议放到template/header.html中,当然你也可以放在blog.html、页脚footer.html中!我们打开header.html如图:

现在的播放器已经安装好,那要怎么播放音乐呢?其实很简单,我们只要在后台编辑器那发布就可以了!例如我想播放这三首歌曲,就把编辑器切换到Html模式,插入形如这样的代码:

点击发布就OK了!hrer后的是你的歌曲链接地址!

效果请访问我的微博http://t.limory.cn或上面的雅虎链接地址!

另还有其他功能自己就慢慢琢磨吧!

2、就是直接给微博加个独立的音乐页面!再简单的说,就是先建立个音乐页面,然后在微博上加个链接而已!

先看下效果吧,点击这里http://t.limory.cn/music

该音乐页面涉及到几个文件,播放器、js、播放列表、头像、主页Index.html等!

我已经打包好,下载请点击“我是传送门”(请点击“共享”目录,下载)

下载完,解压后上传到微博客目录。例如新建Music目录,然后上传所有文件,这样你的微博客网址+music就是该音乐页面的地址了(形如我上面的地址)!其中Index.html可自行修改相关播放器设置等,包括你的头像、链接网址、播放器背景、颜色、自动播放等!歌曲列表是储存playlist.xml文件里的,至于怎么添加,聪明的你打开看一下格式就知道了!(还有很多相关的个人信息请到Index里修改!)

最后就是在我们的微博中添加该音乐页面的链接按钮!打开template/header.html,添加这样的代码【<li><a href=”http://t.limory.cn/music/” target=”_blank” title=”我收藏的音乐”>Music</a></li>】,如图:

这样,在微博主页那网志那一栏就会有个“music”的链接按钮!

3、相当于上面的两种方法,这就有点繁琐了!

同样是利用2方法的播放器,但是…..它是利用Pagecookery的模板!简单的说,就是让播放器与Pagecookery溶为一体!

我们首先新建一个Html页面,写入这样代码:

{template header}

<script type=”text/javascript” src=”../music/ufo.js”></script>

<div id=”main” style=”position: relative;background: #333333 url(‘../music/images/bg.jpg’) no-repeat center;width:747px;height:545px;padding: 0;z-index: 1″ align=”center”>
<div style=”position: absolute;z-index: 1; left: 174px; top: 100px” id=”player1″>
<script type=”text/javascript”>
var FU={ movie:”../music/mediaplayer.swf”,
width:”400″,
height:”300″,
majorversion:”7″,
build:”5″,
bgcolor:”#ffffff”,
flashvars:”file=../music/playlist.xml&displayheight=0&repeat=true&lightcolor=0xffffff&backcolor=0×000000&frontcolor=0xffffff&overstretch=true&autostart=true” };
UFO.create( FU, “player1″);
</script>
</div>
<div style=”clear:left”></div>
</div>

{template footer}

如图:

假如保存为名my_music.html,上传到template目录下(注意不要再保存为名music了,因为被音乐墙占用了)

其中涉及到的播放器文件、js、播放列表、背景图片等文件地址请在上面的html中填写正确!!!

然后打开index.php文件,加入以下代码:

case ‘my_music’:
$title = “我的Music – “.SITE_NAME;
$template =& new Template(‘my_music’, NULL, ‘my_music’);
break;

如图:

最后还是到header.html中添加音乐链接,代码如下:

<li><a href=”?act=my_music”<!–{if ($current == ‘my_music’)}–><!–{/if}–>>Music</a></li>

如图:

至此,Game Over!效果还是请看这里:http://t.limory.cn/?act=my_music

奶奶个腿的,第一次写这玩意,花了很长时间,有什么不详的地方请多多包涵!

OK,我得战地之王去了…


All comments of post - "教你在Pagecookery中添加音乐功能":

:Haha! I'am the first! Yeh~

Thank you!

Add a Comment / Trackback url

  1. #12  Speedy Cash

    payday loan online no fax credit loans guaranteed approval cash advance direct lenders only credit loans guaranteed approval

    18/10/13 06:54
  2. #11  小饶同学

    网盘挂咯,音乐界面不错

    14/12/25 11:16
  3. #10  Limory

    可以用火狐~

    10/12/25 09:58
  4. #9  huofukude

    感谢 不过那个Bookmarklet貌似我的opera和chrome都用不了~

    10/12/25 03:05
  5. #8  Limory

    Asaph。它只能收集网上的图片不能上传。二级域名这得看你域名服务商或空间商后台可否绑定域名了。当然tk是不可以的。我用的是DNSPOD解析过来的。添加一个A记录,主机名填你想要的二级名称就好了。例如T。

    10/12/24 17:51
  6. #7  huofukude

    想问你两个问题 一个是limg.tk的图片分享程序~ 呵呵 我看完了你的微博记录都没有发现 希望能分享一个 如果你还有存档 能否发到我邮箱 kuagedmacosx#gmail.com 另外一个问题是 关于tk顶级郁闷的二级域名 比如t.limy.tk应该如何设置~ ?非常感谢~

    10/12/23 18:08
  7. #6  Limory

    是一款外国多媒体微博客程序.至于名字真忘了!但微博评论里我有提到,您可以找看看~

    10/10/04 16:09
  8. #5  xiaoxin

    你好,我想问一下你的http://limg.tk/用的是什么程序呢?谢谢

    10/09/23 22:43
  9. #4  Limory

    额…我貌似还没有注意此情况~

    10/07/22 13:30
  10. #3  song

    雅虎播放器很难看,而且你点播放按钮的时候会弹窗下载歌曲地址,如果你装了迅雷会弹窗下载该歌曲‘ ⊙﹏⊙‖∣ 还是不好用啊

    10/07/22 09:12
  11. #2  Limory

    那是、那是!简洁、简单、简便,正是我喜欢的~O(∩_∩)O哈!

    10/07/19 23:53
  12. #1  lulu

    嘿嘿。。不错的全新感觉!

    10/07/19 16:12

Show all Show 5 so far Close all

Comment begin from here or jump up!