论坛首页 Web前端技术论坛

从wmp播放器制作学习到的...

浏览 2270 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-02-11   最后修改:2009-02-11
    时间比较晚了,最近又因开始新的项目,因此关于播放器的制作和完善便只能暂告一段落了,拖延数日之后,在网络恢复的今天晚上就将其代码公布,以期共同研究、共同进步.
    具体代码和效果请自行运行查看,本版本是在详细研究了wmp的官方接口文档(是全英文的微软官方版本)之后,利用2天不到的时间做出的,内附详细的注释(时间,精力有限,无法满足逐行代码的注释,望理解).
    具体说明:
    1.播放器所用界面乃采用网易邮箱音乐盒的界面,但其乃一张完整的图,然后采用众多的css进行控制显示来实现,鄙人认为该种方式有诸多不便之处,最大的不足便是无法实现将来可能增加的换肤功能,以及扩展需要,遂在用ps仔细研究了其图片之后,以精确到像素的标准将其截为众多小图片(关于透明背景图片还是费了不少时间才自行研究出来的----毕竟本人不是ps出身.^_^).但即便如此,图片的版权仍归网易邮箱音乐盒所有(鄙人不才,虽可担任出色的观众,但仍无法设计出符合美学标准的令人赏心悦目的界面).
    2.该版本仅实现播放器最基本的一些功能,诸如播放,暂停(mms等媒体只能停止)/停止,上一首,下一首等.且若要正常运行,所用浏览器需支持wmp插件(针对real版本的播放器暂未开发,考虑中...).若需要较为完整版本的播放器/音乐盒,可与本人进一步联系,留言,QQ,MSN,Email......来者不拒.
    3.较为完整的版本已实现的功能有:上/下一首,播放,暂停/停止,进度显示/控制/定位,播放列表显示/编辑,音量控制,播放模式选择等.欲观效果,敬请期待本人在sina相册/javaeye相册上的效果截图.
    4.该版本(以及较为完整的版本)均在FF和IE,Chrome浏览器下测试通过,均兼容该三种不同的浏览器环境(针对其他浏览器版本,因尚未安装相应浏览器,且其市场份额/占有率有限,故暂不考虑和测试).另,网络上可供下载使用的网页播放器基本上只能应用于IE平台.
    5.郑重声明:该版本播放器(以及其它较为完整的版本)均未查看/参考网易邮箱音乐盒的任何js代码(关于播放器实现的),且虽是在阅读了原Exobud播放器代码的情况下进行的开发,并在开发过程中利用了其部分思想,但该版本以及其他较为完整的版本与其并无太大关联(基本上只是为了理解网页播放器原理而进行的代码阅读,真正的开发,设计,代码重合只是微小部分),遂泛意义上而言,并未涉及功能实现上的版权问题.
    6.所有的开发,设计,包括图片截图,样式控制,界面显示(层,以及众多的CSS),均只在工作之余的晚上,周末时间进行的,遂目前播放器的功能和效果还不尽如人意,倘有诸多好的意见和建议,欢迎赐教,本人洗耳恭听.
    7.关于媒体信息的滚动显示,目前为效果的显示及方便起见,仍采用以往的marquee元素----虽该元素不被W3C所建议使用,在Chrome下亦没有效果.前些时日,突发灵感,利用js自己编写了滚动显示文字的效果(以及打字效果)----而,该效果在以上三种浏览器下均顺利通过测试.有兴趣者,亦欢迎与本人沟通.
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics