Web媒体播放工具-JW Player使用经验
前段时间我在做一个网站项目，需要在网上播放视频和音乐，之前我真的没有接触过。就在今天我在论坛里闲逛的时候，发现有同志对这方面也很感兴趣，我就整理了一下，同时也复习了一下。
播放器需要满足以下需求：
需求就是一切，咱没条件只好硬着头皮创建条件强上了～～～。于是疯狂百度Google，发现了很多第三方播放器。由于咱E文实在不咋地，一开始想找个国内的。可是，找来找去，发现都是要收费的。于是只好走上不爱国之路，只能找一个国外的了。在搜索中，综合前辈们的意见，最终选择了JW Player。搜索国外资源还是Google给力啊，不管你信不信，反正我是信了：）。
JW Player是一款非常优秀的网页媒体播放器，支持H.264 ( .mp4, .mov, .f4v )、FLV ( .flv ) 、3GPP ( .3gp, .3g2 )、OGG Theora ( .ogv )和WebM ( .webm )视频格式，MP3 ( .mp3 )、AAC ( .aac, .m4a )、OGG Vorbis ( .ogg )和WAV ( .wav )音频，同时也支持swf和图片( gif 、jpg、png)和YouTube格式视频。
支持HTML5，有着非常丰富的插件可用（部分是收费的，如广告插件）。
JW Player的版是5.7，官方网址：
废话到此为止，现在开始主题。令人振奋的是，JW Player使用起来非常方便，下面就探讨一下JW Player的基本用法。
步 从官网下载的播放器
以上两个选项不选，Viral是JW Player的一个插件，做视频分享用的，需不需要自己看着办。输入邮箱即可下载。
下载完成后，解压出来有8个文件，如下图：
jwplayer.js和player.swf是核心文件，必须引入这两个文件。
JW Player Quick Start GUIDe.pdf是帮助文档，里面讲的也比较详细了。
第二步 体验JW Player（基本用法）
1. 在页面head区域引用必要的js文件（本人习惯用jQuery，故引入了，使用其它框架的自行更改该部分）
2. html结构如下
3. 初始化播放器，完成控制逻辑
var thePlayer; //保存当前播放器以便操作
$(function() {
thePlayer = jwplayer(‘container’).setup({
flashplayer: ‘js/plugins/mediaplayer-5.7/player.swf’,
file: ‘js/plugins/mediaplayer-5.7/video.mp4’,
width: 500,
height: 350,
dock: false
//播放 暂停
$(‘.player-play’).click(function() {
if (thePlayer.getState() != ‘PLAYING’) {
thePlayer.play(true);
this.value = ‘暂停’;
thePlayer.play(false);
this.value = ‘播放’;
//停止
$(‘.player-sTOP’).click(function() { thePlayer.stop(); });
//获取状态
$(‘.player-status’).click(function() {
var state = thePlayer.getState();
switch (state) {
case ‘BUFFERING’:
msg = ‘加载中’;
case ‘PLAYING’:
msg = ‘正在播放’;
case ‘PAUSED’:
msg = ‘暂停’;
case ‘IDLE’:
msg = ‘停止’;
alert(msg);
//获取播放进度
$(‘.player-current’).click(function() { alert(thePlayer.getPosition()); });
//跳转到指定位置播放
$(‘.player-goto’).click(function() {
if (thePlayer.getState() != ‘PLAYING’) { //若当前未播放，先启动播放器
thePlayer.play();
thePlayer.seek(30); //从指定位置开始播放(单位：秒)
//获取视频长度
$(‘.player-length’).click(function() { alert(thePlayer.getDuration()); });
到此完成，接下来运行网页就可以看到效果了。以下是一个截图：
关于更详细的配置和说明文档，请参阅官方文档，说明非常详尽。
官方文档：
flash player 下载
flash player 下载：player 下载：一个集成的多媒体播放器，让你在Web上享受更广泛的多媒体体验， 它显示和播放多媒体内容，从数以千计的高度交互性的游戏， 到有音频流要求的多媒体用户界面，包括实况音乐会和广播。 随着网络速度与品质的提升，越来越多的网站开始使用Flash来表达网站的内容，以Flash强大的动画与向量画效果来弥补一般动画与HTML指令的不足。 紧接着宽频网络网络即将进入我们的生活，相信Flash将会变得更普及。 想要一窥Flash强大的动画效果吗？Adobe Flash Player提供你观看Flash特效的机会！
flash player 下载：player 下载：
怎么在网页上加媒体播放器
WMP控件加入了ActiveX解码器控件，不仅可以放曲子，还能放Flash和其它视频文件。
复制内容到剪贴板
代码:
flash player 10 最新版下载地址
flash player 10 最新版下载
地址：一个集成的多媒体播放器，让你在Web上享受更广泛的多媒体体验， 它显示和播放多媒体内容，从数以千计的高度交互性的游戏， 到有音频流要求的多媒体用户界面，包括实况音乐会和广播。 随着网络速度与品质的提升，越来越多的网站开始使用Flash来表达网站的内容，以Flash强大的动画与向量画效果来弥补一般动画与HTML指令的不足。 紧接着宽频网络网络即将进入我们的生活，相信Flash将会变得更普及。 想要一窥Flash强大的动画效果吗？Adobe Flash Player提供你观看Flash特效的机会
发表评论