做了个HTML5播放器

发布于 2014年11月26日

点左下角那只萌萌的小熊就可以弹出播放器了，头一回做这玩意儿花了好久时间修BUG，参考了一些代码，尤其是解析歌词的（看不懂），总之个人觉得挺好看的，某人说太大了，我觉得不算很大啊，不过为了照顾低分辨率的朋友，点击右侧的关闭按钮之后会弹出底部快捷控制按钮。这播放器~~基于P2P，应该是用的人越多，效果越好吧~~~ 基于cookies，所以清了浏览器的话所有设置和喜欢都会木有。另外歌单也在陆续增加中，有推荐歌曲的朋友尽管留言吧 XD

这篇文章有97条评论

着迷了 2014/12/5 #1 回复TA

好看
- Kagami 回复着迷了 2014/12/7 回复TA
  
  (＾o＾)ﾉ
息E-敛 2014/12/6 #2 回复TA

好赞(*ﾟ∀ﾟ*)……虽然我也觉得有点大
- Kagami 回复息E-敛 2014/12/7 回复TA
  
  (´ﾟДﾟ`) 看来我真的要改小一点了
yue 2014/12/10 #3 回复TA

http://warn.chrome.360.cn/warn/?DAUAAAFVAAAAAAAAAgQBAQSaGgzk5Fy881JIyHNnmBrasd6nHY335FA2r6hHq9YJYo7kmWCqBV+SFZpXEMNl1k63LqcB3LxKtc2IjSoV90p41bgNhEe+cOrOkhDZdhELOfkupNRqk2uz18NEQ9NKIhGwzGCTiDKpW46+AikbN2WdsM2BFRHV9IgZ61I8/aLkywFWR9hzxhDltr1KP3sNLxQ8KzLnbbSkojgMI8d9HUQB123Z64hFuxkt0Rq1G2FpTEBwQxgyd9D0z5VYx7rHzQjaWM2HXsgwYFkYAQoO2APF93ha17Ns4/Yk4ebVlqMBsD13vGY89il7H8OVXb/WrMkYMB8FDdsbUHG+RMDXypbScbmJXLxbnOIQ6/Xpa/8U+FIVt4ZhrQVXVC5IepRKWUJOBrL1j8bAnvtJfuUzrd1nwu7iJSuAen54yv15G1tLbuNd4gwBU847uhDEfjR96mk=
- 苍崎深雪回复 yue 2015/1/27 回复TA
  
  文本溢出了- –
  - Kagami 回复苍崎深雪 2015/1/27 回复TA
    
    改了(´・ω・｀)
    - 苍崎深雪回复 Kagami 2015/1/27 回复TA
      
      妮看 http://acger.qiniudn.com/20150127141647.png (´・ω・｀)
      窝chrome 39.0.2171.99
      - 苍崎深雪回复苍崎深雪 2015/1/27 回复TA
        
        (´・ω・｀) 好了，窝缓存的事
        
        Kagami 回复苍崎深雪 2015/1/27 回复TA
        
        (=ﾟωﾟ)=
yue 2014/12/10 #4 回复TA

好像本站被360封了..打开的时候360说什么访问的是恶意网站，如↑
- Kagami 回复 yue 2014/12/10 回复TA
  
  我还想屏蔽数字来着…倒被它先屏蔽了
小二苘 2014/12/19 #5 回复TA

好可爱的小熊哦
- Kagami 回复小二苘 2014/12/19 回复TA
  
  | ω・´) 其实是TX游戏更新的时候桌面上的小熊，觉得好可爱，于是就截下来了
  - 小二苘回复 Kagami 2014/12/19 回复TA
    
    底部的播放器略大了点吧
    - Kagami 回复小二苘 2014/12/19 回复TA
      
      过几天改小一点(´・ω・｀)
      - 小二苘回复 Kagami 2014/12/19 回复TA
        
        总体来说还是超棒的，膜拜一下菊苣
        
        Kagami 回复小二苘 2014/12/19 回复TA
        
        (;´Д`) 窝部室菊苣
        
        小二苘回复 Kagami 2014/12/19 回复TA
        
        (ノﾟ∀ﾟ)ノ表谦虚了
        
        Kagami 回复小二苘 2014/12/19 回复TA
        
        ﾟ ∀ﾟ)ノ传统美德
威客百科 2014/12/22 #6 回复TA

就觉得挺搞笑的。
叶雨梧桐 2014/12/23 #7 回复TA

看着是左下角，然后很自然的点了好几下右下角，左右不分了已经
Lawcy 2014/12/28 #8 回复TA

哇有点酷啊~大了点
同盟源 2015/1/9 #9 回复TA

配图亮了，发现博主网站是ajax加载，超赞啊，还有博主网站底部的文字是什么字体？好漂亮哦
- Kagami 回复同盟源 2015/1/9 回复TA
  
  底部的字体是自定义的，用了css3的font-face（文件自己下载一下）：
  @font-face {
  font-family: ‘JosefinSansRegular’;
  src: url(‘font/josefinsans-regular-webfont.eot’);
  src: url(‘font/josefinsans-regular-webfont.eot?#iefix’) format(’embedded-opentype’),url(‘font/josefinsans-regular-webfont.woff’) format(‘woff’),url(‘font/josefinsans-regular-webfont.ttf’) format(‘truetype’),url(‘font/josefinsans-regular-webfont.svg#JosefinSansRegular’) format(‘svg’);
  font-weight: bold;
  font-style: normal;
  }
  - 同盟源回复 Kagami 2015/1/9 回复TA
    
    懂了，3Q
同盟源 2015/1/20 #10 回复TA

看到那红色的双眼我就不觉得他萌了
- Kagami 回复同盟源 2015/1/20 回复TA
  
  哪里有红色的双眼0.0
  哦你是说回顶部那个啊