XiaMiPlayer插件 for typecho 0.9(更新至3.1.2)

2013-11-07
1655 字
5 分钟阅读时长

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

曾经大家以为Typecho还会蓬勃发展的时候,它停下了脚步;现在大家以为Typecho必然行之将死的时候,它居然更新了!是的,在半个月前,历时几年后Typecho终于发布了新版。虽然只是小小的0.1,但是这是一个契机,之后Typecho开始了疯狂的更新,Github上也开始活跃了起来。不管怎么说,这是一件值得令人高兴的事情。

新版最重要的一个功能就是把Markdown编辑器给加上去了,而且样式上都有比较大的变化,所以我的XiaMiPlayer插件对于新版也出现了一点问题。在前几个版本Typecho终于恢复了文章/页面编辑页面上的插件接口之后,我就立马做了一下优化。目前这个版本应该能比较完美的支持Typecho 0.9了。

目前的版本号是3.0.1,算是Alpha版吧。如果大家有什么意见建议的话请留言。以后的打算是这样的,基数版本号(3.x)对应新版,偶数版本号(2.x)对应老版本,想要下载老版本的可以在这里下载:XiaMiPlayer插件 for typecho 0.8。


本插件更新至3.0.2版,增强了插件与Typecho后台的兼容性(推荐使用默认Markdown编辑器效果会更好),并增加了多个快捷键。

快捷键一览:

  • Ctrl + Shift + M :进入插件
  • Esc :退出插件
  • Ctrl + ← :虾米搜索
  • Ctrl + → :输入链接
  • Ctrl + ↑ :上一页
  • Ctrl + ↓ :下一页
  • Ctrl + Enter : 搜索
  • Ctrl + [1-8] :插入相应行的歌曲

本插件紧急更新至3.0.3版,修复了搜索结果页码不重置的问题,同时为搜索结果增加数字提示以方便使用快捷键。


本插件更新至3.0.4版,增加了对非默认Markdown编辑器的支持,更新播放器代码,设置为默认不自动加载歌曲文件,减少页面加载时间。


本插件更新至3.0.5版,修复了自定义歌曲地址不支持自定义配色的BUG。


本插件更新至3.0.6版,修复了之前版本播放器的一些样式问题。增加了添加列表播放器的功能(暂时还没有简洁好看的播放器样式,所以还是先用了官方的Flash播放器,所以只支持虾米搜索添加,直链添加会在之后的版本中支持)。选择了列表模式之后添加的歌曲会进入列表中,上下拖拽列表歌曲可以对歌曲进行排序,左右拖拽至外侧可删除歌曲。新功能写的比较仓促没做过多的测试,欢迎反馈意见。


本插件更新至3.0.7版,更改音乐的插入方式(由iframe替换为script)。列表播放支持自定义地址。代码改动较大,为了兼容老版本没有将一些废弃文件去除掉,想要研究代码的可以进插件内查看。


本插件更新至3.0.8版,修复了音乐搜索不可用的问题


本插件更新至3.0.9,修复了一些小BUG,增加直接解析文章内以http://开头的虾米链接插入歌曲、专辑、精选集功能。例如在文章中直接插入“http:// www.xiami.com/album/435293“(请自行去除空格)即可插入该专辑的所有音乐,同时支持Markdown模式和非Markdown模式。

http://www.xiami.com/album/435293


本插件更新至3.1.0,修改插件内以相对协议加载相关文件,防止https阻止非https的资源加载。同时修改播放器的class名称防止与主题自带样式冲突。


插件更新至3.1.1,主要是修改了接口地址,另外修改了一个多歌曲时无法切换的 BUG。之前的服务放在 SAE 上由于 SAE 开始收费遂切换到另外一个免费服务提供商。由于该服务商未提供 SSL 服务所以对于 https 用户只能抱歉。如果需要替换之前已经发布的歌曲链接可以在数据库中执行以下命令进行批量替换:

