好久没打理过博客了,一个字,忙!最近总算有点时间了,但是发觉自己还是闲不出来,各种忙活。。。

  背景:

  刚好近期要给泰山大人做个博客,不用说,程序肯定typecho,但是脸部得自己搞。在做脸部时,看到峰会上面似乎有人要播放器,就随手写了这个BaiduBox 插件。

  开发:

  其实吧,这玩意就是简略读取了下百度的一个flash,通过传三个参数,实现手动搜索曲目,包括手动播放。

  但是在做插件过程中,为了能在后台放一个比较好的地方,折腾了人很久啊。

  原理:

  swf:

  参数:

  name曲目名称

  artist 歌手名

  autoPlay 是否手动播放

  如:我的歌声里&artist=曲婉婷&autoPlay=true ,自动播放 “曲婉婷”的 《我的歌声里》。

  生成一个flash播放器的HTML代码,插入至内容框即可。

  特点:

  只需键入曲目名称、歌手名,自动生成播放器。

  问题:

  大家都晓得,typecho默认是没有rich editor的,这样以来通过js document.getElementById('text').value = HTML;

  就可以将生成的flash源码插入至内容框,像我这些不用富文本编辑器的人来说,这样早已OK,但是,大多数都使用了编辑器,所以,下载了个kEditor插件,发现通过前面步骤早已不能把代码插入至编辑器中了。

  解决:

  有问题就得解决啊typecho 富文本编辑器,看了看typecho源码,里面有个提示,以下这两个函数应当在插件中实现:

  insertImageToEditor 插入图片

  insertLinkToEditor 插入附件

  有了这两个函数,好办了,通过insertLinkToEditor 插入一个带有曲目信息的链接,前台显示的时侯再解读下来,就可以解决了。

  如:

  下载:

  BaiduBox_1.0.2.zip

  v1.0.2:删除原先的BaiduMP3标签,用#替换。使用v1.0.1的朋友请自动改下文章中早已插入的。

  安装:

  这就不用说了吧,解压直接放在 plugins 目录,启用插件即可,不用做配置噢。

  话说配置这个东西都是写库里的,插件能在文件上面做更改不建议弄成可配置的方法,各自抉择吧。

  预览:

  好了不多说了,上图吧,先上播放器:

  1.后台截图。

  2.你也可以直接点击预览播放器里面的分享,复制html黏贴至编辑器里。

  3.前台显示截图。

  好久没打理过博客了,一个字,忙!最近总算有点时间了,但是发觉自己还是闲不出来,各种忙活。。。

  背景:

  刚好近期要给泰山大人做个博客,不用说,程序肯定typecho,但是脸部得自己搞。在做脸部时,看到峰会上面似乎有人要播放器,就随手写了这个BaiduBox 插件。

  开发:

  其实吧,这玩意就是简略读取了下百度的一个flash,通过传三个参数,实现手动搜索曲目,包括手动播放。

  但是在做插件过程中,为了能在后台放一个比较好的地方,折腾了人很久啊。

  原理:

  swf:

  参数:

  name曲目名称

  artist 歌手名

  autoPlay 是否手动播放

  如:我的歌声里&artist=曲婉婷&autoPlay=true ,自动播放 “曲婉婷”的 《我的歌声里》。

  生成一个flash播放器的HTML代码,插入至内容框即可。

  特点:

  只需键入曲目名称、歌手名typecho 富文本编辑器,自动生成播放器。

  问题:

  大家都晓得,typecho默认是没有rich editor的,这样以来通过js document.getElementById('text').value = HTML;

  就可以将生成的flash源码插入至内容框,像我这些不用富文本编辑器的人来说,这样早已OK,但是,大多数都使用了编辑器,所以,下载了个kEditor插件,发现通过前面步骤早已不能把代码插入至编辑器中了。

  解决:

  有问题就得解决啊,看了看typecho源码,里面有个提示,以下这两个函数应当在插件中实现:

  insertImageToEditor 插入图片

  insertLinkToEditor 插入附件

  有了这两个函数,好办了,通过insertLinkToEditor 插入一个带有曲目信息的链接,前台显示的时侯再解读下来,就可以解决了。

  如:

  下载:

  BaiduBox_1.0.2.zip

  v1.0.2:删除原先的BaiduMP3标签,用#替换。使用v1.0.1的朋友请自动改下文章中早已插入的。

  安装:

  这就不用说了吧,解压直接放在 plugins 目录,启用插件即可,不用做配置噢。

  话说配置这个东西都是写库里的,插件能在文件上面做更改不建议弄成可配置的形式,各自抉择吧。

  预览:

  好了不多说了,上图吧,先上播放器:

  1.后台截图。

  2.你也可以直接点击预览播放器里面的分享,复制html黏贴至编辑器里。

  3.前台显示截图。

  好久没打理过博客了,一个字,忙!最近总算有点时间了,但是发觉自己还是闲不出来,各种忙活。。。

  背景:

  刚好近期要给泰山大人做个博客,不用说,程序肯定typecho,但是脸部得自己搞。在做脸部时,看到峰会上面似乎有人要播放器,就随手写了这个BaiduBox 插件。

  开发:

  其实吧,这玩意就是简略读取了下百度的一个flash,通过传三个参数,实现手动搜索曲目,包括手动播放。

  但是在做插件过程中,为了能在后台放一个比较好的地方,折腾了人很久啊。

  原理:

  swf:

  参数:

  name曲目名称

  artist 歌手名

  autoPlay 是否手动播放

  如:我的歌声里&artist=曲婉婷&autoPlay=true ,自动播放 “曲婉婷”的 《我的歌声里》。

  生成一个flash播放器的HTML代码,插入至内容框即可。

  特点:

  只需键入曲目名称、歌手名,自动生成播放器。

  问题:

  大家都晓得,typecho默认是没有rich editor的,这样以来通过js document.getElementById('text').value = HTML;

  就可以将生成的flash源码插入至内容框,像我这些不用富文本编辑器的人来说,这样早已OK,但是,大多数都使用了编辑器,所以,下载了个kEditor插件,发现通过前面步骤早已不能把代码插入至编辑器中了。

  解决:

  有问题就得解决啊,看了看typecho源码,里面有个提示,以下这两个函数应当在插件中实现:

  insertImageToEditor 插入图片

  insertLinkToEditor 插入附件

  有了这两个函数,好办了,通过insertLinkToEditor 插入一个带有曲目信息的链接,前台显示的时侯再解读下来,就可以解决了。

  如:

  下载:

  BaiduBox_1.0.2.zip

  v1.0.2:删除原先的BaiduMP3标签,用#替换。使用v1.0.1的朋友请自动改下文章中早已插入的。

  安装:

  这就不用说了吧,解压直接放在 plugins 目录,启用插件即可,不用做配置噢。

  话说配置这个东西都是写库里的,插件能在文件上面做更改不建议弄成可配置的形式,各自抉择吧。

  预览:

  好了不多说了,上图吧,先上播放器:

  1.后台截图。

  2.你也可以直接点击预览播放器里面的分享,复制html黏贴至编辑器里。

  3.前台显示截图。

Last modification:December 22nd, 2020 at 05:09 am
如果觉得我的文章对你有用,请随意赞赏