写了个基于html5的本地音频播放器(虽然很多大牛都写过了),写的东西总想让更多多多人看到的18.
zythum · zythum · 2011-04-23 21:54:56 +08:00 · 8512 次点击这是一个创建于 4961 天前的主题，其中的信息可能已经有所发展或是发生改变。
同题，今天刚看的FileReader和dataTransfer部分。所以就做了一下。
本人还是学生，喷子们就止步吧。
url: http://zythum.free.bg/zplayer
如果吃的好，还有chrome app 下载:
url: http://dl.dbank.com/c0y25yize9
还有就是,仅限firefox及chrome用户。。
本人还是学生，喷子们就止步吧。
url: http://zythum.free.bg/zplayer
如果吃的好，还有chrome app 下载:
url: http://dl.dbank.com/c0y25yize9
还有就是,仅限firefox及chrome用户。。
 |
1
zythum OP 有什么bug或者指正的可以写在下面。。。^^
|
 |
2
Sai 2011-04-23 22:01:14 +08:00
不支持 Mac 的 FF？选了文件没有出现在 List 中。
|
|
3
Sai 2011-04-23 22:01:50 +08:00
好吧，FF 只支持 ogg⋯⋯
|
|
4
zythum OP 好吧。。。。chrome ---mp3 ff----ogg = =。这我没办法的。。。
|
 |
6
xflykkk 2011-04-23 22:08:22 +08:00
lz应该传chrome的插件中心去
|
 |
7
loading 2011-04-23 22:17:49 +08:00
好吧，我也要给自己写一个。
|
|
8
zythum OP 某同学说在ubuntu 下的ff会有问题。。。但是我距那人有些远。。。也不知道什么报错。。。各位有ubuntu 的大大帮我看下。。谢谢/
|
 |
9
dimlau 2011-04-24 10:54:55 +08:00
楼主啊，您错别字也太多了。
|
 |
10
chone 2011-04-24 10:59:09 +08:00
Uncaught TypeError: Cannot set property 'innerHTML' of undefined
_Zplayer.songChange/zplayer/js/index.js:83 Event.on.rangeTimer.style.width/zplayer/js/index.js:214 g._handle/zplayer/js/kissy-min.js:76 g.add.q/zplayer/js/kissy-min.js:74 |
 |
13
Sion 2011-04-24 11:40:13 +08:00
......FF的那个格式有点冷
|
|
14
zythum OP |
 |
15
TashinV 2011-04-24 13:43:59 +08:00
不知道可以加点对mac 的safari 的支持不..
|
 |
16
chloerei 2011-04-24 13:51:35 +08:00
不错。
不知为什么放进音乐之后没播放起来。chrome 我对显示相关资源那里比较感兴趣 |
 |
17
hfharry 2011-04-24 13:55:08 +08:00
无法安装extension。。。
|
|
18
zythum OP @hfharry 哦，这个是这样的。你先把那个crx文件下载下来（目标另存为到本地），然后拖到chrome上。。。因为这个不是挂在官方webstore上的。所以。。。。抱歉，上面 没说。
|
|
19
zythum OP |
|
22
zythum OP @reorx @chone 今天找了个linux的主。调了下.上文中的错误不是重点.是有一个地方的函数用的参数里面少些了一个变量 = =||| 不影响功能,现在已经更正了.但是ubuntu下ff 3.6还是不能。把那个主的ff更新到4.0之后发现播放正常。UI那个位置偏移问题也解决了。建议ff用户升级到4.0版本。
暂时ff4.0版本还是有个小问题，在进度条上有bug.可能是api不一致导致，但是firebug没有报错。但是在win下的ff 4.0下正常。。。头大中。别把ff整得更ie那么悲剧啊。 这几天比较忙。过几天在调吧 。 只要是朱一没有linux环境。比较麻烦。 chrome 正常。不管是什么环境。但是没有测试什么基于chromium的其他第三方浏览器。 以上。 |
 |
23
reorx 2011-04-25 16:41:04 +08:00
@zythum 嗯Linux下chrome stable 确实是可以用的:) 我一开是用chromium测试的，没有说清楚，sorry～
不过现在chromium还是不能使用，我想造成chrome 和 chromium 差异的原因应该是个很有趣的问题，可以研究研究。 |
|
24
zythum OP @reorx 这个中午也研究过了。。chromium不支持mp3 格式。但是支持wav格式。
但是怎么区分chrome 还是chromium呢？ |
|
25
zythum OP 加入背景图片自定义功能
|
 |
26
9hills 2011-04-25 18:06:40 +08:00
|
|
27
zythum OP 我只到挖坟是件很不好的事情。但是。。。
已经吧浏览器的音频格式过滤做完了。所以 chrome现在只是mp3了,aac,m4a,ogg,webm,wma都可以了。 firefox/opera：ogg,webm ie9：mp3，aac 就这样。 |
 |
29
yyfearth 2011-05-10 08:59:42 +08:00 via Android
可以用canplaytype进行判定
|
|
31
yyfearth 2011-05-10 23:19:56 +08:00
@zythum 呵呵
“aac(mp4/m4a), mp3, ogg, wav, webm”几乎是我的原话，不过试了了一下发现有问题，很抱歉。貌似IE9不支持FileReader API，因此请把“ie9用户选择aac, mp3”去掉吧；另外Opera也不支持。因此这两个浏览器是点不开那个大按钮的，也不必考虑了。 另外我提到过，chrome支持读取整个文件夹包括子文件夹，可以考虑一下。 |
 |
32
chengdujin 2011-05-10 23:28:26 +08:00
[BUG] 貌似没有对上传文件格式做限制 我刚才传了个jpg的都给通过了
|
|
33
yyfearth 2011-05-10 23:49:37 +08:00
@zythum 不好意思，纠正一下上面的说法，opera 11.10 支持filereader了，但是你的player还是不能用。
|
|
34
zythum OP |
|
36
zythum OP @yyfearth 刚才去看了下。
ogg格式在opera下的解析有个很好玩的问题。在chrome以及ff下ogg的格式解析file.type是vedio/ogg或者是audio/ogg.刚刚在opera下添加alert调了下。发现不是FileReader的问题。是格式解析。这里被解析成了application/ogg。朱一上面的格式列表没有这个。就像没有jpg一样所以被过滤掉了， 现在添加进去了。 |
 |
39
Hyperion 2011-05-11 14:06:45 +08:00
文件名很长的时候, 整个界面看上去好乱. 给标题加上text-overflow:ellipsis; 样式把... 跑马灯也不错 -_-#
另外...重复播放一首, 下面google的搜索结果就重新加载一次...有点暴力= =+ 顺便扫了一眼kissy的event object 囧囧有神啊! (https://github.com/kissyteam/kissy/blob/master/src/event/object.js) |
|
40
zythum OP @Hyperion 文件名很长的时候。。。我没觉得有那么长的文件名啊 = =。这个，果断日子去改吧。
下面那个问题么。。。搜索那些操作是并行的，所以不会因为搜索卡的。所以，就然他搜吧。 好吧。。。 好吧。。。好吧。。。 |
 |
41
YiShamrock 2011-05-17 22:48:13 +08:00
嘿嘿，想学HTML5，不知道楼主有没有书可以推荐~
|
|
42
yyfearth 2011-05-17 23:25:07 +08:00
@YiShamrock html5都还是草案，应该不会有啥好书。还是自己去网上多搜搜吧。牛人的博客，国外的论坛，wiki，w3c多去看看就能够有所了解。
|
Select Language