浏览器播放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>  

 

转载于:https://www.cnblogs.com/wuchaodzxx/p/8205394.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值