
jwplayer=java 播放器 播放器快速推进向导 开始 将播放器插入你的网页很简单,只需三步: 1,从下载的 zip 中上传 jwplayer.js 和 player.swf 文件到服务器,下载的其它文件如文档、源 代码等可选择性上传。 2,在网站的头部包含 jwplayer.js (/网页包括此头文件) <script type="text/javascript" src="/jwplayer/jwplayer.js"></script> (书写体=“文本/Java 描述语言”标准要求代码=“java 播放器/jwplayer.js”)(/书写) 3,在网页的主体部分调用(/调用指定帧)播放器设置,下面是一个基本例子: <div id="container">Loading the player ...</div> <script type="text/javascript"> jwplayer("container").setup({ flashplayer: "/jwplayer/player.swf", file: "/uploads/video.mp4", height: 270, width: 480 }); </script> (这是一段程序,我就不用再翻了吧) 当页面读取时,Java 播放器就会在<div>的顶部自动实例化。
默认状况下,播放器就会显示 在 Flash 中。如果 Flash 不支持(比如在 ipad 中) ,播放器就会在 HTML5 中显示起来。 播放器的选项(JavaScript 中介绍 swf 的位置)仅是拿来配置 jw 播放器的诸多配置选项中的 一个。 下面是另一个安装(setup)示例,这次我们用一个<video>标签代替通用的 div: <video src="/videos/video.mp4" height="270" id="container" poster="/thumbs/image.jpg" width="480"> </video> <script type="text/javascript"> jwplayer("container").setup({ flashplayer: "/jwplayer/player.swf" }); </script> 在这个例子中,jw 播放器实际上是用来检测<vedio>标签和加载属性的一个配置选项。

这是一个用来安装一个基本播放器的有效的便捷方法。 快速插入(Quick Embed ) 如果, 你终于在你网站的根目录中,player.swf 和 player.js 文件上传到 将 “jwplayer” 文件夹mp4播放器java版,你可以通过两行简单的 HTML 语言插入播放器。<script type="text/javascript" src="/jwplayer/jwplayer.js"></script> <video class="jwplayer" src="/uploads/video.mp4" poster="/uploads/image.jpg"></video> 就是这样!只要你把所有的东西都放对了位置,你页面上所有属于 java 播放器的标签都会 在同一页面上被 java 播放器所代替。 安装语法(Setup Syntax ) 让我们进一步看看安装调用的语法。它具备以上结构: jwplayer(容器)。setup({选项}) ; 在本书中, (container) 容器 指的是你要拿来盛放你所加载的 jw 播放器的 DOM 单元 (<video> or <div>, <p>, etc.) 。
如果这一单元是个<vedio>标签,那么这个标签的属性(e.g. the width and src)会被读取到 Java 播放器中。 选项就是播放器的配置选项列表。 这个配置选项就比如了所有的概述。 下面是一个几个选项 的例子: <div id="container">Loading the player ...</div> <script type="text/javascript"> jwplayer("container").setup({ autostart: true, controlbar: "none", file: "/videos/video.mp4", duration: 57, flashplayer: "/jwplayer/player.swf", volume: 80, width: 720 }); </script> 尽管它一般来说是一个平面列表, 但是仍有可以使一些选项成为结构化块插入其中的安装方 法。

