Music player on WordPress.com (ii) – Xuite播放器

29/08/2011 § 7 Comments

自从路过vivi的空间后,就一直惊艳于xuite播放器的小巧方便,而且相对来说也没有很严格的xxx限制,在某些程度上比较符合国人的习惯,只可惜该播放器貌似一次只能播放一首歌曲/视频。

本以为应该相当容易在网上找到教程之类的,不料google后竟然没有都是在说WP的外挂插件,鲜有提及WordPress.com下Blog代码调用。辗转从Silly处借鉴了gigyc语法,另外再参考文子兄在其facebook上的评论后,事情才有点看头。

略记步骤,备为参考:

Step 1. 到Xuite.net去注册一个帐号。(略)

Step 2. 上传自己喜欢的音乐到xuite.net帐号下。(略)

Step 3. 直接使用这一段代码:
[gigya src=’http://vlog.xuite.net/_a/MzExMDY2NQ==&ar=1&as=1‘ width=’160′ height=’60’ allowScriptAccess=’always’ allowFullScreen=’true’/>]
由于WP和谐了html一些代码及显示的全角半角问题,想省麻烦的朋友直接去这里copy & paste即可!

Step 4. 在上面代码中的红色部分
http://vlog.xuite.net/_a/MzExMDY2NQ==&ar=1&as=1’
这段有单引号”的地方,放入你上传在xuite.net的音乐/视频代码。

Step 5. 获取Xuite.net的代码部分; 去到xuite.net的音乐/视频页面,在空白处单击鼠标右键,选择“查看源码”(View Page Source)。

Step 6. 在打开的源码窗口里按Control F/Command F键搜索,搜索的关键字为“srcUrl”。

Step 7. 在搜到的结果里可以看到有这样一行字:
var srcUrl = “http://vlog.xuite.net/_v001/MzQ3NTA4Mw==&ar=0&as=0”;
其中我们只需要双引号“”内的地址,copy即可。

Step 8. 如果你传的是视频,那就直接把地址贴到Step 3.提到的那段代码里的单引号”里去。其中,copy过来默认的地址后面的&ar=0是指auto repeat(自动重复),=0(不重复),=1(重复); &as=0为auto start(自动开始),同上=0不重复,=1重复; 其他的width为播放器的宽度,heigh是播放器的长度,请凭个人喜好调整。但是,如果你传的是音乐,则必须把copy过来的地址
http://vlog.xuite.net/_v001/MzQ3NTA4Mw==&ar=0&as=0”
里的”_v001″改成”_a”,v为视频,a为音频,这样网页就会调用音乐播放器界面播放了。

Step 9. 最后在WP的控制台下的Widgets里加个Text文本框,放入代码即可。

Enjoy!

Advertisements

Tagged: ,

§ 7 Responses to Music player on WordPress.com (ii) – Xuite播放器

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

What’s this?

You are currently reading Music player on WordPress.com (ii) – Xuite播放器 at 獨唱何須和.

meta

%d bloggers like this: