RTMP与Flowplayer实现web页面视频流播放功能

官网地址:https://flowplayer.com/

基于RTMP实时消息通信协议与Flowplayer的示例:

<!-- widescreen container, 560x240 (clip dimensions) * 1.15, center splash -->
<div id="wowza" style="width:644px;height:276px;margin:0 auto;text-align:center">
    <img src="/media/img/player/splash_black.jpg"
         height="276" width="548" style="cursor:pointer" />
</div>

$f("wowza", "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf", {
 
    clip: {
        url: 'mp4:vod/demo.flowplayer/buffalo_soldiers.mp4',
        scaling: 'fit',
        // configure clip to use hddn as our provider, referring to our rtmp plugin
        provider: 'hddn'
    },
 
    // streaming plugins are configured under the plugins node
    plugins: {
 
        // here is our rtmp plugin configuration
        hddn: {
            url: "flowplayer.rtmp-3.2.13.swf",
 
            // netConnectionUrl defines where the streams are found
            netConnectionUrl: 'rtmp://r.demo.flowplayer.netdna-cdn.com/play'
        }
    },
    canvas: {
        backgroundGradient: 'none'
    }
});
示例参考地址: http://flash.flowplayer.org/plugins/streaming/rtmp.html

=============更多参考内容:=================================

最简单的基于Flash的流媒体示例:网页播放器(HTTP,RTMP,HLS)

Flowplayer基于视频流的免费web视频播放器

基于RTMP协议的Flash流媒体网页直播播放器

最简单的基于Flash的流媒体示例:RTMP推送和接收(ActionScript)

Flash视频播放器flowplayer的使用

FlowPlayer 参数说明

videoJS/ckPlayer开源播放器二次开发(播放rtmp、hls直播流及普通视频)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值