UPDATE `typecho_contents` SET `text` = REPLACE(`text`, 'songs.sinaapp.com', 'xiamiplayer.songs.ali-sh.goodrain.net:10080')

插件更新至 3.1.2,还是修改接口地址,求个国内主机啊卧槽 T_T

下载地址:百度云 | 微盘

本文作者lizheming

发布于 2013-11-07,最后更新于 2013-11-07

125 评论

ken079 Chrome34.0Windows 8.1
2014-05-10 22:52:30

@怡红公子 像虾米精选集也可播放?添加这地址后播放不了嘛,是啥情况呢http://www.xiami.com/song/showcollect/id/31080773

ken079 Chrome34.0Windows 8.1
2014-05-10 22:40:07

@怡红公子 绝对地址…好吧,谢谢

公子 Chrome34.0Windows 7
2014-05-09 02:23:18

@ken079 第一首歌你看看你加的啥啊!虾米的歌曲的话请给虾米的id…不是虾米歌曲的请给一个音乐链接的绝对地址…你这样随便给东西让插件很为难的你造么!

记忆碎片 Chrome34.0Windows 8.1
2014-04-26 23:01:18

我邪恶的掰到wp去了 当然用的还是iframe形式的 感觉方便点 不知道自动播放是怎么用的

公子Chrome34.0Windows 7
2014-04-27 02:39:45

@记忆碎片 哈哈,既然移植过去了就分享一下吧,然后我给楼上那位同学发过去。iframe确实是挺方便的,不过不便于页面管理,(比如听这首的时候把其它首都暂停)。自动播放其实很简单,就是在加载完毕的时候用JS模拟一下播放按钮的click就好了。

莫小伤 Chrome27.0Windows 7
2014-03-31 21:24:51

wordpress什么时候也能用上这插件呢?

公子Chrome33.0Windows 7
2014-03-31 22:33:31

@莫小伤 你好,WP的话已经有相关插件了,做的也非常不错的,请移步:http://mufeng.me/xiamiplayer-for-wordpress.html

莫小伤Chrome27.0Windows 7
2014-04-01 00:23:29

@公子 恩的 牧风的那个插件我知道,我只是挺喜欢你这个插件的播放器皮肤,又不想用虾米原来的皮肤,所以不晓得该怎么用额,直接替换一下swf文件可行么?那html5的css样式该怎么弄,盼解答,谢谢

公子Chrome33.0Windows 7
2014-04-01 01:44:39

@莫小伤 应该没有那么复杂,插件的皮肤只是html+css的样式,你找找在插件的哪个位置然后自己改一下就好了,swf只是负责播放的,并不负责样子。

莫小伤Chrome27.0Windows 7
2014-04-01 02:46:46

@公子 好的,我先试试,谢呢

记忆碎片Chrome34.0Windows 8.1
2014-04-26 23:02:59

才发现楼上在问 我自己掰过去了~ 结合了牧风的后台 然后这个的前台 挺不错的呢

屠夫9441 Safari7.0macOS 10.9.2
2014-03-24 07:42:01

貌似是你放在sinaapp上的js都挂掉了……

屠夫9441Safari7.0macOS 10.9.2
2014-03-24 08:01:19

@屠夫9441我先换回3.0.6版本用着了,把里边index.html里关于jquery 1.9.1的那行代码先换成了google cdn的那个。

公子Chrome33.0Windows 7
2014-03-24 17:34:01

@屠夫9441汗,昨天SAE挂了…我还以为放SAE会稳当一点呢,还没放我自己这里安心OAQ…

屠夫9441LBBROWSERWindows 8
2014-03-24 18:25:12

@公子其实我在想,能不能就放在插件本地目录,这样网站能访问的时候插件也就能用。

公子Chrome33.0Windows 7
2014-03-24 18:59:03

@屠夫9441远程调用更方便升级,以及其实你没看插件吧,我都说有福利啦,哈哈。

屠夫9441LBBROWSERWindows 8
2014-03-24 19:04:37

@公子呃……是什么福利?我确实没找到啊……

