Difference between revisions of "ActiveX/HTML"

From VideoLAN Wiki
Jump to navigation Jump to search
(How-to embed ActiveX using m3u playlists instead of javascript)
Line 1: Line 1:
 +
==Embedding Activex using Javascript==
 +
 
You can insert the [[ActiveX]] control in your HTML pages like this :
 
You can insert the [[ActiveX]] control in your HTML pages like this :
  
Line 16: Line 18:
 
   document.vlc.addTarget("...",options,2,0); // replace entry 0
 
   document.vlc.addTarget("...",options,2,0); // replace entry 0
 
   document.vlc.play();
 
   document.vlc.play();
 +
 +
==Embedding ActiveX using m3u Playlists==
 +
Maybe a better to show VLC in an HTML Website is to use m3u Playlists. It has got the advantage that users with turned-off Javascript can also use this plugin, since document.vlc.addTarget won't work with javascript turned off.
 +
 +
* Step 1: Create the HTML website with the VLC-Object linked to the m3u playlist
 +
* Step 2: Create your m3u playlist with all options, save and upload it to your webspace.
 +
* Step 3 (optional): Create buttons and other objects to control VLC (like document.vlc.play();)
 +
 +
 +
'''Step 1: Creating the website to embed ActiveX Control'''
 +
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
 +
<HTML>
 +
  <BODY marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
 +
    <OBJECT classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8"
 +
        codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
 +
        width="400" height="300" id="vlc" events="True">
 +
      <param name="Src" value="myplaylist.m3u" />
 +
      <param name="ShowDisplay" value="True" />
 +
      <param name="AutoLoop" value="True" />
 +
      <param name="AutoPlay" value="True" />
 +
      <param name="Volume" value="100">
 +
    </OBJECT>
 +
  </BODY>
 +
</HTML>
 +
You should modify the values of width, height and volume (0-100) fitting to your desires. If you don't know them, simply delete them (e.g. remove ''width="640"'' from the code).
 +
 +
 +
'''Step 2: Creating the m3u playlist'''
 +
 +
Open Notepad, create your playlist and save it as 'myplaylist.m3u' for this example.
 +
#EXTM3U                                    // Required to identify this file as m3u file
 +
#EXTVLCOPT--input-repeat=-1                // repeat the following file/playlist
 +
#EXTVLCOPT--http-reconnect=true            // required for a streaming-client to enable repeat
 +
#EXTVLCOPT--any further parameter goes here // see also [[VLC command-line help]]
 +
#EXTINF:0, Test Description                // set the title for the following file shown in your playlist
 +
video.mpg                                // the actual file to be displayed
 +
 +
 +
'''Annotations:'''
 +
* For actual looping of the entire playlist, the user has to have check 'Repeat all' under Preferences --> Playlist --> General
 +
* Mind that options have different names if you play a file locally or if you want to stream it (--sub-filter --> --s-filter)
 +
 +
 +
'''Mind the different Options-styles:'''
 +
  --option  A global option that is set for the duration of the program.
 +
  -option  A single letter version of a global --option.
 +
  :option  An option that only applies to the playlistitem directly before it
 +
            and that overrides previous settings.
  
 
==See also==
 
==See also==

Revision as of 17:41, 11 March 2006

Embedding Activex using Javascript

You can insert the ActiveX control in your HTML pages like this : 

 <OBJECT classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8"
    codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
       width="640" height="480" id="vlc" events="True">
 <param name="Src" value="" />
 <param name="ShowDisplay" value="True" />
 <param name="AutoLoop" value="False" />
 <param name="AutoPlay" value="False" />
 </OBJECT>

Then, using Javascript, you can select another source, or change the audio track : 

 document.vlc.playlistClear();
 var options=[":audio-track=5"]; // select audio track 5 (=6th, 1st is 0)
 document.vlc.addTarget("...",options,2,0); // replace entry 0
 document.vlc.play();

Embedding ActiveX using m3u Playlists

Maybe a better to show VLC in an HTML Website is to use m3u Playlists. It has got the advantage that users with turned-off Javascript can also use this plugin, since document.vlc.addTarget won't work with javascript turned off.

  • Step 1: Create the HTML website with the VLC-Object linked to the m3u playlist
  • Step 2: Create your m3u playlist with all options, save and upload it to your webspace.
  • Step 3 (optional): Create buttons and other objects to control VLC (like document.vlc.play();)


Step 1: Creating the website to embed ActiveX Control 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

You should modify the values of width, height and volume (0-100) fitting to your desires. If you don't know them, simply delete them (e.g. remove width="640" from the code).


Step 2: Creating the m3u playlist

Open Notepad, create your playlist and save it as 'myplaylist.m3u' for this example. 

#EXTM3U                                     // Required to identify this file as m3u file
#EXTVLCOPT--input-repeat=-1                 // repeat the following file/playlist
#EXTVLCOPT--http-reconnect=true             // required for a streaming-client to enable repeat
#EXTVLCOPT--any further parameter goes here // see also VLC command-line help
#EXTINF:0, Test Description                 // set the title for the following file shown in your playlist
video.mpg                                // the actual file to be displayed


Annotations:

  • For actual looping of the entire playlist, the user has to have check 'Repeat all' under Preferences --> Playlist --> General
  • Mind that options have different names if you play a file locally or if you want to stream it (--sub-filter --> --s-filter)


Mind the different Options-styles: 

 --option  A global option that is set for the duration of the program.
  -option  A single letter version of a global --option.
  :option  An option that only applies to the playlistitem directly before it
           and that overrides previous settings.

See also

Retrieved from "https://wiki.videolan.org/index.php?title=ActiveX/HTML&oldid=3695"