- 1、本文档共11页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
html、jsp页面播放器研究
网页中播放flash视频研究(mp4、flv、swf)
说明:只要支持jquery的页面均可使用。
经过重重探索,终于找到几款比较靠谱的开源免费播放器。
1、/jw-player/
2、/
jPlayer是个用JavaScript写的完全免费和开源的媒体库(media library)
3、/jquery/media/
可以播放多种类型的多媒体文件包括:Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF等。
转化过程是在客户端浏览器中实现,所以打开网页到出现播放器之间存在时间差。
4、/p/swfobject/
SWFObject是一个用于在HTML中方便插入Adobe Flash媒体资源(*.swf文件)的独立、敏捷的JavaScript模块。
5、/
下载地址为:
/project/jaris/Jaris%20FLV%20Player/Version%202.0/JarisFLVPlayer-v2.0.15b.zip
参考自:/blog/1026459
/ajax/2_Video.htm
?
最终暂时决定,使用jw player,只需实现最简单功能即可。
其参数设置可见:/support/jw-player/28849/skin-xml-reference
/support/jw-player/28839/embedding-the-player
JW player 示例如下:?
1、
?????? /jw-player/download/
2、
3、
4、
将其中jwplayer.js与jwplayer.flash.swf 拷贝到web项目中,如下图:
5、
/trac/
6、
拷贝到项目中如下图:
?
7、整合jw player完毕,整个项目框架如下图:
?
8、编写jsp或者html页面,具体如下:
%@ page language=java contentType=text/html; charset=UTF-8
?? pageEncoding=UTF-8%
!DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd
!-- 浏览器兼容性设置,支持google、firefox、IE6、Ie7、IE8 --
!--[if lt IE 7 ] html class=lt_ie10 lt_ie9 lt_ie8 lt_ie7 lang=en xml:lang=en dir=ltr ![endif]--
!--[if IE 7 ] html class=lt_ie10 lt_ie9 lt_ie8 lang=en xml:lang=en dir=ltr ![endif]--
!--[if IE 8 ] html class=lt_ie10 lt_ie9 lang=en xml:lang=en dir=ltr ![endif]--
!--[if IE 9 ] html class=lt_ie10 ie9 lang=en xml:lang=en dir=ltr ![endif]--
!--[if (gt IE 9)|!(IE)]!--
html xmlns=/1999/xhtml
!--![endif]--
?? head
?? ?? meta http-equiv=Content-Type content=text/html; charset=UTF-8
?? ?? meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1
?? ?? title播放音视频/title
?? ?? !-- 引入jquery框架 --
?? ?? script src=js/jquery/jquery-1.6.2.js type=text/javascript/script
?? ?? !-- 引入js写的播放器 --?
??? ?? script src=js/plugins/JWPlayer/jwplayer.js type=text/javascript/script
??? ?? script type=text/javascript?
??????? var thePlayer;? //保存当前播放器以便操作?
??????? $(function() {
??????? ?? // 将播放器嵌入到id为 container的标签中
??????????? thePlayer = jwplayer(container).setup({
??????????? ?? //
您可能关注的文档
- EDAW安亭皇冠假日度假酒店景观设计.ppt
- EILog测井地面系统概述.ppt
- EN10216-1、EN10216-2欧盟标准承压设备用无缝钢管.doc
- EPLAN三维互动电子报批操作手册.doc
- ERP课程设计图书馆信息管理系统.doc
- E匝道桥现浇箱梁施工方案.doc
- E地块安置房工程水电施工方案中国五冶屏山县××项目经理部.doc
- F20课件.ppt
- FIR低通滤波器_免费下载.doc
- fisher调压阀代理商.doc
- 儿童口才课件(10岁以上).pptx
- 改进基本医疗(初级保健)研究报告内容的CRISP共识声明.docx
- 2025年储能技术在电网智能化改造中的应用前景分析报告.docx
- 2025年储能技术在电网电力电子设备中的应用报告.docx
- 2025年储能技术在电网稳定性中的储能电站储能设备可靠性研究.docx
- 2025年北京金融控股集团有限公司人员招聘笔试备考试题及答案详解(各地真题).docx
- 的销售员求职信十篇范本.pdf
- 2025年北京金融控股集团有限公司人员招聘笔试备考试题及答案详解(夺冠系列).docx
- 2025年储能技术在电网稳定性中的储能电站储能容量评估报告.docx
- 2025年北京金融控股集团有限公司人员招聘笔试备考试题及答案详解(典优).docx
文档评论(0)