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!

如何在官方WordPress上加载非YouTube视频(如土豆,ku6,优酷)

03/03/2011 § 6 Comments

因为众所周知的原因,YouTube被墙,而导致国内诸多的山寨视频网百花齐放,而WordPress又仅支持YouTube等少数国外的网络视频空间,这里简单说一下怎么在WordPress.com上加载未被WordPress.com支持的网络视频。(以下以土豆视频为例)

STEP 1: 在土豆网上找到视频,点开播放后在右下角单击“更多”连接

STEP 2: 在展开的下拉菜单里,单击“复制HTML代码”。

STEP 3: 如果是IE等主流浏览器,会自动把链接地址复制在剪贴板里。因为我的浏览器是Google Chrome不支持,所以要手动复制代码。

STEP 4: 然后到“www.vodpod.com”,登入自己的账号后(如无账号,请注册一个; 如果不会注册,这篇文章于你无用),单击在顶端的“Add Video”按钮。

STEP 5: 在弹出的对话框里粘贴刚才从“土豆网”复制过来的代码。

STEP 6: 无误后单击“continue”(下一步)

STEP 7:等几秒钟确认视频无误后,单击“Yes, This is the Video”按钮。


STEP 8:在Title里写上标题,再保存即可。

STEP 9:保存完毕的视频,会出现在页面上方,单击选择刚刚保存的视频。

STEP 10:在视频的下方,单击“Share”按钮。

STEP 11:确认自己要发布的Blog类型,这里默认是WordPress,然后再在左下方单击“WordPress.com Shortcode”连接。

STEP 12:此时会浮现可用于WordPress.com的vodpod代码,直接复制到WordPress正文里即可(无论在‘虚拟’或者是‘HTML’编辑方式下都行)。

这篇本该是4个多月前写好上传的,可是一来嫌麻烦,二来WP上已有同志详细介绍过。不料还是有童鞋不甚明了,只好再写一篇,希望不会看得头晕!:)

关于从上一篇Blog里直接Copy & Paste代码无法工作的原因.

03/11/2010 § Leave a comment

测试了一下从Blog里直接Copy & Paste代码到新空间, 发现无法工作!
检查了一下原因出自于WP的中文化设置.

1. 确认是在HTML模式下编辑, 因为在blog里我做了字体高亮设置, 如果在”虚拟”方式下编辑, 会被自动添加spin等标签. 如图:

然后再把Copy的Code直接贴进来, 在这里, 它们就不会自动被添加类似”spin”等标签了.

此时还是无法正常显示, 因为我的WP默认地理位置是在中国, 所以在Blog上他们礼貌地把双引号(“”)中文化(”″)了.
也就是说只要把代码里的所有双引号(”″)改成原英文符号就成了(“”).

Flickr’s Slideshow on WordPress

27/10/2010 § 2 Comments

终于搞定了, 在WordPress.com上插入Flickr的幻灯片.
效果图如下:

提供原文参考: http://wpbtips.wordpress.com/2010/07/17/gigya-2-flickr-slideshows/

也就是使用[gigya]标签, 上了WordPress后玩了不久, 学得不少. 🙂 Yay!

———————————————————-华丽的边界线———————————————————-
11月2日追加详细代码:

