写了个网页音乐播放器 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
pcwow
V2EX    分享创造

写了个网页音乐播放器

  •  
  •   pcwow 2014-11-22 20:35:49 +08:00 5138 次点击
    这是一个创建于 4027 天前的主题,其中的信息可能已经有所发展或是发生改变。
    暑假时候写的,写完之后就扔一边了,今天突然想起来。
    代码: https://coding.net/u/pcwow/p/player/git
    演示: http://player.coding.io/
    第 1 条附言    2015-03-11 19:19:32 +08:00
    最近更新了下,coding弃用了
    代码:https://github.com/pcwow789/player
    演示:http://pcwow789.github.io/player
    25 条回复    2014-11-26 13:19:42 +08:00
    oojiayu
        1
    oojiayu  
       2014-11-22 20:38:12 +08:00   1
    404错误~
    wy198656
        2
    wy198656  
       2014-11-22 20:43:58 +08:00   1
    你这站点主机可能是我见过的最慢的
    em70
        3
    em70  
       2014-11-22 20:47:25 +08:00   1
    能独立完成一个项目,不管项目如何,都胜过看几个月书
    pcwow
        4
    pcwow  
    OP
       2014-11-22 20:48:47 +08:00
    @oojiayu
    @wy198656
    演示放在coding上,演示用而已,太多人访问崩掉是没办法了...
    wangfeng3769
        5
    wangfeng3769  
       2014-11-22 20:49:19 +08:00   1
    不能播放呀
    pcwow
        6
    pcwow  
    OP
       2014-11-22 20:52:53 +08:00
    @wangfeng3769
    把文件拖到网页里就行,只支持在chrome下播放MP3,其他浏览器和格式太懒就没写
    wangfeng3769
        7
    wangfeng3769  
       2014-11-22 20:57:48 +08:00
    @pcwow
    不错的谢谢,没事了完善了一下
    kmvan
        8
    kmvan  
       2014-11-22 20:58:30 +08:00   1
    貌似ff下出问题了。
    我脱了一首歌进去,发现能播放,好惊喜的样子。

    BUT。。。看了一下地址栏,居然是 file://xxxx……
    wenketel
        9
    wenketel  
       2014-11-22 21:03:25 +08:00   1
    http://chensi.moe/mp3-player/ https://github.com/CnSimonChan/mp3-player
    http://antimatter15.com/player/player.html https://github.com/antimatter15/player
    正好我也知道有2个这样的项目,
    实测还是支持火狐的,虽然感觉排版有些奇怪。
    pcwow
        10
    pcwow  
    OP
       2014-11-22 21:03:59 +08:00
    @kmvan
    只支持在chrome下播放MP3,其他浏览器和格式太懒就没写...
    pcwow
        11
    pcwow  
    OP
       2014-11-22 21:07:42 +08:00
    @wenketel
    等什么时候不懒了就完善一下...
    wenketel
        12
    wenketel  
       2014-11-22 21:14:04 +08:00   1
    @pcwow 期待。
    帮你补个图,chrome下
    火狐下
    wy198656
        13
    wy198656  
       2014-11-22 21:31:57 +08:00
    @wenketel imgur 太慢了随时有被强的风险 用微博相册多好 ~
    kokdemo
        14
    kokdemo  
       2014-11-22 21:42:49 +08:00   1
    ……之前也想过类似的想法,但是后来自己pass掉了这个点子。原因有2:
    1. 拖拽播放音乐的体验实在是太糟了……一首一首添加……
    2. 与在线音乐播放相比,没有什么亮点……
    pcwow
        15
    pcwow  
    OP
       2014-11-22 21:55:10 +08:00
    @kokdemo
    不用一首一首添加,可以一下拖一大坨的
    wenketel
        16
    wenketel  
       2014-11-22 22:22:22 +08:00
    loveyu
        17
    loveyu  
       2014-11-23 01:56:02 +08:00   1
    进度条优点小丑。
    还有图大了是这样的。。。
    zj299792458
        18
    zj299792458  
       2014-11-23 02:12:45 +08:00   1
    用最新Safari打开浏览器直接崩溃的路过,虽说不支持也不应该崩溃吧。。。。。
    pcwow
        19
    pcwow  
    OP
       2014-11-23 09:44:49 +08:00
    @loveyu
    好多细节没调。。。
    @zj299792458
    是吗...没用Safari测试过
    Actrace
        20
    Actrace  
       2014-11-23 10:07:20 +08:00   1
    楼主可以来试试 parld.com
    ibillxia
        21
    ibillxia  
       2014-11-23 10:38:34 +08:00   1
    赞一个
    learnshare
        22
    learnshare  
       2014-11-23 11:33:12 +08:00   1
    我去年也写了一个,你们瞅瞅

    http://xianbai.me/labs/audio/audio-player.html
    mjar
        23
    mjar  
       2014-11-26 09:55:11 +08:00
    请问LZ提取封面色彩的代码是自己写的还是用的库(Color Theif)?之前想过实现提取封面的色彩,像iTunes那样,但总是不太满意。
    pcwow
        24
    pcwow  
    OP
       2014-11-26 12:16:00 +08:00   1
    @mjar
    用的是StackBlur,直接把原图模糊后放大作为背景。
    https://github.com/flozz/StackBlur
    mjar
        25
    mjar  
       2014-11-26 13:19:42 +08:00
    @pcwow nice,真是巧妙的解决办法。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2743 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 14:58 PVG 22:58 LAX 06:58 JFK 09:58
    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