player+favicon

被好友问到说能不能加个防刷新的背景音乐播放,于是动手,捣鼓了一上午才弄好ORZ……

花费了额外长的时间,原因是思路不明确,脑袋一团浆糊

先是技术手段,纠结半天决定还是用土到掉渣的frame,挺影响SEO的

虽然我认为制约访问量的瓶颈在文章内容上而不是SEO上,不过最后还是把带bgm的只做了一个链接放上而非默认自动打开;

之后在播放器的选择上耗费了巨多的时间OTL……

先是找到了一个wp的插件,作者为国人,http://sexywp.com/fmp ,做的挺赞的!无论是顶部、侧边栏、文章内插入都还算适合,也有人性化的后台界面
但是也有缺点:横板竟然不显示曲目列表,这一条就足够我枪毙他咯,再说中文字体好丑

于是又去网上搜,找到了各地常见的exobud播放器(就是底下好满好满的一行那种)
虽然有点土但是功能挺全,弹出页面选择列表文件的功能也很独特,可惜搞了半天弄上去发现竟然不支持chrome浏览器OTL(根本读取不了音乐文件!)
于是枪毙;

于是继续网上搜,找到了一个基于xspf列表的播放器(好像够老掉牙的……06年后就没更新,他主页上列出的用户随便点了几个进去看看,竟然都换用其他播放器了,好囧),弄好了之后发现“咦怎么有几首曲子不显示曲名”,仔细一观察发现不支持中文,于是继续枪毙;

至此已是人困马乏……搬出最热的播放器jwplayer,之前也用过这个播放器但是看文档挺长的就一直没深入,今天只好硬着头皮弄了……最终列表效果也很囧(我弄了很久才发现原来这个只显示一行的列表也可以上下拖的!),不过好歹多浏览器支持、中文、列表选曲、乐曲信息都能兼顾,就用这个吧。(已经累到没动力改皮肤了……

顺便怀念以前用的那个小播放器,和这个主题挺配的,所以虽然有爆音的小bug,但以前的日志也就不再重新编辑了。

顺便一说,博客的背景音乐列表暂定就是日志音乐分类里的那几首……以后也打算只加入自己的新作品

========================================================

隔日再做,把播放器的滚动提示和favicon也加上去了。实在是美术苦手TAT 从小到大没画过东西的,画favicon自然是艰难万分;先画了个西瓜,然后在想加点什么呢?放个pacman?好丑= = 那就放个月亮吧

不过很悲剧的是16x16像素化以后边缘好像很不齐整的样子,不管了就这样吧(破罐子破摔

6 条评论

  1. hongbai 说道:

    鶸者教主到底为何而战。。。(背景音乐是没制作完成还是咋。。打开了又不能边听边看。。

    • suika 说道:

      上方导航栏有一个“打开背景音乐”的按钮,可以点一下试试看

      多人反映背景音乐听不到的问题,难道要把那几个字加红才足够明显么OTL

      又不能自动打开/自动跳转,因为主页要留给robots来扒,有框架的话SEO影响很大,只能以加链接的形式来实现框架

      另外画favicon的话直接点象素才是正道口牙!没人吐槽只能自己吐槽自己了。

  2. hongbai 说道:

    鶸教主你天天不更新谁来看啊。。
    好歹写点心情什么的。。比如“我今天又纱布了一天口牙”。。
    每天来第一个看到的就是这篇。。压力0 0

  3. deaddl 说道:

    e ...= =!
    早知道这么麻烦我就不多嘴了....

    • suika 说道:

      我也很早就有做背景音乐的打算啊,正好借这个契机了解了防刷新播放器都怎么做的。
      有些事,就是别人催一下,有需求,才会去做;如果没这个需求,说不定一辈子都错过了

  4. 阿俊 说道:

    博主,你好,能否分享下你博客下面的播放器实现方法, 具体源码和安装方式能否分享下,多谢!

hongbai 进行回复 取消回复

电子邮件地址不会被公开。

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>