Updated Jan 21, 2009 by giovambattista.fazioli
Labels:	Featured, Phase-Implementation, Phase-Deploy

oPlayer

oPlayer Documentation

Current release

0.5b - First beta release

Introduction

oPlayer is a free open source Flash FLV Player. oPlayer can be customize for your required in param <OBJECT> or in MIME type on swf url (see below for detail). oPlayer works in any resolution.

How works

oPlayer read a XML file with the video title and url. Each list of videos is grouped in <GROUP> tag.

Playlist sample

<?xml version="1.0"?>
<playlist>
    <group title="Group title">
        <video title="Test video" url="http://www.marenectaris.net/J3mnb78anda/acqua_test.flv" thumbnail="" />
        <video title="Trailer" url="http://www.marenectaris.net/J3mnb78anda/trailer.flv" thumbnails="" />
    </group>
    <group title="Another group title">	
        <video title="Spiderman" url="http://www.helpexamples.com/flash/video/sheep.flv" thumbnails="" />
        <video title="Star Trek" url="http://www.helpexamples.com/flash/video/typing_short.flv" thumbnail="" />
        <video title="Star Wars" url="http://www.helpexamples.com/flash/video/cuepoints.flv" thumbnails="" />
    </group>
</playlist>

Installation

Copy oPlayer.swf and playlist.xml in your folder. You can rename playlist.xml file as you like. Use OBJECT/EMBED code or library like SWFObject for insert oPlayer in your web page.

OBJECT/EMBED sample code

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="480" height="360" id="oPlayer" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="oPlayer.swf?playlist=myplaylist.xml&autoplay=true" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="oPlayer.swf?playlist=myplaylist.xml&autoplay=true" menu="false" quality="high" bgcolor="#ffffff" width="480" height="360" name="oPlayer" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

SWFObject sample

<!-- google.load() -->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
	google.load("swfobject", "2.1");
	google.setOnLoadCallback(function() {
		var flashvars	= { autoplay: 'true', playlist: 'myplaylist.xml' };
		var params		= {};
		var attributes	= {};

		swfobject.embedSWF("oPlayer.swf", "myvideo", "800", "600", "9.0.0", '', flashvars, params, attributes);
	});
</script>

...

<div id="myvideo"></div>

A complete sample

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Demo oPlayer - SWFObject</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
        google.load("swfobject", "2.1");
        google.setOnLoadCallback(function() {
			var flashvars   = { autoplay: true, playlist: 'playlist.xml' };
			var params      = {};
			var attributes  = {};

			swfobject.embedSWF("oPlayer.swf", "myvideo", "320", "256", "9.0.0", '', flashvars, params, attributes);
        });
</script>
</head>
<body>
<table width="0" border="0" cellspacing="0" cellpadding="4">
<tr>
<td><h1>SWFObject</h1></td>
<td><h1>TAG OBJECT/EMBED</h1></td>
</tr>
<tr>
<td><div id="myvideo"></div></td>
<td><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="320" height="256" id="oPlayer" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="oPlayer.swf?playlist=playlist.xml&autoplay=false" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="oPlayer.swf?playlist=playlist.xml&autoplay=false" menu="false" quality="high" bgcolor="#000000" width="320" height="256" name="oPlayer" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></td>
</tr>
</table>
</body>
</html>