XiaMiPlayer插件 for typecho 0.8(更新至2.1版)

提醒:本文最后更新于 4126 天前,文中所描述的信息可能已发生改变,请谨慎使用。

2.1版对应的是typecho 0.8版,如果想要下载对应最新版(typecho 0.9)的同学,请跳转到此页:XiaMiPlayer插件 for typecho 0.9

2.1版新增自定义播放器颜色(换颜色,全球浪潮~),默认提供了六种颜色,同时用户也可以自定义颜色哟!

2.0版本新增同步显示歌词和外链MP3地址的支持,提供移动端支持(需要支持html5)!欢迎大家更新使用!

本插件是基于MiniPlay1g1g插件的基础上修改过来的,所以插件的基本样式和MiniPlay1g1g是一样的,如果大家介意的话我会在下个版本中修改过来。在此感谢MiniPlay1g1g插件的作者vfasky君给我们带来了这么好的一个插件。

XiaMiPlayer插件的主要功能:

  • 根据关键词获取虾米音乐搜索结果
  • 生成音乐播放器代码,并自动插入到文中
  • 歌曲同步显示歌词(如果歌曲有歌词的话,2.0版本以上支持)
  • 支持插入外链MP3地址(2.0版本以上支持)
  • 自定义播放器样式(2.1版以上支持)

本插件是在typecho 0.8的基础上开发的,没有做对老版本兼容的测试,没有做对其它编辑器兼容的测试,同时没有做浏览器兼容测试,以及各种其它有的没有的测试。如果有不能用的,欢迎大家来报BUG,我会尽我所能DeBug的。

更新: 2.1 - 新增自定义播放器样式功能 2.0 - 更换播放器代码,支持所有支持HTML5平台的客户端。增加同步显示歌词功能,以及支持外链MP3地址。 1.3 - 修改翻页样式,修复了开启插件之后无法使用附件的插入功能。 1.2 - 增加了Ckeditor, xheditor编辑器的支持,修复了之前支持的编辑器无法插入的问题。 1.1 - 增加了TinyMce, KindEditor, FCKeditor三个编辑器的支持。

下载地址:BOX | 百度云

Avatar
怡红公子 擅长前端和 Node.js 服务端方向。热爱开源时常在 Github 上活跃,也是博客爱好者,喜欢将所学内容总结成文章分享给他人。

29 评论

烂番茄 Chrome28.0 Windows 7
2014-04-10 13:31:42 回复

表示很不错的分享!!

影子 Chrome30.0 Windows 7
2014-01-29 16:27:49 回复

