最简单的基于Flash的流媒体示例：网页播放器（HTTP，RTMP，HLS）
=====================================================
Flash流媒体文章列表：
最简单的基于Flash的流媒体示例：RTMP推送和接收（ActionScript）
最简单的基于Flash的流媒体示例：网页播放器（HTTP，RTMP，HLS）
=====================================================
本文继续上一篇文章，记录一些基于Flash的流媒体处理的例子。本文记录一些基于Flash技术的网页播放器。基于Flash的网页播放器相比于其他网页播放器来说最大的优势就是“免插件安装”了，这一点可以很大的提高用户的体验质量。早些时候网络视频（尤其是直播）一般都使用ActiveX控件作为视频播放器，而这些控件并不普及，所以终端用户必须下载相关的插件才能收看节目，因而对很多不熟悉电脑的用户造成了很大的障碍。直到Flash网页播放器的出现，这一障碍才得到了解决。本文将会记录几个常用的网页播放器，方便以后开发测试使用。
本文记录以下几种常用的网页播放器：
- rtmp_sample_player_adobe: 从Adobe Flash Media Sever提取出来的测试播放器
- rtmp_sample_player_wowza: 从Wowza服务器中提取出来的测试播放器
- rtmp_sample_player_flowplayer: 基于FlowPlayer的RTMP/HTTP播放器（添加RTMP plugin）
- rtmp_sample_player_videojs: 基于VideoJS的RTMP/HTTP播放器
- rtmp_sample_player_jwplayer: 基于JWplayer的RTMP/HTTP播放器
- hls_sample_player_flowplayer: 基于FlowPlayer的HLS播放器（添加HLS plugin）
- hls_video_player_html5: 基于HTML5的HLS/HTTP播放器
- activex_vlc_player: 基于VLC的ActiveX控件的播放器
RTMP Sample Player Adobe
RTMP Sample Player Adobe的截图如下所示。
RTMP Sample Player Wowza
RTMP Sample Player Wowza是从Wowza Streaming Engine中提取出来的测试播放器，平时测试使用也比较方便，将RTMP地址贴到对应的输入框中，单击“start”就可以播放流媒体了。
RTMP Sample Player Wowza的截图如下所示。
RTMP Sample Player Flowplayer
注：FlowPlayer有两个版本：HTML5版本和Flash版本，本文中使用的是Flash版本。
RTMP Sample Player Flowplayer是基于FlowPlayer的网页播放器。其中包含两个播放器：
- Sample Player Flowplayer：HTTP点播网页播放器
- RTMP Sample Player Flowplayer：RTMP网页播放器
Sample Player Flowplayer是支持HTTP点播的网页播放器，代码如下所示。
Sample Player FlowPlayer
Sample Player FlowPlayer
Lei Xiaohua
http://blog.csdn.net/leixiaohua1020
[email protected]
播放器的效果如下图所示，图中正在播放的视频文件的URL为http://video-js.zencoder.com/oceans-clip.mp4
RTMP Sample Player Flowplayer是经过RTMP Plugin扩展之后的网页播放器，代码如下所示。
RTMP Sample Player FlowPlayer
RTMP Sample Player FlowPlayer
Lei Xiaohua
http://blog.csdn.net/leixiaohua1020
[email protected]
Sample RTMP URL (Live) is "rtmp://live.hkstv.hk.lxdns.com/live/hks"
播放器的效果如下图所示，图中正在播放的视频的URL为rtmp://live.hkstv.hk.lxdns.com/live/hks
RTMP Sample Player VideoJS
注：Video.js是一个基于JavaScript的HTML5视频播放器，本身是开源的。
RTMP Sample Player VideoJS是基于Video.js的RTMP播放器。其中包含两个播放器：
- Sample Player VideoJS：HTTP点播网页播放器
- RTMP Sample Player VideoJS：RTMP网页播放器
Sample Player Videojs
Sample Player Videojs
Lei Xiaohua
http://blog.csdn.net/leixiaohua1020
[email protected]
播放器的效果如下图所示，图中正在播放的视频的URL为http://video-js.zencoder.com/oceans-clip.mp4
RTMP Sample Player VideoJS是支持RTMP的网页播放器，代码如下所示。
RTMP Sample Player Videojs
RTMP Sample Player Videojs
Lei Xiaohua
http://blog.csdn.net/leixiaohua1020
[email protected]
播放器的效果如下图所示，图中正在播放的视频的URL为rtmp://ams.studytv.cn/livepkgr/264
RTMP Sample Player JWPlayer
JW Player官网：http://www.jwplayer.com
注：最新版的JW Player似乎不能免费使用RTMP播放功能了，这里使用的是旧版的JW Player
RTMP Sample Player JWPlayer是基于JW Player的RTMP播放器。其中包含两个播放器：
- Sample Player JWPlayer：HTTP点播网页播放器
- RTMP Sample Player JWPlayer：RTMP网页播放器
Sample Player JWPlayer
Sample Player JWPlayer
Lei Xiaohua
http://blog.csdn.net/leixiaohua1020
[email protected]
This text will be replaced
播放器的效果如下图所示，图中正在播放的视频的URL为本地的sintel.mp4
RTMP Sample Player JWPlayer是支持RTMP的网页播放器，代码如下所示。
RTMP Sample Player JWPlayer
RTMP Sample Player JWPlayer
Lei Xiaohua
http://blog.csdn.net/leixiaohua1020
[email protected]
This text will be replaced
Sample RTMP URL (Live) is "rtmp://wx.cnrmall.com/live/flv"
播放器的效果如下图所示，图中正在播放的视频的URL为rtmp://wx.cnrmall.com/live/flv
HLS Sample Player Flowplayer
HLS Sample Player Flowplayer是增加了HLS Plugin扩展之后的FlowPlayer。增加了HLS Plugin之后，FlowPlayer增加了对HLS的支持。代码如下所示。
HLS Sample Player Flowplayer
HLS Sample Player Flowplayer
Lei Xiaohua
http://blog.csdn.net/leixiaohua1020
[email protected]
播放器的效果如下图所示，图中正在播放的视频的URL为http://stream.flowplayer.org/drive.m3u8
HLS Video Player Html5
HLS Video Player Html5是使用了HTML5的