[gigya src=”http://www.flickr.com/apps/slideshow/show.swf?v=71649″ width=”350″ flashvars=”offsite=true〈=en-us&page_show_url=/photos/53348984@N03/sets/72157625120669265/show/&page_show_back_url=/photos/53348984@N03/sets/72157625120669265/&set_id= 72157625120669265&jump_to=” allowFullScreen=”true” ]

只要适当填上你在Flickr上的相关信息即可. (橙色部分设置幻灯片宽度. )
以下是我的一个相片集在flickr上的信息:

http://www.flickr.com/photos/53348984@N03/sets/72157625120669265/”
红色红色, 蓝色蓝色, 对号入座即可!

Enjoy!

Music Player on WordPress.com

27/10/2010 § 3 Comments

自16日后一直失魂落魄的, 精神恍惚.
恰逢WOW的Hallow’s end(万圣节庆祝)开始, 而且也升到了新版本 – 4.0.1, 十大职业所有天赋完全更改.
很不幸, 我也被招了魂了~

周二服务器维护日, 才重回wordpress.com.
想起WP还有音乐播放器等还未完成, 遂继续搜索.
到WP的官方网站才发现原来WP本身也提供音乐播放, 原地址提供如下:
http://en.support.wordpress.com/audio/

照其方法简单地加载了一下放在Google Site的Mp3; 长叹, 只见长条, 不闻歌声;
Sample如下:

无奈又去试了一下SoundCloud, 意料之外地居然成了!

过程挺简单的, 只要去其网站http://soundcloud.com/注册一个账号,

再上传几首歌(该网站只给免费用户2小时时间的存储空间), 然后再在其”track”的页面下点”Share”, 然后再选WordPress, 然后再在WP的正文内加入链接内容就成了.

 

不过鉴于个人不喜欢去一篇篇的文章里找自己想听的歌, 只钟意在一进blog时就能听到音乐, 所以就直接在Appearance的Widgets里, 在Sidebar上加个”Text” – 文本框, 再把SoundCloud的代码直接贴上即可. 只是我原来的WP主题限制太多: 没有Menu,  右边的Sidebar又无法容下250px的播放器宽度(试过200px, 太小, 无法看到歌曲的封面), 就跑去CSS里想把Sidebar宽度改一下, 却发现要应用CSS你也得购买WP的服务, 所以就换成了这个Sidebar够宽, 而且目前看来挺流行的主题: Inove. 不过美中不足的是无法在此主题下加载页首图片了, sigh~~

还有什么? 像Myspaces里播放图片的那种flash效果, 目前看来WordPress.com并不允许外架swf播放.
无奈, 再找找吧! 总会有办法的.

——————————————————— 神奇的斑马线 ————————————————————
以下内容为11月2日追加:

以此为例: [soundcloud height=”200″ width=”250″ params=”auto_play=true&show_comments=false” url=”http://soundcloud.com/archiechan”]

解释:
蓝色部分“[soundcloud]”WordPress支持的程序包以”[;”开始 “]”结尾, SoundCloud则为其程序包之一.

红色部分 height=”200″ width=”250″ 设置播放器参数: 高为200, 宽为250像素.

紫色部分params=”auto_play=true&show_comments=false” 设置播放器的参数: 开始时自动播放并屏蔽在SoundCloud网站上的评论.

橙色部分url=”http://soundcloud.com/archiechan”指定歌曲的地址, 因为标签用SoundCloud所以只能读取SoundCloud网站下的歌曲.
“archiechan”是我在SoundCloud.com的用户名, 如果只写用户名, 播放器则会读取所有该用户上传的到SoundCloud的歌曲并以列表方式播放. 如果只要播放一首歌, 则只要把该歌曲的连接贴上即可.

这样应该清楚多了吧! 🙂

MSN Space拆迁完成, WordPress安居完毕. 算是吧

04/10/2010 § 4 Comments

几天的适应期, 慢慢地摸熟了WordPress的脾气;
渐渐地开始喜欢用这个Blog了.

有人抱怨说相册无法转移: 没有办法, WordPress的相册存储方式与live.com不一样, 目前无法直接传输; 不过所有的相册都在http://photos.live.com/下, 重新登陆人工下载吧.

有人说在live.com上看不到朋友的最新状态与post的文章了: 其实你只需要重新登陆live.com的profile设置与WordPress连接即可.

还有什么原因? 音乐播放器吧, 很不幸! WordPress并不免费提供, 升级到VideoPress后可以上传音乐, 视频. 不过其支持以下网站的视频与图片, 可惜的是音乐文件并不在其支持之列. 不知道是什么逻辑, 支持视频却不支持Mp3播放器, 学个官腔也”深表遗憾”一下:

You can use all of these:

试了下从Youtube摘取视频嵌入:

至于嵌入mp3播放器, 等试验成功后再发上来庆祝.

Where Am I?

You are currently browsing entries tagged with WordPress at 獨唱何須和.