来博主这里学习了,刚好我也在做一个虾米音乐的api,不过我做的是wordpress的插件(http://www.neice.org/331.html).和博主这个相比也算是各有千秋,本着学习的精神来向博主求一份完整源码,,不知道楼主能否共享一下包含http://imnerd.org/lab/player/api.phphttp://imnerd.org/lab/player/lyric.php 这两个文件的完整源码呢?愿与博主共勉之…
另祝博主马年大吉,马到成功!

公子 Chrome32.0 Windows 7
2014-01-30 02:39:41 回复

@影子 谢谢,你也一样,马年快乐哦。两份文件的源码分别在此:api.php & lyric.php。虾米的WordPress插件我记得牧风有做过来着:http://mufeng.me/xiamiplayer-for-wordpress.html ,仅供参考。关于API文件的一些内容可以参考我这篇文章:http://imnerd.org/player-lyric-by-audio.html ,同样是仅供参考。

冷笑话精选 IE6.0 Windows XP
2014-01-13 11:37:49 回复

我天生饭量小,基本上一顿饭连一个馒头都吃不掉,所以长得也很瘦小。昨天我和单位的胖子一起去食堂吃饭,我打了一个菜和一个馒头,胖子看了一眼我的饭就问我: 吃得那么少啊,难怪那么瘦不拉唧的。 我逗趣地回答说: 为了保持身材。 我瞅了瞅他的饭,好家伙,三个菜四个馒头外加两个鸡蛋,就问他: 你的身材都和猪差不多了,怎么还吃那么多。 没想到,他冷冷的回答我: 目的和你一样的。为了保持身材。

日本拍AV目的就是残害中国人 日本AV其实也是一场不见销烟的战争,他们企图通过AV,让中国人体质每况愈下,最后达到和鸦片一样的效果。 日本拍AV目的就是残害中国人! 醒醒吧,扔掉你的硬盘,扔掉你的卫生纸,放开你握着的手! 低头看看键盘上A和V旁边的字母是什么吧~~

妈妈的目的
儿子问妈妈:妈妈,为什么你那么漂亮,身材那么好呢? 妈妈:因为啊,要勾引你爸爸上我的床! 儿子:为什么要让我爸爸上你的床? 妈妈:还不是为了怀上你这个小傻瓜。

以后谁敢和你喝
酒桌上劝酒一般对方不爽快,自己就会说:那你随便,我先干为尽。 中午见到一个碉堡的可能已经喝了不少了,说话都打结了,还硬要起来敬酒。 大家见他这样了就笑,不端酒杯,这货一急这话出来了:“好,你们大家随便,我先同归于尽……”

像狗屎一样的东西咱不吃
今天坐火车,饿了拿出巧克力蛋糕吃…… 对面一小孩盯着眼馋,此时他妈妈说:“宝宝不看,像狗屎一样的东西,咱不吃……”

咱俩是一样一样的啊!
小时候妈妈说,碗里剩几粒饭脸上就要长几粒麻子。 于是为了日后靓丽,扒尽每一颗米。感谢母亲让我成为了一个没有麻子的胖子。

冷笑话精选 IE6.0 Windows XP
2014-01-13 11:37:45 回复

一个养鸟人为了教会他的鹦鹉说话,每天早晨都要对鹦鹉说:早上好。 可是,几个月过去了,鹦鹉还是不说话。 有一天早晨,养鸟人情绪很坏。当他走过鸟笼时,忘了向鹦鹉问候。鹦鹉冷冷地用眼睛瞪着他:喂!它尖声叫道:今天早晨你怎么啦?

幸存者 Chrome30.0 Windows 8
2013-10-29 03:25:59 回复

ie8下面 不显示歌词跟歌名,蛋疼的id6-ie8,准备不考虑了。。真心蛋疼。

公子 Chrome30.0 Windows 7
2013-10-29 04:23:35 回复

@幸存者 好像是这么个情况,算了,我也懒得纠结这个问题了…

幸存者 Chrome30.0 Windows 8
2013-10-28 03:21:02 回复

@幸存者 另外发现目前这个插件只要页面一加载自动缓存歌曲的吧 ? 我用我手机测试页面时候,打开页面后,看着流量蹭蹭的窜,想必是在缓存歌曲,我一个页面如果N首歌的话,用手机打开一下页面,好几M就这么没了。。 能不能在点击播放后再缓存歌曲呢。。 正在研究源码,不行的话,就只能页面放一个类似的图片,当点击后再加载了。。

公子 Chrome30.0 Windows 7
2013-10-28 03:59:21 回复

@幸存者 这个可以有,直接把jPlayer的自动加载关掉就好了应该,等0.9版的文档出来后一并解决了这个问题去。。。

幸存者 Chrome30.0 Windows 8
2013-10-28 03:12:55 回复

一直默默关注博主很久了。。也研究了虾米的api很久,目前也正在使用xiamiplayer 插件,不知道楼主介意把http://imnerd.org/lab/player/api.php 和 http://imnerd.org/lab/player/lyric.php 这两个文件的源码发给我一份呢,,万分感谢 怡红公子。。。

公子 Chrome30.0 Windows 7
2013-10-28 03:58:34 回复

@幸存者 已经发送到你的邮箱了

kmxz Chrome31.0 Windows 7
2013-10-27 17:27:23 回复

不太明白是怎么实现的

LZ好像把逻辑都雪藏在 http://imnerd.org/lab/search/ 里了……

怡红公子 Chrome30.0 Windows 7
2013-10-28 01:00:25 回复

插件里头差不多是这个样子的,不过其实真是的内容过程我都写在博客的文章里头了,如果你能发现的话。不过如果你需要一份源码的话我也不会很介意的啦。

黄子贤 Chrome30.0 Windows 7
2013-09-12 11:19:22 回复

直接调用虾米的mp3地址,过段时间就不能播放了吧?

公子 Chrome29.0 Windows 7
2013-09-12 11:23:04 回复

@黄子贤你试过我这里的不能播放了么?

黄子贤 Chrome30.0 Windows 7
2013-09-12 12:05:32 回复

@公子可以播放,我下载看了下,又用手机试下,果然还是不行,你这个还是通过flash播放的,比如手机谷歌浏览器就不支持flash,这还是比较头疼的一件事,不过你这个不错,一个不错的思路,我可以把网页版的播放器换了,谢谢

公子 Chrome29.0 Windows 7
2013-09-12 12:29:05 回复

@黄子贤优先通过HTML5播放,不支持HTML5的话再使用Flash播放,如果你的浏览器两个都不支持,那当然没办法。我在Andorid上用傲游浏览器测试了没有问题,在iPad上用Safari和Chrome测试了都没有问题。

LamjoeOne Chrome28.0 Windows 8
2013-08-09 03:15:02 回复

感谢了!插件非常好用,而且使用起来很方便。。非常喜欢!!!!

LamjoeOn Chrome28.0 Windows 8
2013-08-09 03:13:44 回复

感谢了!!!!

True Chrome24.0 Windows 7
2013-04-14 04:18:29 回复

收下了~!!!

猫大叔 Firefox20.0 Windows 7
2013-04-13 09:45:54 回复

前来下载新版.哈哈

未名 Windows XP
2013-02-28 13:50:02 回复

Typecho0.8版本,TinyMCE编辑器1.0.6,编辑文章时按插入音乐,搜索出来了,但点击后没有插入到正如内容,好像什么事都没发生一样。谷歌、世界之窗、IE9三个浏览器都试过,都一样。编辑器是有了虾米的“插入音乐”选项,也能搜索,但搜索出来之后选择了没有插入到编辑框里面。。应该怎么做?博主

公子 Chrome25.0 Windows 7
2013-02-28 13:54:28 回复

@未名额,我用的测试环境跟你的是一样的,没有问题的说。

Jr IE10.0 Windows 7
2013-01-16 13:31:59 回复

还真的是500错误,typecho 0.8正式版

公子 Chrome24.0 Windows 7
2013-01-16 14:01:50 回复

请去论坛重新下载就好了,我已经上传了修正版。

小猪 Chrome23.0 Linux x86_64
2013-01-21 12:51:13 回复

哪里的论坛?

公子 Chrome24.0 Linux x86_64
2013-01-21 12:58:32 回复

@小猪额,Typecho官方论坛啦。不过在这篇文章中下也是一样的,都是最新版的说!

小猪 Chrome23.0 Linux x86_64
2013-01-22 05:36:26 回复

来个教程吧,我激活插件后,插入音乐没反应啊

公子 Chrome24.0 Windows 7
2013-01-22 08:34:52 回复

@小猪
额?请问你的Typecho是什么版本的啊,我在0.8版下测试没有问题啊,你是不是加载了别的编辑器啊,尝试关掉编辑器插件后再试试,如果行请告诉我是哪个编辑器插件,如果不行,请继续告诉我=_=!