做了个HTML5播放器

发布于 2014年11月26日
by
归档于 个人项目, 码农之路

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

 

这篇文章有97条评论

  1. 蠢蛋小丑魚 2014/11/26 #1 回复TA

    很漂亮了！不能再漂亮了。

  2. 幻想夏鄕 2014/11/26 #2 回复TA

    大触，请给我大腿

  3. 猫箱内の巴托拉 2014/11/27 #3 回复TA

    这首音乐过去做杂志用过~很熟悉
    话说我以为是视频播放器

  4. eddie32 2014/11/27 #4 回复TA

    花雪. SmileY Inc.

    最近喜欢的。

    不加点儿LL大法的么？

    • Kagami 回复 eddie32 2014/11/27 回复TA

      加了~LL大法的正准备明儿加呢(｀･ω･)

    • Kagami 回复 eddie32 2014/11/28 回复TA

      加了几首自己喜欢的|∀` )

      • eddie32 回复 Kagami 2014/11/29 回复TA

        你简直太厉害了…

        嗯..这几首我也非常喜欢。

        • spoonwep po主 回复 eddie32 2014/11/30 回复TA

          你推荐的花雪也好棒，那天循环了一下午(｀･ω･)

  5. Flippy 2014/11/28 #5 回复TA

    强大地不行了！！(=ﾟωﾟ)=

  6. 那就叫月月好了 2014/11/28 #6 回复TA

    不就是要膝盖么，全都拿走(;´Д`)

  7. 编谈 2014/11/29 #7 回复TA

    菊苣好腻害~

  8. Kunr 2014/11/29 #8 回复TA

    怎么办，太丑

    • Kunr 回复 Kunr 2014/11/29 回复TA

      对了，还有提交的时候，那个也会不见√

      • Kunr 回复 Kunr 2014/11/29 回复TA

        然后， 到底部回复的时候完全看不见按钮，然后缩小后还是太！大！了！保留几个按钮就够了。。进度条全屏的么，缩小后留白的好像不够，反正就是设计思维有问题？ 我只是个设计渣渣，轻喷。

        • Kunr 回复 Kunr 2014/11/29 回复TA

          然后 最好用 localstorage 而不是 cookie 哟，还有unlike 后不能取消unlike行为是什么鬼。列表的召唤方式略奇葩，一开始还没发现，还有风格完全不一样嘛！

          • Kagami 回复 Kunr 2014/11/30 回复TA

            1、太丑完全是审美差异不多谈
            2、看不到回复按钮不知道你电脑分辨率多少，本人没学过设计，这个UI也是参考了一点萌否电台
            3、刚学HTML5，不懂localstorage，cookies足够用了
            4、like以后在列表中可以unlike

            • Kunr 回复 Kagami 2014/11/30 回复TA

              1、萌否的一直不怎么样。
              2、我说的是播放器的按钮看不清，播放器背景透明的缘故。
              3、cookie会传递。。数据大了就不好了。
              4、完全没发现。( ´∀`)

              • spoonwep po主 回复 Kunr 2014/11/30 回复TA

                1、UI完全是个人喜好问题，大可不必摆上台面来讲
                2、播放器按钮看不清的话大概是我opacity写太小了吧，现已改为0.65
                3、我这数据明显不大，cookie的4k够用了
                4、您没仔细观察
                PS：刚才说错了，like之后再点击like就是unlike，dislike后因为会自动跳过已标记的歌，因此要到列表里取消标记

          • spoonwep po主 回复 Kunr 2014/11/30 回复TA

            刚去看了一下localstorage适合持久储存，而我这个cookie经常要修改和读取，而且数据比较小，杀鸡焉用牛刀？

            • Kunr 回复 spoonwep 2014/11/30 回复TA

              对了，提交评论还是没有ajax所以会影响。

              • spoonwep po主 回复 Kunr 2014/11/30 回复TA

                周末过后把评论也做一下ajax……

            • Kunr 回复 spoonwep 2014/11/30 回复TA

              乃目前没有用户最好是用localstrage拉，cookie一般是追踪用的。

              • spoonwep po主 回复 Kunr 2014/11/30 回复TA

                关于这个问题，现在修改起来也挺麻烦的，反正能用就可以了(´・ω・｀)

  9. 萌口组 2014/11/30 #9 回复TA

    天那。。好棒啊~

  10. 千寻 2014/11/30 #10 回复TA

    卧槽好屌 能下载种子吗？

  11. 露露 2014/12/1 #11 回复TA

    进度君的纯在感略薄弱。
    而且有点小，经常手抖就点到任务栏(つд⊂)

    • spoonwep po主 回复 露露 2014/12/1 回复TA

      稍微加大了点！

      • 露露 回复 spoonwep 2014/12/1 回复TA

        |∀` )加粗了一点。。。调教进度君方便许多。。

        • spoonwep po主 回复 露露 2014/12/1 回复TA

          (つд⊂) 粗粗的好

  12. 任务易 2014/12/1 #12 回复TA

    然后呢？

  13. AvalonDragoN龙龙 2014/12/1 #13 回复TA

    好厉害～～～ 不过按钮感觉有点怪，是太大了么？ 歌曲的话要加东山大法的。

    • Kagami 回复 AvalonDragoN龙龙 2014/12/1 回复TA

      按钮好像是有点大，不过整个界面也挺大了，小了反而不好看。。
      东山大法的明儿加~

  14. 大肥羊 2014/12/1 #14 回复TA

    来个教程吧。

  15. kn007 2014/12/2 #15 回复TA

    好可爱

    结城那首更爱そこにひとつだけ

    • Kagami 回复 kn007 2014/12/2 回复TA

      都不错(つд⊂)

      • kn007 回复 Kagami 2014/12/2 回复TA

        没get到的：
        Brilliant Wand – 仲村芽衣子
        Junction – 仲村芽衣子
        サンシャイン・リレーション – 仲村芽衣子
        改名搜到的：
        Re-Production – 美里;杉田さとみ;五条下位 变正为 Re:Production – SYNC.ART’S

1 2

发表评论戳我取消回复

(`・ω・´)

CAPTCHA

*

List
Love
00:00