Difference between revisions of "HowTo Integrate VLC plugin in your webpage"

From VideoLAN Wiki
Jump to navigation Jump to search
(Redirected page to Documentation:WebPlugin)
 
(7 intermediate revisions by 3 users not shown)
Line 1: Line 1:
== Embedding the plugin : the VLCobject javascript library ==
+
#redirect[[Documentation:WebPlugin]]
 
 
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 [http://code.revolunet.com/VLCobject/VLCobject.jssource] 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>
 
 
 
&lt;div id="vlccontent">This text is replaced by the VLC player.</div>
 
 
 
<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>
 
 
 
&lt;div id="vlccontent">This text is replaced by the VLC player.</div>
 
 
 
<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>
 

Latest revision as of 13:42, 30 September 2013