V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
DIYgod

炒鸡好看的 HTML5 音乐播放器: APlayer

  •  3
     
  •   DIYgod · Nov 20, 2015 · 11337 views
    This topic created in 3811 days ago, the information mentioned may be changed or developed.


    是不是很好看呀,是不是,是不是...

    GitHub : https://github.com/DIYgod/APlayer

    Demo : https://www.anotherhome.net/file/APlayer
    Supplement 1  ·  Nov 21, 2015

    哇塞,上了 GitHub 的 Trending JavaScript repositories (≧∇≦)

    Supplement 2  ·  Nov 21, 2015

    上到了 GitHub 的 Trending 总榜 了!

    63 replies    2015-12-26 19:41:48 +08:00
    superxzr
        1
    superxzr  
       Nov 20, 2015
    E 可赛艇
    xiao201261
        2
    xiao201261  
       Nov 20, 2015
    正想偷懒找个好看的 HTML5audio 样式呢 23333
    tcdw
        3
    tcdw  
       Nov 20, 2015
    喜欢这个播放器的样式和 UI 。

    感觉有了它,以后在博客等地方分享音乐更方便了。
    run2
        4
    run2  
       Nov 20, 2015
    👍,有歌词显示的功能+区域就更好了,放歌名下会不会怪?(只显示当前行)
    run2
        5
    run2  
       Nov 20, 2015
    DIYgod
        6
    DIYgod  
    OP
       Nov 20, 2015
    @superxzr A 可屠羊

    @sobigfish 正有歌词展示的计划,感谢歌词解析程序,省得自己写了 23333
    Andy1999
        7
    Andy1999  
       Nov 20, 2015 via iPhone
    没有手机端吗
    jimmy66
        8
    jimmy66  
       Nov 20, 2015
    喔喔,好赞,已 star
    Acirno
        9
    Acirno  
       Nov 20, 2015
    赞一个
    DIYgod
        10
    DIYgod  
    OP
       Nov 20, 2015
    @Andy1999 还没。。已加入 todo 豪华晚餐
    Totato5749
        11
    Totato5749  
       Nov 20, 2015
    mac 字体渲染效果加成
    chui
        12
    chui  
       Nov 20, 2015
    赞!
    DIYgod
        13
    DIYgod  
    OP
       Nov 20, 2015
    泥萌不要只收藏不回复呀😂
    shyling
        14
    shyling  
       Nov 20, 2015
    话说。。。感觉和网易云的外链播放器差不多外观啊
    DIYgod
        15
    DIYgod  
    OP
       Nov 20, 2015
    @shyling README 里也有说, UI 参考了网易云音乐外链播放器😂
    kiritoalex
        16
    kiritoalex  
       Nov 20, 2015
    一颗赛艇!
    luoway
        17
    luoway  
       Nov 20, 2015 via Android
    标题党
    大片空白就是败笔
    DIYgod
        18
    DIYgod  
    OP
       Nov 20, 2015
    @luoway 哪来的大片空白。。。
    echopan
        19
    echopan  
       Nov 20, 2015
    diygay 做的播放器好好看看
    DIYgod
        20
    DIYgod  
    OP
       Nov 20, 2015
    @echopan 啊你暴露了我的外号,我恨你
    flynnX
        21
    flynnX  
       Nov 20, 2015
    进度只能拖动啊,如果能做成可以点选的就更好了
    DIYgod
        22
    DIYgod  
    OP
       Nov 20, 2015
    @flynnX 可以点选呀,鼠标移到进度条上变成小受的时候就能点了
    DIYgod
        23
    DIYgod  
    OP
       Nov 20, 2015
    @DIYgod 小手。。。对不起我污了。。。
    kn007
        24
    kn007  
       Nov 20, 2015
    。。再来个列表和歌词就完美了
    niceworld
        25
    niceworld  
       Nov 20, 2015
    进度条拖动的识别范围稍微有点小 再大点就好了
    wenketel
        26
    wenketel  
       Nov 20, 2015
    star 个
    azurefire
        27
    azurefire  
       Nov 20, 2015
    把所有交互区域的可点击面积做的比看上去的再大一点就好了
    ldehai
        28
    ldehai  
       Nov 21, 2015
    very good
    aofall
        29
    aofall  
       Nov 21, 2015 via iPhone
    DIYGay 好棒呀
    skylancer
        30
    skylancer  
       Nov 21, 2015
    @DIYgod 这人太污了
    lanlanlan
        31
    lanlanlan  
       Nov 21, 2015
    大家都在好好说话 你竟然污言以对 @DIYgay
    DIYgod
        32
    DIYgod  
    OP
       Nov 21, 2015 via iPad
    @kn007 会有哒

    @niceworld
    @azurefire 感谢建议,待改善~

    @skylancer
    @lanlanlan 真是污脸见人了∠( ᐛ 」∠)_
    Twinkle
        33
    Twinkle  
       Nov 21, 2015
    第一反应是和网易云音乐的外链播放器有点像 w 厉害,受我一拜!
    x990
        34
    x990  
       Nov 21, 2015
    去污 diygay
    zjqzxc
        35
    zjqzxc  
       Nov 21, 2015
    已 star
    whitefable
        36
    whitefable  
       Nov 21, 2015
    真是超级好看 233333
    xifangczy
        37
    xifangczy  
       Nov 21, 2015
    star
    peinhu
        38
    peinhu  
       Nov 21, 2015   ❤️ 2
    AetherPlayer 表示不服! http://www.2ndrenais.com/aetherplayer
    liujiantao
        39
    liujiantao  
       Nov 21, 2015 via iPhone
    好看好看, star
    Andy1999
        40
    Andy1999  
       Nov 21, 2015
    @peinhu 好看!!!
    Roise
        41
    Roise  
       Nov 21, 2015
    DIYgod 好棒!
    echopan
        42
    echopan  
       Nov 22, 2015
    @peinhu 我去 收藏了
    kyonnn
        43
    kyonnn  
       Nov 23, 2015
    美~~~~~~~
    zy65334
        44
    zy65334  
       Nov 23, 2015
    mark
    shyling
        45
    shyling  
       Nov 23, 2015
    @DIYgod 嗯。。我没去 github 看。。只看了图片 0 0 , so...
    codeyung
        46
    codeyung  
       Nov 23, 2015
    原谅的我眼睛! AVPlayer :)逃~
    yuan93
        47
    yuan93  
       Nov 23, 2015
    还没有切换按钮
    lilyswf
        48
    lilyswf  
       Nov 23, 2015
    挺不错,楼主要是能把暂停和播放之间切换的动效简单做一下就完美了。至少不要那么生硬地切换,用点运动曲线啥的。
    monk
        49
    monk  
       Nov 24, 2015
    不就 iTunes alike 么
    caliy
        50
    caliy  
       Nov 24, 2015
    哈哈哈哈,不小心 get√到了奇怪的点,污力滔滔,先去 star 了
    fhefh
        51
    fhefh  
       Nov 24, 2015
    mark~~~
    endpoint
        52
    endpoint  
       Nov 25, 2015
    啊啊啊,太赞了。突然多了个小想法。多谢楼主
    DIYgod
        53
    DIYgod  
    OP
       Nov 25, 2015
    aprikyblue
        54
    aprikyblue  
       Nov 25, 2015 via Android
    DIYloli 好棒!已 star
    heylogo
        55
    heylogo  
       Nov 29, 2015 via iPad
    第一反应,网易云音乐 哈哈
    heylogo
        56
    heylogo  
       Nov 29, 2015 via iPad
    With lyrics 模式,个人觉得遮挡歌词的阴影不好看,去掉更好
    run2
        57
    run2  
       Nov 29, 2015
    多个时间的 lrc 解析不正确啊 楼主
    比如
    [ti:稳稳的幸福]
    [ar:陈奕迅]
    [t_time:(03:47 )]
    [00:01.48] 稳稳的幸福
    [00:02.39] 演唱:陈奕迅
    [01:43.84] [00:07.88] 有一天
    [01:45.96] [00:10.03] 我发现自怜资格都已没有
    [01:51.14] [00:15.29] 只剩下不知疲倦的肩膀
    [01:55.18] [00:19.36] 担负着简单的满足
    [01:59.64] [00:23.49] 有一天
    DIYgod
        58
    DIYgod  
    OP
       Nov 29, 2015
    @sobigfish 原来还能这样写。。我现在只支持了一行一个时间的
    snakehnb
        59
    snakehnb  
       Dec 1, 2015
    好看
    Ricoo
        60
    Ricoo  
       Dec 2, 2015
    网站好像访问不了,翻墙好像也不行
    DIYgod
        61
    DIYgod  
    OP
       Dec 2, 2015
    @Ricoo linode 忘续费,主机被删了。。。。今天或者明天能恢复
    zgk
        62
    zgk  
       Dec 26, 2015
    好棒!!!
    @sobigfish
    @DIYgod 话说我以前写过一个可以解析多标签的 lrc 歌词的函数,或许用得上呢
    http://blog.izgq.net/archives/75/
    DIYgod
        63
    DIYgod  
    OP
       Dec 26, 2015
    @sobigfish 已支持多时间标签~

    @zgk 多谢,参考你的代码支持了多时间标签~
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5865 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 238ms · UTC 06:37 · PVG 14:37 · LAX 23:37 · JFK 02:37
    ♥ Do have faith in what you're doing.