Difference between revisions of "HowTo Integrate VLC plugin in your webpage"
Jump to navigation
Jump to search
| Line 5: | Line 5: | ||
Here's how you add the control to your page : | Here's how you add the control to your page : | ||
| − | * first, download the [http://code.revolunet.com/VLCobject/VLCobject. | + | * first, download the [http://code.revolunet.com/VLCobject/VLCobject.js source] and extract it to your |
* then, create a simple html test page like this on your server : | * then, create a simple html test page like this on your server : | ||
<script type="text/javascript" src="VLCobject.js"></script> | <script type="text/javascript" src="VLCobject.js"></script> | ||
| Line 23: | Line 23: | ||
If you want to add controls, use VLCcontrols library (see below) | If you want to add controls, use VLCcontrols library (see below) | ||
| − | |||
== Adding controls : the VLCcontrols javascript library == | == Adding controls : the VLCcontrols javascript library == | ||
Revision as of 17:07, 29 January 2008
Embedding the plugin : the VLCobject javascript library
I've created this small javascript library to allows you to easyly add the VLC plugin in your web pages.
Here's how you add the control to your page :
- first, download the source and extract it to your
- then, create a simple html test page like this on your server :
<script type="text/javascript" src="VLCobject.js"></script>
<div id="vlccontent">This text is replaced by the VLC player.
<script type="text/javascript">
var myvlc = new VLCObject("mymovie", "400", "200", "0.8.6");
myvlc.addParam("MRL","http://code.revolunet.com/VLCjs/rambo.mpg");
myvlc.write("vlccontent");
</script>
this should create a player object and launch a movie when the pages open ;)
- You can find a demo here : http://vlc.revolunet.com (some demo medias specially for french free.fr users)
- check out the docs here : http://code.revolunet.com/VLCobject/EN
If you want to add controls, use VLCcontrols library (see below)
Adding controls : the VLCcontrols javascript library
This lib add commons controls to the VLCobject : Play, Pause, Stop, Volume, Seekbar, Debug...
The doc and code is available here : http://code.revolunet.com/VLCcontrols/EN
You just have to add one line of script to add the controls to your VLCobject instance :
<script type="text/javascript" src="VLCobject.js"></script> <script type="text/javascript" src="VLCcontrols.js"></script>
<div id="vlccontent">This text is replaced by the VLC player.
<script type="text/javascript">
var myvlc = new VLCObject("mymovie", "400", "200", "0.8.6");
myvlc.addParam("MRL","http://code.revolunet.com/VLCjs/rambo.mpg");
myvlc.write("vlccontent");
var myvlccontrols = new VLCcontrols(myvlc);
</script>