公子Chrome33.0Windows 7
2014-03-24 20:11:13

@屠夫9441相关文件我都在插件里头放了个备份的,你自己把地址改过来就好咯~

屠夫9441LBBROWSERWindows 8
2014-03-24 21:02:57

@公子唔,看到了,确实是这样。不过在music.php里面有一行http://songs.sinaapp.com/apiv2.php?callback=?&id=,这个不知要怎么替换呢?

公子Chrome33.0Windows 7
2014-03-24 21:26:34

@屠夫9441这个我好像以前有发过,在XiaMiPlayer typecho0.8那个版的文章中,那~http://dl.dropboxusercontent.com/u/17958375/work/player/apiv2.php

屠夫9441LBBROWSERWindows 8
2014-03-24 21:37:22

@公子谢谢指点!其实如果sinaapp正常的话,远程调用应该也很快,新浪的服务器肯定比我们用的好吧……还有一个问题,就是现在编辑文章时预览界面无法显示播放器,应该是iframe改成了script的缘故吧。

公子Chrome33.0Windows 7
2014-03-24 22:16:05

@屠夫9441嗯,是不可以预览了暂时还不知道是怎么回事,下个版本再改进这个问题吧。

屠夫9441 Chrome33.0macOS 10.9.2
2014-03-24 07:32:44

刚才发现插件突然不太对劲了,我明明设置的是蓝色,显示出来是黄色,而且更新后插入的歌曲显示不出来,老歌曲播放不了,是不是哪个服务器挂了……

屠夫9441 Safari7.0macOS 10.9.2
2014-03-22 23:17:07

更新了3.0.7,也启用了加载jquery,但是新插入的音乐显示不出来,编辑文章时只能看到插入了script代码,预览时看不到播放按钮。

屠夫9441Safari7.0macOS 10.9.2
2014-03-22 23:18:22

@屠夫9441具体请见我这篇文章:http://haomwei.com/emotion/look-back-again.html
我把之前插入的去掉了,用新版本重新插入了一下。

公子Chrome33.0Windows 7
2014-03-23 04:49:17

@屠夫9441一个小失误,我更新了下,你再重新下载试试?

屠夫9441Safari7.0macOS 10.9.2
2014-03-23 05:51:49

@公子试了,可以正常显示和播放了,谢谢!不过我发现新版本比以前的界面在段前和段后留白的距离变大了点?

公子Chrome33.0Windows 7
2014-03-23 06:30:17

@屠夫9441唔,看了下好像是你自己的代码的问题后面有个br前面有个p标签,插件没做留白的设置了目前。

屠夫9441 Safari7.0macOS 10.9.2
2014-03-15 21:20:39

自己输入链接插入歌曲后,会在播放器下方出现几行的空白,无法消除。但是插入的代码中似乎并没有体现出段后要分行的信息,不知道是为什么……这样如果歌曲放在开头,跟首段文本之间空好几行,很难看。

屠夫9441Safari7.0macOS 10.9.2
2014-03-15 21:22:25

你看我网站现在首页第一篇文章,尽管播放器放在了文末,还是能看出后面有多余空行的迹象。

公子Chrome33.0Windows 7
2014-03-16 03:12:02

@屠夫9441 嗯,看到了,是没有给iframe增加高度的设置,你设置一个height:35px; 就可以解决了,我下个版本更新下这个问题,谢谢反馈。

Kris Chrome21.0Windows 8
2014-03-12 20:40:00

似乎在Arbitrary Theme这个主题下有BUG。
无法在首页显示,只能点进文章才能看到播放器。
官方默认主题没问题。
http://i.moehuo.com/ 测试地址。

公子Chrome33.0Windows 7
2014-03-13 01:46:02

@Kris 你好,我看了下首页没有输出播放器的说。你看一下是不是主题内是不是对iframe进行了过滤,大家使用都没什么问题我想应该是主题的原因,由于我没有主题的下载地址,所以还麻烦你自己先检查一下。