V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
pcwow
V2EX  ›  分享创造

写了个网页音乐播放器

  •  
  •   pcwow · 2014-11-22 20:35:49 +08:00 · 4720 次点击
    这是一个创建于 3633 天前的主题,其中的信息可能已经有所发展或是发生改变。
    暑假时候写的,写完之后就扔一边了,今天突然想起来。
    代码: 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   ·   实用小工具   ·   907 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 21:35 · PVG 05:35 · LAX 14:35 · JFK 17:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.