其中的每一个结构化块都允许快速且强大的安装: 播放列表:允许内联设置一个完整的播放列表,其中可包括元数据。 级别(层次/标准) :允许内联设置多个质量标准的视频,可以实现比特率转换。 插件:允许内联设置 JW 播放器插件,可包括他们的配置选项。 项目/事件:允许为播放器事件/项目进行内联设置 JavaScripts。例如,当播放器已经开启, 但你却想要对它做出修改的之后。 模 式 : 允 许 内 联 设 置 一 个 自 定 义 后 退 模 式 。 例 如 , HTML5 first, fallback to FlashThseectionbeelo explaith hiddetetail.(这个地方很多字母出了点问题) 皮肤:JWplayer 有很多种类的皮肤,它们可以拿来修改播放器的外观。你可以在我们的 AddOns Library(插件库)中下载。 要插入一个 JW Player 5 皮肤,只需将 zip 文件放在您的 web 服务器上并将皮肤的属性添加 到你的插入代码即可:<div id="container">Loading the player ...</div> <script type="text/javascript"> jwplayer("container").setup({ flashplayer: "/jwplayer/player.swf", file: "/uploads/video.mp4", height: 270, width: 480, skin: "/skins/modieus/modieus.zip" }); </script> 注意:如果你正在用机制块模式安装主要在 HTML5 模式上运行的 Embedder,你需要先解 压 zip 皮肤,并将 zip 目录/(contents 内容)上传到 web 浏览器上 zip 文件所在的同一位置。
你的皮肤文件夹结构看起来是这个样子的: /skins/modieus/modieus.zip /skins/modieus/modieus.xml /skins/modieus/controlbar/ /skins/modieus/playlist/ etc. 播放列表 在之前的 Flash-only(只有 flash 的)JW Player 版本中,要读取一个播放器列表只能借助 XML 的播放列表格式来实现mp4播放器java版,例如:RSS 或 ATOM。而 JW Embedder,运用播放列表对象块,可 以推动在播放器中读取一个完整的播放列表。 下面是一个把包括三个项目的播放列表读取至播放器的举例。 其中, 每个项目都包括一个持 续时间提醒、 文件位置和海报形象(a poster image)的位置。 <div id="container">Loading the player...</div> <script type="text/javascript"> jwplayer("container").setup({ flashplayer: "/jwplayer/player.swf", playlist: [ { duration: 32, file: "/uploads/video.mp4", image: "/uploads/video.jpg" }, { duration: 124, file: "/uploads/bbb.mp4", image:"/uploads/bbb.jpg" }, { duration: 542, file: "/uploads/ed.mp4", image: "/uploads/ed.jpg" } ], "playlist.position": "right", "playlist.size": 360, height: 270, width: 720 }); </script> 注意:在 Flash 播放器中,播放列表的 position(位置)选项和 size(尺寸)选项控制可见的 播放列表。

迄今为止,HTML5 播放器还不支持可见播放列表(虽然它可以管理视频的播放 列表) 。 一个播放列表可以控制一到多个视频文件。每一个入口都支持以下的所有功能(属性) (properties) : 文件/文件夹: (必需的,除非你水准超凡,见下文)媒体的位置。如果不修改这个属性,播 放列表条目都会被漏掉。 图像: 海报形象的位置。 在视频开启之前和结束以后成为图形化的播放列表的一部分而显示。 持续时间:视频持续时间,以秒为单位。播放器用它在控制条和图形化的播放列表中显示视 频的大幅时间。 开始:视频内部的起点。当用户播放本条目的之后,视频并不从头开始,而是在指定的相位 开始。 标题:视频的标题。在图形化的播放列表中显示。 描述:视频的表述。在图形化的播放列表中显示。 横幅(streamer) :视频的流媒体程序应用。只适用于 RTMP 和 HTTP 流媒体。 提供程序(provider) :特定的媒体回放 API。 (例如: http, rtmp or youtube)用于回放该播放 列表条目。 层次/级别/水平(Levels): 有多个品质水准视频的嵌套对象块。 可在多个水平查找更多的信息。
Levels 这个 Levels 对象块允许加载多个质量水准的视频到视频播放器中,这些 levels 可以被 Flash 播放器用作 RTMP 和 HTTP 的比特率的转换。比特率转换是并且播放器能够手动为浏览者 显示最高质量的视频的模式。 下面是一个运用 RTMP 比特率转换(也叫动态流)的设定实例。注意(note)追加的横幅 (streamer)选项,它可以将 RTMP 服务器的位置传递给播放器 (tells the player the location of the RTMP server) 。 <div id="container">Loading the player...</div><script type="text/javascript"> jwplayer("container").setup({ flashplayer: "/jwplayer/player.swf", height: 270, width: 480, image: "/thumbs/video.jpg", levels: [ { bitrate: 300, file: "videos/video_300k.mp4", width: 320 }, { bitrate: 600, file: "videos/video_600k.mp4", width: 480 }, { bitrate: 900, file: "videos/video_900k.mp4", width: 720 } ], provider: "rtmp", streamer: "rtmp://rtmp.example.com/application/" }); </script> 下面是另一个设置实例, 这次我们以 HTTP 比特率的转换为例。
本文来自电脑杂谈,转载请注明本文网址:
http://www.pc-fly.com/a/bofangqi/article-128816-1.html
扬长而去