|
|
| (2 intermediate revisions by 2 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.js source] and extract it to your website
| |
| − | * 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.</div>
| |
| − |
| |
| − | <script type="text/javascript">
| |
| − | var myvlc = new VLCObject("mymovie", "400", "200", "0.8.6");
| |
| − | myvlc.addParam("MRL","http://movies.apple.com/movies/sony_pictures/yearone/yearone-tlr1_h.640.mov");
| |
| − | 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.</div>
| |
| − |
| |
| − | <script type="text/javascript">
| |
| − | var myvlc = new VLCObject("mymovie", "400", "200", "0.8.6");
| |
| − | myvlc.addParam("MRL","http://movies.apple.com/movies/sony_pictures/yearone/yearone-tlr1_h.640.mov");
| |
| − | myvlc.write("vlccontent");
| |
| − | var myvlccontrols = new VLCcontrols(myvlc);
| |
| − | </script>
| |
