网页flash抓取器(本文记录基于Flash的流媒体处理的处理例子(组图))

优采云 发布时间: 2022-02-19 06:18

  网页flash抓取器(本文记录基于Flash的流媒体处理的处理例子(组图))

  本文延续上一篇文章,记录一些基于Flash的流媒体处理示例。本文记录了一些基于Flash技术的网络播放器。与其他网页播放器相比,基于Flash的网页播放器最大的优势就是“无需安装插件”,可以大大提升用户体验质量。早期网络视频(尤其是直播)一般使用ActiveX控件作为视频播放器,而这些控件并不普及,最终用户不得不下载相关插件才能观看节目,导致很多用户不熟悉电脑。大障碍。直到 Flash 网络播放器的出现,这个障碍才得以解决。本文将记录几个常用的网页播放器,以供日后开发和测试。

  本文记录以下几种常用的网页播放器:

  rtmp_sample_player_adobe:从 Adob​​e Flash Media Server 提取的测试播放器 rtmp_sample_player_wowza:从 Wowza 服务器提取的测试播放器 rtmp_sample_player_flowplayer:基于 FlowPlayer 的 RTMP/HTTP 播放器(添加 RTMP 插件) rtmp_sample_player_videojs:基于 VideoJS 的 RTMP/HTTP 播放器 rtmp_sample_player_jwplayer:基于 JWplayer 的 RTMP/HTTP 播放器hls_sample_player_flowplayer:基于 FlowPlayer 的 HLS 播放器(添加 HLS 插件) hls_video_player_html5:基于 HTML5 的 HLS/HTTP 播放器 activex_vlc_player:基于 VLC ActiveX 控件的播放器

  RTMP 示例播放器 Adob​​e

  RTMP Sample Player Adob​​e 是从 Adob​​e Flash Media Sever 中提取的测试播放器。测试和使用都非常方便。将测试RTMP地址粘贴到下方的“Stream URL”中,点击右侧红色的“Play Stream”。立即播放流媒体。RTMP Sample Player Adob​​e 的屏幕截图如下所示。

  RTMP 示例播放器 Wowza

  RTMP Sample Player Wowza 是从 Wowza Streaming Engine 提取的一个测试播放器。在正常测试中使用也很方便。将RTMP地址粘贴到对应的输入框中,点击“开始”播放流媒体。RTMP Sample Player Wowza 的截图如下所示。

  RTMP 示例播放器 Flowplayer

  FlowPlayer官网:注:FlowPlayer有两个版本:HTML5版和Flash版,本文使用Flash版。

  RTMP 示例播放器 Flowplayer 是基于 FlowPlayer 的网络播放器。它包括两个播放器: Sample Player Flowplayer:HTTP 点播网络播放器 RTMP Sample Player Flowplayer:RTMP 网络播放器 FlowPlayer 原生支持 HTTP 点播,通过 RTMP Plugin 扩展后支持 RTMP。

  示例播放器 Flowplayer 是一个支持 HTTP 点播的网络播放器。代码如下所示。

  示例播放器 FlowPlayer

  雷晓华

  播放器的效果如下图所示,图中正在播放的视频文件的URL为

  RTMP Sample Player Flowplayer 是一个由 RTMP Plugin 扩展的网页播放器。代码如下所示。

  RTMP 示例播放器 FlowPlayer

  雷晓华

  示例 RTMP URL(实时)是“rtmp:///live/hks”

  播放器的效果如下图所示。图中正在播放的视频的URL是rtmp:///live/hks

  RTMP 示例播放器 VideoJS

  Video.js官网:注:Video.js是一个基于JavaScript的HTML5视频播放器,是开源的。

  RTMP 示例播放器 VideoJS 是基于 Video.js 的 RTMP 播放器。它收录两个播放器: Sample Player VideoJS:HTTP 点播网络播放器 RTMP Sample Player VideoJS:RTMP 网络播放器 Sample Player VideoJS 是一个支持 HTTP 点播的网络播放器。代码如下。

  示例播放器 Videojs

  雷晓华

  要观看此视频,请启用 JavaScript,并考虑升级到支持 HTML5 视频的网络浏览器

  播放器的效果如下图所示,图中正在播放的视频的网址为

  RTMP 示例播放器 VideoJS 是一个支持 RTMP 的网页播放器,代码如下。

  RTMP 示例播放器 Videojs

  雷晓华

  要观看此视频,请启用 JavaScript,并考虑升级到支持 HTML5 视频的网络浏览器

  播放器的效果如下图所示。图中正在播放的视频的URL为rtmp:///livepkgr/264

  RTMP 示例播放器 JWPlayer

  JW播放器官网:

  注:最新版的JW Player好像不能免费使用RTMP播放功能,这里是老版本的JW Player

  RTMP 示例播放器 JWPlayer 是基于 JW Player 的 RTMP 播放器。它收录两个播放器: Sample Player JWPlayer:HTTP 点播网络播放器 RTMP Sample Player JWPlayer:RTMP 网络播放器 Sample Player JWPlayer 是一个支持 HTTP 点播的网络播放器。代码如下。

  示例播放器 JWPlayer

  雷晓华

  这条消息将被替代

  播放器的效果如下图所示。图中正在播放的视频的网址是本地的sintel.mp4

  RTMP Sample Player JWPlayer是一个支持RTMP的网页播放器,代码如下。

  RTMP 示例播放器 JWPlayer

  雷晓华

  这条消息将被替代

  示例 RTMP URL(实时)是“rtmp:///live/flv”

  播放器的效果如下图所示。图中正在播放的视频的网址是rtmp:///live/flv

  HLS 示例播放器 Flowplayer

  HLS Sample Player Flowplayer 是添加 HLS Plugin 扩展后的 FlowPlayer。添加 HLS 插件后,FlowPlayer 增加了对 HLS 的支持。代码如下所示。

  HLS 示例播放器 Flowplayer

  雷晓华

  播放器的效果如下图所示,图中正在播放的视频的网址为

  HLS 视频播放器 Html5

  HTML5 Video标签参考: HLS Video Player Html5是一个使用HTML5标签的网络播放器(实际上是网页)。源代码如下所示。

  视频播放器 Html5

  雷晓华

  您的浏览器不支持 video 标签

  需要注意的是,标签需要浏览器支持 HTML。如果浏览器不支持 HTML5,打开网页会显示如下信息。

  如果浏览器支持HTML5,打开网页的效果如下图所示。图片中正在播放的视频的网址是sintel.mp4

  ActiveX VLC 播放器

  ActiveX VLC Player 与上述网页播放器有很大不同,主要用于比较。ActiveX VLC Player 是一个基于 ActiveX 控件的播放器。基于ActiveX控件意味着只有IE支持网页播放器,并且要求机器上必须先安装VLC。得益于几乎“万能”的 VLC 媒体播放器,网页播放器的性能相当强劲:不仅支持 HTTP、RTMP、HLS,还支持 MMS、RTSP 和 UDP,上面提到的各种播放器都支持更多。这些协议(VLC Media Player 支持的所有协议都支持)。ActiveX VLC Player 源代码如下所示。

  ActiveX VLC 播放器

  雷晓华

  播放器的效果如下图所示。图中正在播放的视频的URL为rtsp://58.248.254.7:9135/live/ds-mmzh。sdp

  下载

  最简单的 flashmedia 示例

  SourceForge:Github:开源中国:

  CSDN下载:

  本项目收录以下基于 Flash 技术的流媒体示例: simple_as3_rtmp_player:最简单的 RTMP 播放器(基于 ActionScript)从 Wowza 服务器提取 rtmp_sample_player_flowplayer:基于 FlowPlayer 的 RTMP/HTTP 播放器(添加 RTMP 插件) rtmp_sample_player_videojs:基于 VideoJS 的 RTMP/HTTP 播放器 rtmp_sample_player_jwplayer:基于 JWplayer 的 RTMP/HTTP 播放器 hls_sample_player_flowplayer:基于 FlowPlayer 的 HLS 播放器(添加 HLS 插件) hls_video_player_html5:基于HTML5的HLS/HTTP播放器activex_vlc_player:基于VLC的ActiveX控件播放器

  注意:部分播放器无法直接打开html页面,需要将播放器放到web服务器上。(例如 Apache 或 Nginx)

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线