|
|
| (One intermediate revision by one other user not shown) |
| Line 1: |
Line 1: |
| − | == Embedding the VLC plugin in your webpage ==
| + | #redirect[[Documentation:WebPlugin]] |
| − | | |
| − | The VLC plugin can be directly embedded in your webpage :
| |
| − | | |
| − | <embed type="application/x-vlc-plugin" name="player" autoplay="no" loop="no" target="udp:@239.255.12.42" />
| |
| − | | |
| − | You then have to use the official Mozilla/ActiveX api documented here : http://wiki.videolan.org/Documentation:WebPlugin
| |
| − | | |
| − | | |
| − | But, if you need '''controls''' (buttons, slidebar...), you have to use the '''open source revolunet VLCcontrols''' library.
| |
| − | | |
| − | * the code resides @github : https://github.com/revolunet/VLCcontrols
| |
| − | * you have some demo here : http://revolunet.github.com/VLCcontrols
| |
| − | | |
| − | Usage exemple :
| |
| − | | |
| − | <!-- include jquery + source -->
| |
| − | <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
| |
| − | <script language="javascript" src="http://revolunet.github.com/VLCcontrols/src/jquery-vlc.js"></script>
| |
| − | <link rel="stylesheet" type="text/css" href="http://revolunet.github.com/VLCcontrols/src/styles.css" />
| |
| − | <!-- embed the player and play a file -->
| |
| − | <script language="javascript">
| |
| − | var player = VLCobject.embedPlayer('vlc1', 400, 300);
| |
| − | player.play('http://download.blender.org/peach/bigbuckbunny_movies/big_buck_bunny_480p_surround-fix.avi');
| |
| − | </script>
| |
| − | | |
| − | Note the fullscreen is currently broken in VLC plugin itself (VLC>1.1)
| |
