- #1 Remilia_Scarlet
- 最近,我在做的Moebaka主站的音乐模块,可是做到后面,才发现有些大材小用了囧。。。遂打算在音乐模块开发完成后分支为一个独立的播放器
地址
http://www.moebaka.com/player/
- #2 Remilia_Scarlet
- 已知的兼容性问题
iOS 7.1.2 中的 Safari ,SoundFade 无效。
问题原因:无法调试,无从得知
所有 CSS Pixel 低于 384pxx550px 的设备都会显示不全(包括Desktop端
问题原因:未做响应式解决方案
解决方法:部署响应式CSS,但是工作量会上升到新的次元
SoundFade 与 Cover加载 之间的时间轴问题
问题原因:因为设备JavaScript性能低下,而导致Cover先于SoundFade完成(主要是回调早已经在SoundFade之前就结束了),导致 执行的回调 与 SoundFade 冲突。
解决方法: H5 Audio 的 timeupdate 方法可能能够解决(甚至还能解决 setTimeout最小化的时候停止工作的问题),也可能连带解决上面iOS 7.1.3 Safari 的问题 ;w; 不过还是得看看Safari到底是不是支持 volume 属性 ;w;
- #3 Remilia_Scarlet
- 好久没更新了 :-)
做了很多功能了,现在就差个 漂亮一点的list 就可以完工了
用上了高大上的 GSAP,以代替JQuery
还有我抄来的 mouse3D~
对于之前的问题:
SoundFade 与 Cover 加载的时间轴问题,部分上解决了,但还是有。。。
解决方法就是用 myInterval 重写 soundFade。。。(已经用在 blurIn 和 blurOut 了
- #4 Remilia_Scarlet
- 已经移植到 moebaka 主站了
但是,未来的播放器我不打算沿用现在的架构(JQuery和GSAP真是够了)
拥抱移动互联网吧!未来分支会先照顾移动设备,尔后再优化桌面设备。当然,对于平板也有可能会支持的。库的使用我尽量轻量化,最有可能会只用 remilia.js ,一方面是内存占用低一方面自己的东西自己 最清楚
还有,我在组里的开发进度已经明显放缓了,因为 myBlog 的原因
- #5 Remilia_Scarlet
- 哪里放缓了!
自从放主站后我各种debug
现在都完备了!
bugs:
- 随机播放模式,点击下一首歌的时候依旧是当前歌曲
- 封面的Cover,也许会有更加好的显示方式(内白色Shadow肯定会好很多的
- 打开列表的情况下,再切换回去,没有动画什么的有点不够优雅
当然,可能这次会是真正的放缓了(因为很多东西orz),所以不要抱我会修复上面三个bug的希望
最近我在干嘛?
你猜,猜对给糖吃