cPlayer - 一个有点儿漂亮的 HTML5 音乐播放器 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Corps
V2EX    分享创造

cPlayer - 一个有点儿漂亮的 HTML5 音乐播放器

  •  
  •   Corps div style="vertical-align: text-bottom; width: 14px; height: 14px; display: inline-block; background-image: url('/static/img/social_github.png'); background-size: 14px 14px; margin-right: 5px;">
    Copay 2016-01-02 20:32:43 +08:00 5353 次点击
    这是一个创建于 3646 天前的主题,其中的信息可能已经有所发展或是发生改变。

    例子

    w. 有白色的也有黑色的,歌词有的也有没有的.
    捧个场呗

    Github:https://github.com/Copay/cPlayer
    Demo:http://copay.github.io/cPlayer/

    第 1 条附言    2016-01-26 19:48:29 +08:00
    已支持手机播放,不过部分手机可能出现微妙的不协调(可能是不支持部分 CSS 的问题).
    UC 能用,猎豹腊鸡,默认能用.
    还有就是列表会做的 w~
    顺便播放得缓存了才能,速度和<audio>是一样的.很慢是错觉哈~
    32 条回复    2016-01-26 19:49:42 +08:00
    beautifultable
        1
    beautifultable  
       2016-01-02 20:33:35 +08:00
    撒花,捧场
    diefishfish
        2
    diefishfish  
       2016-01-02 20:33:54 +08:00
    背景差评
    Corps
        3
    Corps  
    OP
       2016-01-02 20:34:49 +08:00
    @diefishfish 背景纯白.
    Corps
        4
    Corps  
    OP
       2016-01-02 20:39:56 +08:00
    顺便 - 完全支持 Chrome,Firefox
    Andy1999
        5
    Andy1999  
       2016-01-02 20:41:18 +08:00
    bPlayer 谁来开发?
    cyyzaid
        6
    cyyzaid  
       2016-01-02 20:43:02 +08:00   1
    woc 不错的哦 好票的播放器 已经用上啦 https://www.cyyzaid.cn/archives/257.html
    Corps
        7
    Corps  
    OP
       2016-01-02 20:43:13 +08:00
    @Andy1999 bPlayer.我们认识的有人昵称是 b 开头的吗.
    cyyzaid
        8
    cyyzaid  
       2016-01-02 20:43:30 +08:00
    @Andy1999 2333 我正在做了 23333 (雾
    zgk
        9
    zgk  
       2016-01-02 20:43:35 +08:00 via Android
    网速飚满,许久不见播放器(_)还有就是一开始好像直接把 lrc 源文件内容显示了出来(_)
    Corps
        10
    Corps  
    OP
       2016-01-02 20:47:38 +08:00
    @zgk (_)网速太慢我也没办法.lrc 曝出修正完了.
    Slienc7
        11
    Slienc7  
       2016-01-02 20:47:44 +08:00
    我把 Demo 里的 3 个都打开了,然
    Corps
        12
    Corps  
    OP
       2016-01-02 20:48:20 +08:00
    @zgk 嗯对了.貌似手机浏览器很多不支持
    feather12315
        13
    feather12315  
       2016-01-02 20:49:21 +08:00 via Android
    赞一个,这几天正想找个播放器呢
    cyyzaid
        14
    cyyzaid  
       2016-01-02 20:52:24 +08:00
    @Andy1999 但是不叫 B 2333 或许是 叫 CZplayer
    love4taylor
        15
    love4taylor  
    PRO
       2016-01-02 21:05:49 +08:00
    漂亮呢 就喜欢这种
    lenran
        16
    lenran  
       2016-01-02 21:10:46 +08:00
    看来我要开发个 Lplayer 了
    aofall
        17
    aofall  
       2016-01-02 21:12:44 +08:00 via iPhone
    APlayer 已经被开发了_(:з」∠)_
    @DIYgod 快改名 DPlayer(`^)
    Corps
        18
    Corps  
    OP
       2016-01-02 21:16:11 +08:00
    @aofall _(:з」∠)_ APlayer 不就是 @DIYGod 的吗
    LINAICAI
        19
    LINAICAI  
       2016-01-02 21:30:21 +08:00
    载入速度。。。
    FrozenYogurtPuff
        20
    FrozenYogurtPuff  
       2016-01-02 21:32:36 +08:00
    今天看到 Github 的 Timeline 上你的这个 repo 出现了好几次~
    qw7692336
        21
    qw7692336  
       2016-01-02 22:38:16 +08:00
    第一首好听
    kn007
        22
    kn007  
       2016-01-02 22:42:29 +08:00
    chrome 一直在 loading
    kn007
        23
    kn007  
       2016-01-02 22:55:20 +08:00
    不能边播边下么,一定要加载完才能播也是醉了
    Bardon
        24
    Bardon  
       2016-01-03 08:52:01 +08:00
    safari 能打开?一直 loading
    Corps
        25
    Corps  
    OP
       2016-01-03 13:19:34 +08:00
    @kn007 不是必须要加载完才能放吧.这播放器的核心是<audio>标签,Loading 的出现是 canplaythrough 控制的
    kn007
        26
    kn007  
       2016-01-03 15:17:39 +08:00
    @Corps 哦,行,回头看看。。那未来会添加列表这个 features 么?
    kookxiang
        27
    kookxiang  
       2016-01-03 16:45:30 +08:00
    Chrome 49.0.2593.0 on OS X 10.11.2
    40% 左右的 CPU 占用,感觉压力有点大
    kookxiang
        28
    kookxiang  
       2016-01-03 16:49:25 +08:00   1
    @kookxiang 有可能是 chrome 的问题,晚上我换成稳定版 chrome 看看
    Orzzzz
        29
    Orzzzz  
       2016-01-03 18:56:26 +08:00
    加载不完不能播放的呀
    cond0r
        30
    cond0r  
       2016-01-03 19:35:58 +08:00
    看到这个突然想到了 1g1g.. 可惜已经因为侵权倒闭了
    Corps
        31
    Corps  
    OP
       2016-01-26 19:44:41 +08:00
    @kookxiang KK 诶,我看看...5%-10%.大概这样,使用的 Windows+360 极速
    Corps
        32
    Corps  
    OP
       2016-01-26 19:49:42 +08:00
    @kn007 会的会的恩啊~
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2672 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 13:59 PVG 21:59 LAX 05:59 JFK 08:59
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86