欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

主流js 播放器-汇集

javascript 夜阑小雨 1002℃ 0评论

Videobox是一个只有6k大小的脚本,用于在页面中显示视频。Videobox使用swfobject来嵌入Flash。视频可以来自Youtube、Metacafe、Google Video、iFilm和自己设置的Flash。
 

Videobox

 Lightbox Mootools 

 FlowPlayer

FlowPlayer是一个开源的Flash视频播放器。提供所有你可能需要的功能并且这些功能都可以通过JavaScript按你的实际需求进行配置。提供良好的用户体验,支持预加载,长时间播放,播放列表,全屏播放模式等。
FlowPlayer

 

 ToobPlayer

ToobPlayer是一个轻量级(大约14-8KB)FLV播放器组件。支持图像预览,播放窗口大小调整,全屏播放模式,加载状态条提醒,支持鼠标滚轮播放进度/播放声音高低,自动重播,时间缓冲。
ToobPlayer

 

 LightWindow

LightWindow是一个基于Prototype & script.aculo.us构建,可灵活设置,支持显示任何内容的Lightbox效果控件(模式对话框)。支持的显示内容类型,包括Flash, Quicktime, Youtube视频或者是一个外部网页。另外,LightWindow还支持Gallery功能。可定制模式窗口的位置和自动调整大小以适合内容。
LightWindow

 Gallery Image Lightbox Prototype Script.aculo.us 

 Panda

Panda是一个开源的视频平台,能够处理视频的uploading、encoding与streaming。所有处理过程都通过REST API完成。Panda设计运行在云计算平台中,利用Amazon的Web服务群来实现。因此你需要有Amazon Web Services账号。Panda使用SimpleDB来存储所有视频数据和账号。Panda支持Flash的FLV、h264格式和iPhone格式等。Panda使用JW FLV player作为默认的播放器。
 

Panda

 

 Xe-VideoGalV1 VL

Xe-VideoGalV1 VL是一个开源的Flash视频播放器。该播放器能够展示多部电影中某一画面的缩略图,供用户选择播放。支持在视频上添加一个透明的消息提示框。下载FLV文件。调整播放器屏幕大小等。
Xe-VideoGalV1 VL

 

 OpenVideoPlayer

采用Adobe Flash与Microsoft Silverlight开发的开源Web视频播放器。
OpenVideoPlayer

 

 OSFLV

OS FLV是一个开源的嵌入式flv播放器。它提供一组采用PHP开发的API,让你可以控制:指定播放哪个flv文件,播放器高度、宽度和背景颜色,自动播放、自动循环播放、自动加载设置,音量等。

Projekktor

Projekktor是一个开源的HTML5视频播放器,但当浏览器不支持HTML5时,采用Flash替换支持。支持全屏播放视频和播放列表。Projekktor还提供一个播放控制面板,面板外观可以通过CSS文件自定义。

Projekktor

 

 f4Player

f4Player是一个开源的Flash视频播放器,可以播放.fly、.f4v和.mp4等文件。整个播放器只有8kb左右,拥有一个可更换皮肤的界面。支持边播放,边下载和全屏播放。
f4Player

 

 OSM Player

OSM Player是一个基于jQuery开发、开源的HTML5多媒体播放器。当浏览器不支持HTML5时,可以转成Flash。提供播放列表,播放列表可以隐藏,支持视频全屏播放。
OSM Player

 jQuery 

 OSMF

Open Source Media Framework (OSMF)是由Adobe开发的一个Flash视频播放器开发框架。利用简单的API就能够将它集成到自己的应用程序中。OSMF自带一个标准播放器功能包括:播放控制、视频导航、缓冲、设置广告、错误处理、日志记录、缓冲管理等。
OSMF

 

 Video JS

Video JS是一个基于JavaScript的HTML5视频播放器,当浏览器不支持时自动切换成Flowplayer播放器。支持H.264、Theora OGG和Google WebM格式。它没有依赖任何JavaScript框架,支持全屏播放和音量控制。外观皮肤完全采用CSS控制,没有用到任何图片。
Video JS

 

 FlareVideo

FlareVideo是一个开源的HTML5视频播放器,当浏览器不兼容HTML5时Flash作为后备支持。该播放器可以利用CSS-HTML和JS定制外观,已经内置三种皮肤:default、spotify和Vimeo。它提供的其它功能还包括:全屏播放、自动播放、设置键盘快捷键、边播放边下载等功能。
FlareVideo

 jQuery 

 jMediaElement

jMedia Element是一个基于jQuery/jQuery UI实现的HTML5音频/视频开发工具包。提供非常多的功能来控制页面中的音频和视频内容。当旧的浏览器不兼容HTML5时,自动转成Flash和VLC支持。jMedia Element让你可以使用CSS定制你开发的媒体播放器的外观。jMediaElement支持大部分文件包括:ogg (theora/vorbis)、mp4/mov (h.264)、WebM (VP8/vorbis)、flv、Youtube视频等。
jMediaElement

 jQuery 

 Moovie

Moovie是一个利用HTML5 Video标签实现的自定义控件Library。它包含了一个播放器所需要的全部功能:播放、暂停、停止、一个模仿Youtube的音量控件和播放进度条。在初始化或视频暂停时,播放器将展示一个很大播放按纽。在视频播放结束时有一个重播按纽。
Moovie

 Mootools 

 FryPlayer

FryPlayer是一个开源的并且易于使用的HTML5视频播放器。这个播放器实际上是一个jQuery插件,拥有的特性包括:更换皮肤、缓冲、全屏模式和键盘快捷方式支持。还可以设置宽度和高度,播放器初始音量等。
 

FryPlayer

 jQuery 

 jQuery Webcam

jQuery Webcam这个插件为直接在JavaScript中与摄像头通信提供了一个透明的访问层。它通一个SW文件与摄像头交互,可以显示Webcam输出和捕捉图象。如果有多个摄像头,它可以显示可用的摄像头列表,然后供用户选择其中任意一个。

 

jQuery Webcam

 jQuery 

 

OSFLV

 

 Flash Video Player

这是一个可以嵌到Wordpress博客中使用的Flash视频播放器。支持自定义外观,水印Logo,海报框和浮动控制按纽。
Flash Video Player

 

 JCPlayer

JCPlayer是一个免费的Flash视频文件播放器。该播放器支持全屏播放,并且所有功能都完全可自定义包括默认可用的皮肤。

JCPlayer

 Mooplay

Mooplay提供一组基于MooTools框架开发的控件,能够用于创建和定制HTML5视频播放器。这些控件包括:

              播放/暂停

              后退/前进

              交互播放进度滑块

              加载进度条

              音量滑杆和静音按钮

              全屏播放

当前和剩余时间
Mooplay

 Mootools 

 Jaris

Jaris是一个开源和可通过JavaScript控制的FLV播放器。具有以下特性:

              宽高比切换

              全屏播放支持

              H.264播放支持

              Http pseudostreaming支持

              RTMP streaming支持

              Youtube播放器api支持

              下载进度指示器

              海报图片

              音量控制

              Seek控制

              显示播放时间

              使用自己的logo

              为你的logo添加链接

              改变logo位置

              在全屏播放时隐藏控制按纽

              自定义控制按纽颜色

              Hardware scaling

              支持键盘快捷键

通过Javascript接口来控制播放器
Jaris

 

 Popcorn.js

Popcorn.js是一个HTML5 Video框架,它提供了易于使用的API来同步交互式内容,让操作HTML5 Video元素的属性,方法和事件变得简单易用。
Popcorn.js

 

转载请注明:夜阑小雨 » 主流js 播放器-汇集

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址