Secure streaming combined with bandwidth detection Streaming plugin extensions - Demo 10 / 10

Secure streaming combined with bandwidth detection

URL resolver plugins can be chained together. This demo shows how to use the secure streaming and the bandwidth detection plugins together.

Resolved URL shown here

HTML coding

<!-- player container without splash -->
<a
	href="skyandice.flv"
	style="display:block;width:425px;height:300px;"
	id="lighty">
</a>

<!-- info box -->
<div class="info box" id="info">
	Resolved URL shown here
</div>

Flowplayer configuration

The list of URL resolvers is specified in the clip is shown below:

flowplayer("lighty", "/swf/flowplayer-3.1.5.swf", {
	// enable secure streaming plugin
	plugins: {

		secure: {
			// path to latest version
			url: 'flowplayer.securestreaming-3.1.1.swf',

			// URL used to fetch a timestamp from the server
			timestamp: '4b0749a2',

			// identical to lighttpd.conf / secdownload.secret
			token: 'simplek'
		},
		bwcheck: {
			url: 'flowplayer.bwcheck-3.1.3.swf',
			
			// a reference file used to calculate the bandwidth
			netConnectionUrl: '/img/plugins-hero.jpg',
			
			bitrates: [ 40, 150, 400, 700, 1000 ]
		}
	},

	clip: {
		
		// use secure and bwcheck plugins to resolve the URLs
		urlResolvers: [ 'bwcheck', 'secure' ],
		
		// this is required for secure URL generation
		baseUrl: '/secvideo/',

		onStart: function(clip) {
			document.getElementById("info").innerHTML = "Resolved URL: " + clip.url;
		}

	}

});

The bwcheck plugin is executed first. It resolves the URL and appends the bitrate to the video filename coming up with, for example, skyandice-700.flv. Next, the secure streaming plugin is used and it adds the secure path information to the clip's URL. In the above example we used the Lighttpd server's secure streaming module.

Take a look at a standalone version of this demo. View its source code to get things going on your own page.

Secure streaming combined with bandwidth detection Streaming plugin extensions - Demo 10 / 10