写了个网页音乐播放器

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3673 天前的主题，其中的信息可能已经有所发展或是发生改变。

暑假时候写的，写完之后就扔一边了，今天突然想起来。
代码： 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

2014-11-22 20:38:12 +08:00

404错误~

wy198656

2014-11-22 20:43:58 +08:00

你这站点主机可能是我见过的最慢的

em70

2014-11-22 20:47:25 +08:00

能独立完成一个项目,不管项目如何,都胜过看几个月书

pcwow

2014-11-22 20:48:47 +08:00

@oojiayu
@wy198656
演示放在coding上，演示用而已，太多人访问崩掉是没办法了...

wangfeng3769

2014-11-22 20:49:19 +08:00

不能播放呀

pcwow

2014-11-22 20:52:53 +08:00

@wangfeng3769
把文件拖到网页里就行，只支持在chrome下播放MP3，其他浏览器和格式太懒就没写

wangfeng3769

2014-11-22 20:57:48 +08:00

@pcwow
不错的谢谢，没事了完善了一下

kmvan

2014-11-22 20:58:30 +08:00

貌似ff下出问题了。
我脱了一首歌进去，发现能播放，好惊喜的样子。

BUT。。。看了一下地址栏，居然是 file://xxxx……

wenketel

2014-11-22 21:03:25 +08:00

http://chensi.moe/mp3-player/ https://github.com/CnSimonChan/mp3-player
http://antimatter15.com/player/player.html https://github.com/antimatter15/player
正好我也知道有2个这样的项目，
实测还是支持火狐的，虽然感觉排版有些奇怪。

pcwow

2014-11-22 21:03:59 +08:00

@kmvan
只支持在chrome下播放MP3，其他浏览器和格式太懒就没写...

pcwow

2014-11-22 21:07:42 +08:00

@wenketel
等什么时候不懒了就完善一下...

wenketel

2014-11-22 21:14:04 +08:00

@pcwow 期待。
帮你补个图，chrome下

火狐下

wy198656

2014-11-22 21:31:57 +08:00

@wenketel imgur 太慢了随时有被强的风险用微博相册多好 ~

kokdemo

2014-11-22 21:42:49 +08:00

……之前也想过类似的想法，但是后来自己pass掉了这个点子。原因有2：
1. 拖拽播放音乐的体验实在是太糟了……一首一首添加……
2. 与在线音乐播放相比，没有什么亮点……

pcwow

2014-11-22 21:55:10 +08:00

@kokdemo
不用一首一首添加，可以一下拖一大坨的

wenketel

2014-11-22 22:22:22 +08:00

@wy198656 虽然知道有http://picdisk.saaee.com/这类weibo图床，不过还是习惯了imgur。

loveyu

2014-11-23 01:56:02 +08:00

进度条优点小丑。
还有图大了是这样的。。。

zj299792458

2014-11-23 02:12:45 +08:00

用最新Safari打开浏览器直接崩溃的路过，虽说不支持也不应该崩溃吧。。。。。

pcwow

2014-11-23 09:44:49 +08:00

@loveyu
好多细节没调。。。
@zj299792458
是吗...没用Safari测试过

Actrace

2014-11-23 10:07:20 +08:00

楼主可以来试试 parld.com

ibillxia

2014-11-23 10:38:34 +08:00

赞一个

learnshare

2014-11-23 11:33:12 +08:00

我去年也写了一个，你们瞅瞅

http://xianbai.me/labs/audio/audio-player.html

mjar

2014-11-26 09:55:11 +08:00

请问LZ提取封面色彩的代码是自己写的还是用的库（Color Theif)？之前想过实现提取封面的色彩，像iTunes那样，但总是不太满意。

pcwow

2014-11-26 12:16:00 +08:00

@mjar
用的是StackBlur，直接把原图模糊后放大作为背景。
https://github.com/flozz/StackBlur

mjar

2014-11-26 13:19:42 +08:00

@pcwow nice，真是巧妙的解决办法。