浏览器播放rtmp流

我是利用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

HTML代码如下:

<!DOCTYPE html>  
<html>  
<head>  
<script type="text/javascript" src="flowplayer-3.2.8.min.js"></script>  
<title>RTMP Sample Player FlowPlayer</title>  
</head>  
  
  
<body>      
    <h1>RTMP Sample Player FlowPlayer</h1>  
  
    <!-- this A tag is where your Flowplayer will be placed. it can be anywhere -->  
    <a    
         href="#"  
         style="display:block;width:520px;height:330px"    
         id="player">   
    </a>   
    <!-- this will install flowplayer inside previous A- tag. -->  
    <script>  
    flowplayer("player", "flowplayer-3.2.18.swf",{   
        clip: {   
          url: 'rtmp://192.168.1.104:1935/live/record',
          provider: 'rtmp',  
          live: true,   
        },    
        plugins: {    
           rtmp: {    
             url: 'flowplayer.rtmp-3.2.8.swf',    
             netConnectionUrl: 'rtmp://192.168.1.104:1935/live/record'
           }   
       }   
    });  
    </script>  
  
  
    <p>         
        Sample RTMP URL (Live) is "rtmp://192.168.1.104:1935/live/record"  
    </p>  
      
</body>  
</html>  

 

posted @ 2018-01-05 16:33  且听风吟-wuchao  阅读(15733)  评论(1编辑  收藏  举报