RTMP Streaming

Below is an example of a standard Flowplayer installation at 640x480 using RTMP through our Wowza Media Server installation.

Flowplayer RTMP Streaming

Source Code

flowplayer("player1", "flowplayer/flowplayer-3.2.1-dev.swf", {
clip: {
url: 'vod/hddn/video.flv',
autoPlay: false,
provider: 'rtmp'
},
plugins: {
rtmp: {
url: 'flowplayer/flowplayer.rtmp-3.2.0.swf',
netConnectionUrl: 'rtmp://r.ZONE.ALIAS.netdna-cdn.com/play'
}
}
});

Including the Splash Screen

Below is the same example with the splash screen shown before the video is loaded.

Source Code

flowplayer("player2", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf", {
        clip: {
            url: 'vod/ZONE.ALIAS/video.flv',
            autoPlay: false,
            provider: 'rtmp'
        },
        plugins: {
            rtmp: {
                url: 'http://releases.flowplayer.org/swf/flowplayer.rtmp-3.2.3.swf',
                netConnectionUrl: 'rtmp://r.ZONE.ALIAS.netdna-cdn.com/play'
            }
        },
canvas:{background:'#000000 url(http://flash.flowplayer.org/media/img/title/screens.png) no-repeat 30 10'}
    });

General Source Code

Source code form you can always use by following assets manager's embed code details:

flowplayer("player1", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf", {
        clip: {
            url: 'mp4:vod/ZONENAME.ALIAS/FILE.mp4',
            autoPlay: false,
            provider: 'rtmp'
        },
        plugins: {
            rtmp: {
                url: 'http://releases.flowplayer.org/swf/flowplayer.rtmp-3.2.3.swf',
                netConnectionUrl: 'rtmp://r.ZONENAME.ALIAS.netdna-cdn.com/play'
            }
        },
canvas:{background:'#000000 url(http://mysite.com/images/splash.png) no-repeat 30 10'}
    });

As always, If you have any questions or concerns about any of the topics mentioned in this article, please feel free to reach out to support - we are available 24/7 by chat or email.