html / js / flash的视频、音频播放器
2013-04-20 15:18
507 查看
1.首先,目前最好的flash + js的播放器,是JW Player,目前版本是6.0,这个免费版本,有JW的Logo,右键菜单也有JW的说明。但是,对于一般用户,这完全不碍事!!
2.当时没想通这个问题,然后去网上下载了JW Player 5.x的破解版,其实也就是去掉了水印,结果发现各种问题:对齐、不能播放、路径等。
3.出于对jquery的敬仰,找了基于jquery的flash播放器:jPlayer。jPlayer的优点是,有3款特别漂亮的皮肤,缺点是,嵌入比较麻烦,需要在html写一堆硬编码ID(固定ID)的<div>预留位置栏,最后html运行时,通过js把播放器插入到这些div栏目里。而且,它的size(大小),在css里硬编码,如果要改大小,得重改css,css很大,改起来工作量很大。不过,如果对size(大小)有严格要求的人,推荐去分析css并修改。另外还有个问题,它默认基于jq 1.6.x版本。我用的是1.9,不过当时还没发现兼容性问题。
4.再后来,尝试了Word Press的音乐播放,这个只能播放音频,而JW Player与jPlayer可以播放视频和音频。这款更坑,不仅仅大小是硬编码的,而且还是js替换执行,并且它的api设计的非常恶心,大小也调不了。
5.最后,我回到JW Player官网,细细看了下6.0的免费版,发现Logo与右键菜单,完全不碍事。然后就用了JW Player 6.0的官网免费版,从下载、安装到调试好,跟着文档走,都比较方便。不过,文档里,有些东西写得不是太详细,因此,有特殊需求的,需要配合google搜索。另外,JW Player说它支持aac,但貌似是html5版本的。我是在非html5的普通的html + js + flash下开发,音频不支持aac,因此只能用mp3。mp3的话192kbps的音质还是有点问题,因此用了224kbps,这个比特率音质刚刚好,但文件会有些大。
2.当时没想通这个问题,然后去网上下载了JW Player 5.x的破解版,其实也就是去掉了水印,结果发现各种问题:对齐、不能播放、路径等。
3.出于对jquery的敬仰,找了基于jquery的flash播放器:jPlayer。jPlayer的优点是,有3款特别漂亮的皮肤,缺点是,嵌入比较麻烦,需要在html写一堆硬编码ID(固定ID)的<div>预留位置栏,最后html运行时,通过js把播放器插入到这些div栏目里。而且,它的size(大小),在css里硬编码,如果要改大小,得重改css,css很大,改起来工作量很大。不过,如果对size(大小)有严格要求的人,推荐去分析css并修改。另外还有个问题,它默认基于jq 1.6.x版本。我用的是1.9,不过当时还没发现兼容性问题。
4.再后来,尝试了Word Press的音乐播放,这个只能播放音频,而JW Player与jPlayer可以播放视频和音频。这款更坑,不仅仅大小是硬编码的,而且还是js替换执行,并且它的api设计的非常恶心,大小也调不了。
5.最后,我回到JW Player官网,细细看了下6.0的免费版,发现Logo与右键菜单,完全不碍事。然后就用了JW Player 6.0的官网免费版,从下载、安装到调试好,跟着文档走,都比较方便。不过,文档里,有些东西写得不是太详细,因此,有特殊需求的,需要配合google搜索。另外,JW Player说它支持aac,但貌似是html5版本的。我是在非html5的普通的html + js + flash下开发,音频不支持aac,因此只能用mp3。mp3的话192kbps的音质还是有点问题,因此用了224kbps,这个比特率音质刚刚好,但文件会有些大。
相关文章推荐
- html canvas js音频条动画源码 仿电喵的视频风的频谱
- 在html中调出Flash,视.音频播放器的方法
- 全景播放器-js+flash
- html5+css3学习笔记音频和视频
- <HTML5秘籍>——第五章(音频与视频)
- 基于js与flash实现的网站flv视频播放插件代码
- JS实现预加载视频音频/视频获取截图(返回canvas截图)
- js+html手机端视频截屏
- html5篇——音频/视频
- html文件中flash视频格式(flv、swf)文件的嵌入方法
- html embed用法(网站中视频、音频的添加)
- jquery.fileupload.js插件使用--单视频或音频上传预览
- HTML中添加flash、视频、声音
- HTML 5 Audio Video中怎样来插入音频和视频?
- Phaserjs基础教程第四节:加载音频、视频文件
- Android java与html js交互 html视频播放没有画面 画面卡顿
- HTML页面嵌入视频和JS控制切换视频
- 关于html音频以及视频标签video audio标签的实例
- ffmpeg+sdl教程----编写一个简单的播放器5(同步视频到音频)
- Web前端HTML+CSS+JS初级入门视频课程 001