最简单的基于Flash的流媒体示例：网页播放器（HTTP，RTMP，HLS）

最新推荐文章于 2024-10-25 11:54:01 发布
最新推荐文章于 2024-10-25 11:54:01 发布
阅读量8.3k 收藏 2
点赞数
本文继续上一篇文章，记录一些基于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是从Adobe Flash Media Sever提取出来的测试播放器，平时测试使用非常方便，把测试的RTMP地址粘贴到下方的“Stream URL”里面，单击右侧红色的“Play Stream”就可以播放流媒体了。
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官网： http://flash.flowplayer.org/
注：FlowPlayer有两个版本：HTML5版本和Flash版本，本文中使用的是Flash版本。

RTMP Sample Player Flowplayer是基于FlowPlayer的网页播放器。其中包含两个播放器：
  • Sample Player Flowplayer：HTTP点播网页播放器
  • RTMP Sample Player Flowplayer：RTMP网页播放器
FlowPlayer原生支持HTTP点播，通过RTMP Plugin扩展之后支持RTMP。

Sample Player Flowplayer是支持HTTP点播的网页播放器，代码如下所示。
[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <html>  
  2. <head>  
  3. <script type="text/javascript" src="flowplayer-3.2.8.min.js"></script>  
  4. <title>Sample Player FlowPlayer</title>  
  5. </head>  
  6.   
  7.   
  8. <body>      
  9.     <h1>Sample Player FlowPlayer</h1>  
  10.   
  11.   
  12.     <p>Lei Xiaohua<br/>  
  13.     <a href="http://blog.youkuaiyun.com/leixiaohua1020">http://blog.youkuaiyun.com/leixiaohua1020</a><br/>  
  14.     leixiaohua1020@126.com</p>  
  15.       
  16.     <!-- this A tag is where your Flowplayer will be placed. it can be anywhere -->  
  17.     <a    
  18.          href="http://video-js.zencoder.com/oceans-clip.mp4"  
  19.          style="display:block;width:520px;height:330px"    
  20.          id="player">   
  21.     </a>   
  22.     <!-- this will install flowplayer inside previous A- tag. -->  
  23.     <script>  
  24.     flowplayer("player", "flowplayer-3.2.8.swf");  
  25.     </script>  
  26.       
  27. </body>  
  28. </html>  

播放器的效果如下图所示，图中正在播放的视频文件的URL为http://video-js.zencoder.com/oceans-clip.mp4


RTMP Sample Player Flowplayer是经过RTMP Plugin扩展之后的网页播放器，代码如下所示。

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <script type="text/javascript" src="flowplayer-3.2.8.min.js"></script>  
  5. <title>RTMP Sample Player FlowPlayer</title>  
  6. </head>  
  7.   
  8.   
  9. <body>      
  10.     <h1>RTMP Sample Player FlowPlayer</h1>  
  11.   
  12.   
  13.     <p>Lei Xiaohua<br/>  
  14.     <a href="http://blog.youkuaiyun.com/leixiaohua1020">http://blog.youkuaiyun.com/leixiaohua1020</a><br/>  
  15.     leixiaohua1020@126.com</p>  
  16.       
  17.     <!-- this A tag is where your Flowplayer will be placed. it can be anywhere -->  
  18.     <a    
  19.          href="#"  
  20.          style="display:block;width:520px;height:330px"    
  21.          id="player">   
  22.     </a>   
  23.     <!-- this will install flowplayer inside previous A- tag. -->  
  24.     <script>  
  25.     flowplayer("player", "flowplayer-3.2.8.swf",{   
  26.         clip: {   
  27.           url: 'hks',  
  28.           provider: 'rtmp',  
  29.           live: true,   
  30.         },    
  31.         plugins: {    
  32.            rtmp: {    
  33.              url: 'flowplayer.rtmp-3.2.8.swf',    
  34.              netConnectionUrl: 'rtmp://live.hkstv.hk.lxdns.com/live'  
  35.            }   
  36.        }   
  37.     });  
  38.     </script>  
  39.   
  40.   
  41.     <p>         
  42.         Sample RTMP URL (Live) is "rtmp://live.hkstv.hk.lxdns.com/live/hks"  
  43.     </p>  
  44.       
  45. </body>  
  46. </html>  

播放器的效果如下图所示，图中正在播放的视频的URL为rtmp://live.hkstv.hk.lxdns.com/live/hks

RTMP Sample Player VideoJS


Video.js官网： http://www.videojs.com/
注：Video.js是一个基于JavaScript的HTML5视频播放器，本身是开源的。

RTMP Sample Player VideoJS是基于Video.js的RTMP播放器。其中包含两个播放器：
  • Sample Player VideoJS：HTTP点播网页播放器
  • RTMP Sample Player VideoJS：RTMP网页播放器
Sample Player VideoJS是支持HTTP点播的网页播放器，代码如下所示。
[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.   <title>Sample Player Videojs</title>  
  5.   <!-- Chang URLs to wherever Video.js files will be hosted -->  
  6.   <link href="video-js.css" rel="stylesheet" type="text/css">  
  7.   <!-- video.js must be in the <head> for older IEs to work. -->  
  8.   <script src="video.js"></script>  
  9.   <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->  
  10.   <script>  
  11.     videojs.options.flash.swf = "video-js.swf";  
  12.   </script>  
  13. </head>  
  14. <body>  
  15. <h1>Sample Player Videojs</h1>  
  16. <p>Lei Xiaohua<br/>  
  17.     <a href="http://blog.youkuaiyun.com/leixiaohua1020">http://blog.youkuaiyun.com/leixiaohua1020</a><br/>  
  18.     leixiaohua1020@126.com</p>  
  19.   <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"  
  20.       poster="http://video-js.zencoder.com/oceans-clip.png"  
  21.       data-setup="{}">  
  22.     <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />  
  23.     <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />  
  24.     <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />  
  25.     <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track>  
  26.     <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track>  
  27.     <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>  
  28.   </video>  
  29.   
  30.   
  31. </body>  
  32. </html>  

播放器的效果如下图所示，图中正在播放的视频的URL为http://video-js.zencoder.com/oceans-clip.mp4
 

RTMP Sample Player VideoJS是支持RTMP的网页播放器，代码如下所示。
[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.   <title>RTMP Sample Player Videojs</title>  
  5.   <!-- Chang URLs to wherever Video.js files will be hosted -->  
  6.   <link href="video-js.css" rel="stylesheet" type="text/css">  
  7.   <!-- video.js must be in the <head> for older IEs to work. -->  
  8.   <script src="video.js"></script>  
  9.   <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->  
  10.   <script>  
  11.     videojs.options.flash.swf = "video-js.swf";  
  12.   </script>  
  13. </head>  
  14. <body>  
  15. <h1>RTMP Sample Player Videojs</h1>  
  16. <p>Lei Xiaohua<br/>  
  17.     <a href="http://blog.youkuaiyun.com/leixiaohua1020">http://blog.youkuaiyun.com/leixiaohua1020</a><br/>  
  18.     leixiaohua1020@126.com</p>  
  19.   <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="480" data-setup="{}">  
  20.     <source src="rtmp://ams.studytv.cn/livepkgr/264" type="rtmp/flv"/>  
  21.       
  22.     <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>  
  23.   </video>  
  24.   
  25.   
  26. </body>  
  27. </html>  

播放器的效果如下图所示，图中正在播放的视频的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是支持HTTP点播的网页播放器，代码如下所示。
[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <!DOCTYPE html>  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4.     <title>Sample Player JWPlayer</title>  
  5.     <script type='text/javascript' src='jwplayer.js'></script>  
  6. </head>  
  7. <body>  
  8.     <h1>Sample Player JWPlayer</h1>  
  9.     <p>Lei Xiaohua<br/>  
  10.     <a href="http://blog.youkuaiyun.com/leixiaohua1020">http://blog.youkuaiyun.com/leixiaohua1020</a><br/>  
  11.     leixiaohua1020@126.com</p>  
  12.       
  13.     <div id='mediaspace'>This text will be replaced</div>  
  14.     <script type='text/javascript'>  
  15.       jwplayer('mediaspace').setup({  
  16.         'flashplayer': 'player.swf',  
  17.         'file': 'sintel.mp4',  
  18.         'controlbar': 'bottom',  
  19.         'width': '640',  
  20.         'height': '360'  
  21.       });  
  22.     </script>  
  23.       
  24. </body>  
  25. </html>  

播放器的效果如下图所示，图中正在播放的视频的URL为本地的sintel.mp4
 

RTMP Sample Player JWPlayer是支持RTMP的网页播放器，代码如下所示。
[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <!DOCTYPE html>  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4.     <title>RTMP Sample Player JWPlayer</title>  
  5.     <script type='text/javascript' src='jwplayer.js'></script>  
  6. </head>  
  7. <body>  
  8.     <h1>RTMP Sample Player JWPlayer</h1>  
  9.     <p>Lei Xiaohua<br/>  
  10.     <a href="http://blog.youkuaiyun.com/leixiaohua1020">http://blog.youkuaiyun.com/leixiaohua1020</a><br/>  
  11.     leixiaohua1020@126.com</p>  
  12.       
  13.     <div id='mediaspace'>This text will be replaced</div>  
  14.     <script type='text/javascript'>  
  15.       jwplayer('mediaspace').setup({  
  16.         'flashplayer': 'player.swf',  
  17.         'file': 'flv',  
  18.         'streamer': 'rtmp://wx.cnrmall.com/live',  
  19.         'controlbar': 'bottom',  
  20.         'width': '640',  
  21.         'height': '360'  
  22.       });  
  23.     </script>  
  24.     <p>         
  25.         Sample RTMP URL (Live) is "rtmp://wx.cnrmall.com/live/flv"  
  26.     </p>  
  27. </body>  
  28. </html>  

播放器的效果如下图所示，图中正在播放的视频的URL为rtmp://wx.cnrmall.com/live/flv


HLS Sample Player Flowplayer

HLS Sample Player Flowplayer是增加了HLS Plugin扩展之后的FlowPlayer。增加了HLS Plugin之后，FlowPlayer增加了对HLS的支持。代码如下所示。
[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <!DOCTYPE HTML>  
  2. <html>  
  3. <head>  
  4. <title>HLS Sample Player Flowplayer</title>  
  5. <script type="text/javascript" src="flowplayer-3.2.12.min.js"></script>  
  6. <script type="text/javascript" src="flowplayer.ipad-3.2.12.min.js"></script>  
  7. </head>  
  8.   
  9.   
  10. <body>  
  11. <h1>HLS Sample Player Flowplayer</h1>  
  12. <p>Lei Xiaohua<br/>  
  13.     <a href="http://blog.youkuaiyun.com/leixiaohua1020">http://blog.youkuaiyun.com/leixiaohua1020</a><br/>  
  14.     leixiaohua1020@126.com</p>  
  15. <!-- player container-->  
  16. <a style="display: block; width: 660px; height: 350px;" id="flashls_vod">  
  17. </a>  
  18.   
  19.   
  20. <!-- Flowplayer installation and configuration -->  
  21. <script type="text/javascript">  
  22. flowplayer("flashls_vod", "flowplayer.swf", {  
  23.     // configure the required plugins  
  24.     plugins: {  
  25.         flashls: {  
  26.             url: 'flashlsFlowPlayer.swf',  
  27.         }  
  28.     },  
  29.     clip: {  
  30.         url: "http://stream.flowplayer.org/drive.m3u8",  
  31.         //url: "http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8",  
  32.         //live: true,  
  33.         urlResolvers: "flashls",  
  34.         provider: "flashls"  
  35.     }  
  36. }).ipad();  
  37. </script>  
  38. <p>  
  39.   
  40.   
  41. </p>  
  42.   
  43.   
  44. </body>  
  45. </html>  

播放器的效果如下图所示，图中正在播放的视频的URL为http://stream.flowplayer.org/drive.m3u8


HLS Video Player Html5

 
HTML5 Video标签参考：http://www.w3school.com.cn/html5/html5_video.asp
HLS Video Player Html5是使用了HTML5的<Video>标签的网页播放器（实际上就是一张网页）。源代码如下所示。
[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <!DOCTYPE HTML>  
  2. <html>  
  3. <head>  
  4. <title>Video Player Html5</title>  
  5. </head>  
  6. <body>  
  7. <h1>Video Player Html5</h1>  
  8. <p>Lei Xiaohua<br/>  
  9.     <a href="http://blog.youkuaiyun.com/leixiaohua1020">http://blog.youkuaiyun.com/leixiaohua1020</a><br/>  
  10.     leixiaohua1020@126.com</p>  
  11. <video src="sintel.mp4" controls="controls">  
  12. your browser does not support the video tag  
  13. </video>  
  14.   
  15.   
  16. </body>  
  17. </html>  

在这里需要注意，<video>标签需要浏览器支持HTML。如果浏览器不支持HTML5的话，打开网页会显示如下信息。
 
如果浏览器支持HTML5，打开网页的效果如下图所示。图中正在播放的视频的URL为sintel.mp4


ActiveX VLC Player


ActiveX VLC Player与上述的网页播放器有很大的不同，主要用于对比。ActiveX VLC Player是基于ActiveX控件的播放器。基于ActiveX控件意味着只有IE支持该网页播放器，而且要求本机必须首先安装VLC。
由于有几乎“万能”的VLC Media Player做后盾，该网页播放器的性能是相当强的：不仅支持上文中提到的各种播放器支持的HTTP、RTMP、HLS，而且支持MMS、RTSP以及UDP这些协议（VLC Media Player支持的协议它都支持）。
ActiveX VLC Player源代码如下所示。
[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <!DOCTYPE HTML>  
  2. <html>  
  3. <head>  
  4. <title>ActiveX VLC Player</title>  
  5. </head>  
  6. <body>  
  7. <h1>ActiveX VLC Player</h1>  
  8. <p>Lei Xiaohua<br/>  
  9. <!-- To run this demo you should install VLC first -->  
  10.     <a href="http://blog.youkuaiyun.com/leixiaohua1020">http://blog.youkuaiyun.com/leixiaohua1020</a><br/>  
  11.     leixiaohua1020@126.com</p>  
  12. <OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"  
  13.     codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"  
  14.        width="640" height="480" id="vlc" events="True">  
  15.  <!--<param name="Src" value="http://video-js.zencoder.com/oceans-clip.mp4" />-->  
  16.  <!--<param name="Src" value="http://live.3gv.ifeng.com/live/CCTV13.m3u8" />-->  
  17.  <!--<param name="Src" value="rtmp://live.hkstv.hk.lxdns.com/live/hks" />-->  
  18.  <!--<param name="Src" value="mmst://media.shtv.net.cn/shtv" />-->  
  19.  <param name="Src" value="rtsp://58.248.254.7:9135/live/ds-mmzh.sdp" />  
  20.    
  21.  <param name="ShowDisplay" value="True" />  
  22.  <param name="AutoLoop" value="False" />  
  23.  <param name="AutoPlay" value="True" />  
  24.  </OBJECT>  
  25.   
  26.   
  27. </body>  
  28. </html>  

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

下载


Simplest flashmedia example

SourceForge： https://sourceforge.net/projects/simplestflashmediaexample/
Github： https://github.com/leixiaohua1020/simplest_flashmedia_example
开源中国： http://git.oschina.net/leixiaohua1020/simplest_flashmedia_example

优快云下载：http://download.youkuaiyun.com/detail/leixiaohua1020/8456499


本工程包含如下基于Flash技术的流媒体的例子：
simplest_as3_rtmp_player:  最简单的RTMP播放器（基于ActionScript）
simplest_as3_rtmp_streamer:最简单的RTMP推流器（基于ActionScript）
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控件的播放器

注意：某些播放器直接打开html页面是不能工作的，需要把播放器放到Web服务器上。

（例如Apache或者Nginx）


http://blog.youkuaiyun.com/leixiaohua1020/article/details/43936415

wishfly
关注
搭建rtmp直播流服务之4:videojs和ckPlayer开源播放器二次开发(播放rtmp、hls直播流及普通视频)
eguid音视频技术分享（JavaCV教程、FFmpeg教程、openCV图像处理教程、音视频教程）
07-13 3万+
本章讲一下播放器的选用和二次开发，前端的播放器虽然有flex(flash)可以用，但是很遗憾flex接触的并不多，学习成本又太高，那么基于第三方开源的flash播放器二次开发就显得很有必要。 那么播放器，哪些已经不再更新的和收费的，这里不会介绍，只介绍两种轻量级的开源播放器。 1、videoJS 对于HTML5支持非常棒，可以自动在flash和html5播放器之间进行切换，不过遗憾的是videoJS对于IE9以下的浏览器不在兼容，它提供的界面非常简洁，需要对界面进行二次开发。 2、ckPlayer 这个播放
RTMP播放器全解析
大牛直播SDK
09-27 1753
RTMP 播放器是一种专门用于播放采用 RTMP（Real Time Messaging Protocol）协议的视频流的工具。在当今的流媒体播放领域中，它扮演着至关重要的角色。RTMP 播放器能够实时接收、解码和播放来自服务器的音频、视频数据，为用户提供流畅的观看体验。在直播场景中，RTMP 播放器能够实现低延迟播放，让观众与主持人之间的互动更加及时。例如，在会议类直播中，参会者可以通过文字聊天与主讲人互动，而 RTMP 播放器的低延迟特性能够确保观众的评论和主讲人的回应之间的时间差尽可能小。
主流web界面播放器的页面引用以及浏览器的支持情况分析（VLC）
yuanye的博客
05-26 2335
本文主要介绍常用的web界面播放器的引用方式以及个浏览器对其的支持
网页可以播放RTMP视频流,支持RTMP的网页播放器
liveweb视频汇聚平台
08-21 2560
对于这些要求，我们的视频流媒体服务器已经解决。我们研发的流媒体服务器自身支持对成功接入的摄像机实时视频进行7*24h录像，支持录像的检索与回放，并且支持网络硬盘录像机NVR按设备、通道、日期获取对应录像文件进行录像的检索与回放，无需安装各个安防厂商的视频播放插件。我们知道多数监控摄像头都是支持RTMP协议的，当然公安部的摄像头是支持GB28181协议的，这个我们在本文不做过多赘述，我们来探讨一下网页播放RTMP视频流的播放器。当然是可以的，但是对于PC端来说，网页播放RTMP流媒体视频流将会承受更多的。
浏览器播放rtmp流
weixin_30265103的博客
01-05 1429
我是利用flash插件实现的，需要以下几个文件： 　　flowplayer-3.2.8.min.js 　　flowplayer-3.2.18.swf 　　flowplayer.rtmp-3.2.8.swf 　　flowplayer.controls-3.2.16.swf 下载地址如下： 　　链接:https://pan.baidu.com/s/1qZsDeTQ 密码:k5ak H...
flowplayer.js-video:FlowPlayer是一个用Flash开发的在Web上的网页flash播放器代码，你可以很容易地将它集成在任何的网页上使用。FlowPlayer提供了良好的用户体验，支持预加载，多次播放，播放列表，全屏播放模式等，可以支持HTTP以及流媒体传输。Flowplayer是一款开源软件，在该页面你同时可以下载到源代码。所以FlowPlayer也是一个flash播放器源码软件，你可以下载使用。它提供了一个简单的方法，在网站中嵌入视频播放器。这样可替换普通的FLV播放器，这其
03-22
FlowPlayer是一个用Flash开发的在Web上的网页flash播放器代码，你可以很容易地将它集成在任何的网页上使用。FlowPlayer提供了良好的用户体验，支持预加载，多次播放，播放列表，全屏播放模式等，还能支持HTTP以及流媒体传输。 所以FlowPlayer也是一个flash播放器源码软件，你可以下载使用。它提供了一个简单的方法，在网站中嵌入视频播放器。这样可作为普通的FLV播放器，这其中有大量的功能和非常灵活和强大的配置选项。
最简单的基于Flash的流媒体示例 网页播放器（HTTP，RTMP，HLS）
gfjjggg的博客
01-21 1908
最简单的基于Flash的流媒体示例 网页播放器（HTTP，RTMP，HLS）
Python实现流媒体协议：HLS、RTMP案例分析与应用
[Python实现流媒体协议：HLS、RTMP案例分析与应用](https://www.ionos.co.uk/digitalguide/fileadmin/DigitalGuide/Schaubilder/diagram-of-how-the-real-time-messaging-protocol-works_1_.png) # 1. 流媒体协议...
【流媒体协议深度解析】：掌握RTMP、HLS等协议录制直播的技巧
![【流媒体协议深度解析】：掌握RTMP、HLS等...本文对RTMP和HLS两大主流流媒体协议进行了全面解析，涵盖了各自的工作原理、服务器搭建、以及录制和直播技巧。同时，本文还提供了使用FFmpeg工具进行流媒体处理的实战演
深入解析：Vue中使用RTMP协议流媒体的最佳实践，专家推荐
[深入解析：Vue中使用RTMP协议流媒体的最佳实践，专家推荐](https://www.ionos.co.uk/digitalguide/fileadmin/DigitalGuide/Schaubilder/diagram-of-how-the-real-time-messaging-protocol-works_1_.png) ...
全WEB端支持H.265,RTSP/RTMP/FLV视频流4k超清播放器方案
最新发布
fangji999的专栏
10-25 753
全WEB端支持H.265,RTSP/RTMP/FLV视频流4k超清播放器方案
HTML 直播 RTMP流实时播放
qq_27933251的博客
09-17 3万+
HTML 直播 RTMP流实时播放 直接帖代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <div id="playercontainer...
探索EasyPlayer-RTMP-Win：一款强大的实时流媒体播放器
gitblog_00040的博客
04-22 920
探索EasyPlayer-RTMP-Win：一款强大的实时流媒体播放器 去发现同类优质开源项目:https://gitcode.com/ 项目简介 是一个专为Windows平台设计的开源RTMP播放器。它由EasyDSS团队开发，旨在提供简单、高效且功能丰富的实时流媒体播放解决方案。这款软件支持RTMP协议，能够处理多种流媒体格式，使得开发者和用户都能够轻松地在本地系统上实现流畅的视频播放。 技术...
Android平台RTMP|RTSP直播播放器功能进阶探讨
大牛直播SDK
08-26 1814
实际上，除了上述提到的功能外，RTMP或RTSP播放器，还需要支持的客制化功能有支持回调H.264/H.265/AAC数据，或回到解码后的YUV或RGB数据，设置播放缓冲、设置快速播放、设置音频输出类型等，一个通用的RTSP、RTMP播放器，延迟是基础、功能完备是加分项，性能优异稳定性好，才敢推给客户，让客户在现场放心使用，无后顾之忧。
探索EasyPlayer-RTMP-Android：高效流畅的实时流媒体播放器
gitblog_00058的博客
03-31 954
探索EasyPlayer-RTMP-Android：高效流畅的实时流媒体播放器 去发现同类优质开源项目:https://gitcode.com/ 在这个数字化的时代，实时流媒体已经成为我们生活的一部分。无论是在线教育、远程办公，还是娱乐直播，流媒体技术都在其中起着关键作用。今天，我们要向您推荐一个开源的Android实时流媒体播放器——EasyPlayer-RTMP-Android。这款强大的工具...
Windows平台RTSP|RTMP播放器如何实现细粒度录像控制
大牛直播SDK
04-17 959
上述是Window平台RTSP|RTMP直播播放录像相关的接口设计探讨，感兴趣的开发者，可以单独和我交流。有人说国内的互联网环境下，做SDK真的很难生存，是的，开源的那么多，干嘛非要用你们的？但是也有人说，目前好多传统行业，对流媒体直播这块，技术要求非常高，市面上找个靠谱的，真的太难了。专注做好一件事，极致做精一件事，口碑做成一件事，比快更快，让RTSP|RTMP直播播放器更适用于延迟要求苛刻的使用场景（如平衡控制、无人机、智能机器人等），是我们一直的追求。
m3u8，rtsp，rtmp，flv，mp4直播流在线测试地址（2022年8月）
热门推荐
changyana的博客
08-12 7万+
前端做直播视频展示的时候，很多时候播放不出来，不是因为自己代码的问题，而是因为网上很多源视频流现在已经播放不出来了，所以源头都有问题，那自己的前端肯定就放不出来。今天是2022.08.12，刚好有做直播视频的需求，在网上找可以测试的视频流，结果发现好多好多2020年、2021年的都用不了，现在总结一下我目前测试可用的。...
如何利用videojs实现RTMP流媒体播放
首先，你需要准备一个支持RTMP协议的视频流媒体服务器，如使用开源软件Nginx配合RTMP模块搭建的服务器。然后，将你的视频内容推送到该服务器上。 部署视频流后，你需要在页面上嵌入Video.js播放器，并引入相应的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值