曾经研究过在线播放器,在网上搜索了下,发现有两种播放器进入我的视线:JW Player,Flow Player.可惜JW player目前还不支持P2P技术。
JW Player目前最新版本是5.0版本,提供了Javascript接口和ActionScript接口,可以实现对视频的控制,列举几个对视频的控制。
系统使用的JW player版本是4.5,然后播放器控制用到swfobject.js:
创建播放器:
var plyr =null;
var flashvars = {
foo : 'bar',
fullscreen : 'true',
playlist : 'none',
plugins : '/swfobject/pausetxt_plugin',
n_pausetxt : '',
skin:'/swfobject/modieus.swf'
};
var params = {
bgcolor : '#ffffff',
allowfullscreen : 'true',
allowscriptaccess : 'always',
wmode : 'opaque'
};
var attributes = {
id : 'player',
name : 'player'
};
// 'container'是显示播放器的DIV
function createplayer(url) {
if(plyr==null){
flashvars["file"] = url
swfobject.embedSWF('/swfobject/player-viral.swf', 'container',
'310', '260', '9.0.0', false, flashvars, params, attributes);
}else{
plyr.sendEvent("LOAD", url);
plyr.sendEvent("PLAY",true)
}
}
回调PlayReady方法:
function playerReady(obj) {
var id = obj['id'];
var version = obj['version'];
var client = obj['client'];
plyr = getPlayer(id);
plyr.addModelListener("STATE", "stateTracker"); //对状态进行监控
};
//状态监控回调函数
function stateTracker(obj) {
if (obj["newstate"] == "PAUSED") {
plyr.sendEvent("PAUSE", true);
}
if (obj["newstate"] == "COMPLETED") {
//do something
}
if (obj["newstate"] == "PLAYING") {
//do something
}
}
plyr.addModelListener就是添加Model事件,除了可以添加Model事件之外,还可以添加View事件和Controller事件。
更多的事件看官方API文档:
http://developer.longtailvideo.com/trac/wiki/Player4Events
分享到:
相关推荐
说明: ...flv网页播放器JW Player使用说明(适用旧版本): 一般调用程序代码 <object type="application/x-shockwave-flash" width="400" height="220" wmode="transparent" data="flvplayer.swf"> ...
- **下载说明.txt**:可能包含安装、配置或使用JW Player 6.6的详细步骤。 - **数码资源网.url**:可能是一个指向提供此修改版JW Player资源的网站的快捷方式。 - **jwplayer-6.6原版.zip**:原始未修改的JW Player ...
对于WordPress用户来说,JW Player插件的安装和使用非常简单。通过WordPress后台的插件管理界面,可以搜索并安装JW Player插件,或者直接将下载的"jw-player-plugin-for-wordpress"文件上传至wp-content/plugins目录...
而“player.pdf”文档很可能是播放器的用户指南或开发手册,提供了详细的使用和开发说明,对于初学者来说是一份宝贵的参考资料。 “readme.html”通常包含项目的基本信息、使用注意事项以及开发者联系方式,是快速...
三、JW Player说明文档 JW Player的官方文档是学习和掌握其功能的关键资源。它包含了详细的API参考、配置选项、自定义皮肤教程、错误处理等内容。通过阅读文档,开发者可以了解如何进行更复杂的操作,如添加广告、...
使用"jw_flv_player",开发者可以轻松集成视频播放功能到他们的网站中,提供流畅的用户体验。同时,由于其支持播放列表和自定义设置,可以满足不同类型的视频展示需求。然而,需要注意的是,随着HTML5视频标准的普及...
虽然JW Player在业界也有着很高的知名度和广泛的使用,但CMP Player的出现,为用户提供了另一种选择。它的优化可能更针对国内用户的使用习惯,可能在视频加载速度、稳定性或用户界面友好性上有着更优秀的表现。 ...
7. **license.txt**: 提供了关于JW Player的许可信息,包括使用限制和版权条款,确保合法使用。 **使用场景与配置** JW Player 5.8适用于需要在网页中集成视频播放功能的网站,比如新闻网站、教育平台、视频分享...
这个“jwplayer播放器demo”是开发者用于快速理解和集成JW Player的一个示例项目,特别适合Java开发者和Web开发人员使用。 **1. JW Player基础** JW Player最初是用JavaScript编写的,但这里的“jwplayer播放器...
提供的示例代码对于开发者来说极其宝贵,他们可以通过查看和学习这些例子快速了解如何使用JW Player 7.7.1。这些示例可能涵盖基础播放、自定义控制、广告集成、实时流媒体等多种应用场景,帮助开发者迅速上手并实现...
使用React Native Link(React Native 0.59及更低版本) 链接模块$ react-native link react-native-jw-media-player 然后添加SDK依赖项:添加依赖项iOS依赖项请遵循官方说明进行安装,以通过Cocoapods进行安装(仅...
在给定的压缩包中,除了播放器本身,还有示例视频和使用说明,可以帮助用户快速理解和使用这个工具。随着HTML5的普及,虽然Flash技术逐渐淡出舞台,但JW Player已发展出HTML5版本,持续为多媒体内容的在线呈现提供...
2. `readme.html`:这是一个常见文档,通常包含软件的使用说明、版权信息或者安装指南。在这个上下文中,它可能提供了关于如何配置和使用这个媒体播放器的指导。 3. `preview.jpg`:这可能是视频预览图像,用于在...
JW Player是一个开源的在网页上使用的Flash视频、音频以及图片播放器,JW Player是由Jeroen 和 Wijering共同建立的LongTail Video所开发,支持播放Adobe Flash Player和HTML5浏览器可以处理任何格式,也支持各种流和...
"JW_Viral_Plugin_-_Read_Me.rtf"文件包含了关于这个特殊插件的详细信息,如安装、配置和使用说明。 4. swfobject.js: swfobject是一个JavaScript库,用于检测浏览器是否安装了Flash Player,并根据需要插入和控制...
尽管如此,仍有部分网站或应用需要通过JavaScript库(如FlowPlayer、JW Player等)来播放FLV内容。 6. **Flvplayer可能的含义**:在这个场景下,"Flvplayer"可能是一个特定的FLV播放器软件名称。虽然没有提供详细...
它包括来自JW Player团队的演示和代码示例,以及突出显示由我们的开发人员社区提交的演示的Developer Showcase。演示设置所有JW Developer演示都可以下载并在本地运行。 下面概述了构建说明和所需的组件。制作说明...
网页播放器是网页设计中不可或缺的一部分,它们使得用户在不离开网页的情况下就能观看视频或音频内容,极大地提升了用户...提供的文件列表可能包含对这些播放器的详细说明、源代码示例或使用教程,供进一步学习和参考。
同时,“可通过脚本定制界面元素”说明这个播放器的用户界面不仅限于默认样式,开发者可以根据需求使用脚本语言修改或添加按钮、进度条、控制面板等界面组件,以达到与网站设计风格一致或者提供独特用户体验的目的。...
5. `JW_Viral_Plugin_-_Read_Me.rtf`:这是一个富文本格式的文档,很可能包含了关于"JW Player"的病毒式插件的详细信息,如安装步骤、使用指南和功能特性。 6. `player-viral.swf`:这可能是一个JW Player的版本,...