The [[Windows]] build of VLC includes an (optionaly installed) '''ActiveX control'''. The ActiveX control enables VLC to be embedded in web browsers and third-party applications.

==Properties==

The ActiveX control includes the following properties:
{|
|'''''name'''''
|'''''type'''''
|'''''get or set'''''
|'''''description'''''
|-
|Length
|Integer
|get
|Returns length of the current clip.
|-
|playlistCount
|
|get
|Returns the count of items in the playlist
|-
|playlistIndex
|
|get
|Returns the index of the current item in the playlist.
|-
|AutoLoop
|Boolean
|get/set
|Determines if the player should automatically loop when it finishes the current playlist.
|-
|AutoPlay
|Boolean
|get/set
|Determines if the player should start playing a new file/playlist immediately upon being loaded.
|-
|Volume
|Integer
|get/set
|Current volume (scaled from 0 to 100)
|-
|MRL
|String
|get/set
|Presumably returns the MRL of the currently loaded file.
|-
|Time
|Integer
|get/set
|Time elapsed in seconds playing current MRL, 0 for live feed
|-
|showdisplay
|Boolean
|get/set
|show/hide control viewport
|-
|Playing
|Boolean
|get
|Returns whether some MRL is playing
|-
|Position
|'real'
|get/set
|Playback position within current MRL, scaled from 0.0 to 1.0. Live feed returns 0.0
|-
|VersionInfo
|String
|get
|Returns version and build information.
|}
Note: In Visual Basic, type "Long" should be used for properties listed with type "Integer".

==Methods==
The ActiveX control includes the following methods (functions):
{|
|'''''name'''''
|'''''type'''''
|'''''description'''''
|'''''syntax ([[wikipedia:Visual Basic|VB]])'''''
|-
|setVariable
|method
|Assigns a value to a variable that is defined in libvlc.c
|controlname.setVariable name as String, value
|-
|getVariable
|method
|Returns the contents of a variable that is defined in libvlc.c
|x = controlname.getVariable(name as String)
|-
|pause
|method
|Pauses the currently playing clip
|controlname.pause
|-
|play
|method
|Plays as in the normal player, if a clip is not loaded, does nothing.
|controlname.play
|-
|playFaster
|method
|Makes the currently playing clip play faster.
|controlname.playFaster
|-
|playSlower
|method
|Makes the currently playing clip play slower.
|controlname.playSlower
|-
|stop
|method
|Makes the currently playing clip stop.
|controlname.stop
|-
|shuttle
|method
|Moves the playback position a specified number of seconds in either direction.
|controlname.shuttle(seconds as Long)
|-
|playlistClear
|method
|Clears the playlist
|controlname.playlistClear
|-
|playlistNext
|method
|Goes to next item in the playlist
|controlname.playlistNext
|-
|playlistPrev
|method
|Goes to previous item in the playlist
|controlname.playlistPrev
|-
|addTarget
|method
|Adds a uri to the current playlist or replaces the current playlist with the uri.
|controlname.addTarget(uri as String, options, mode as [[VLCPlaylistMode]], Position as Long)
|-
|toggleMute
|method
|Toggles between the muted/unmuted state of the embedded player.
|controlname.toggleMute
|-
|fullscreen
|method
|Toggles between fullscreen and non-fullscreen modes.
|controlname.fullscreen
|}

==Options==
The <code>addTarget</code> method accepts most of the command line options; including, but not limited to, the following :
*<code>:audio-track=''index''</code>
*<code>:vout-filter=''output-filter''</code> (<code>deinterlace</code> for example)
*<code>:deinterlace-mode=''mode''</code> (<code>linear</code> for example)

==Samples==
*[[ActiveX/Delphi|Delphi Implementation]]

* [[ActiveX/HTML|HTML Implementation]]

==Installing==
===Introduction===

VideoLAN is not a good source for the installation of an VLC ActiveX control. At some point, IE6 stopped allowing the installation of unsigned ActiveX control distributions unless:
* they are signed to associate the software vendor's name with the file containing the ActiveX distribution, or
* they resides on a IE6 "trusted site"
The second option is only feasible where both server and client infrastructure are managed under the same umbrella. The first option requires a [http://en.wikipedia.org/wiki/Certificate_authority Certificate Authority] to sign the control. This comes at a cost which the VideoLAN project is not able to bear. The solution is to create one's own ActiveX distribution, which in turn can be signed by you, the distributor, if necessary.

===Creating an VLC ActiveX Distribution===
The following requisites are required:
* CABSDK by Microsoft to create a [http://en.wikipedia.org/wiki/Cabinet_%28file_format%29 Cabinet File] (.cab-file) containing the relevant VLC files. MSDN has a good description how to package an ActiveX Control including a link to the CABSDK download page [http://msdn2.microsoft.com/en-us/library/aa751974.aspx here]
* The .cab-file contents, consisting of:
** axvlc.inf - The INF file, which would be called manifest in the modern age
** axvlc.dll - ActiveX DLL which bootstraps the VLC setup file
** vlc-0.8.6c-win32.exe - VLC setup file (refer to your version)

I am using the following code in the INF file:
<pre><nowiki>
; Version number and signature of INF file.
;
[version]
signature="$CHICAGO$"
AdvancedINF=2.0

[Add.Code]
vlc-0.8.6c-win32.exe
axvlc.dll=axvlc.dll

[axvlc.dll]
FileVersion=0,8,6,0
clsid={9BE31822-FDAD-461B-AD51-BE1D1C159921}
RegisterServer=no
hook=nsiinstaller

[vlc-0.8.6c-win32.exe]
FileVersion=0,8,6,0
file-win32-x86=thiscab

[nsiinstaller]
run=%EXTRACT_DIR%\vlc-0.8.6c-win32.exe
</nowiki></pre>
Again, refer to your version of VLC.

You can extract axvlc.dll from the binary distribution of VLC. This is a zip file on VideoLAN's download page, version 0.8.6.c [http://downloads.videolan.org/pub/videolan/vlc/0.8.6c/win32/vlc-0.8.6c-win32.zip here].

The setup file is the "featured" download on VideoLAN's main pagel; a copy resides in the same directory as axvlc.dll, version 0.8.6.c http://downloads.videolan.org/pub/videolan/vlc/0.8.6c/win32/vlc-0.8.6c-win32.exe here].

With these three components in place, you can create the .cab-file using the CABARC tool from Microsoft's CABSDK, using the following command from a command prompt:

<pre><nowiki>CABARC.EXE N axvlc.cab axvlc.inf axvlc.dll vlc-0.8.6c-win32.exe</nowiki></pre>
This assumes the [http://en.wikipedia.org/wiki/Path_%28computing%29 PATH] has been set to CABARC.EXE's directory. If you need to sign the .cab-file, you need to use the -s switch to allocate space for your digital certificate.

==See Also==
*[http://trac.videolan.org/vlc/file/trunk/activex/README.TXT Official ReadMe]

[[Category:Embedded]]

ActiveX

2007-12-03T22:52:48Z

RedStapler: /* Installing */

VLC HowTo/Integrate with Google Web Toolkit

2007-11-14T01:09:29Z

RedStapler:

{{howto|Integrate VLC with Google Web Toolkit (GWT)}}

= GWT =
VLC can be integrated in Google Web Toolkit (GWT) web applications. The easiest way is to embed the VLC browser plugin in your web application. This also ensures that no question arises whether your web application is derivative work or not, as a clean separation between the web application and VLC exists. Alternatively, a build of VLC can be integrated in a web app, using applicable bindings. This article discusses integration based on the VLC plugin. There are two levels of integration:
* Static integration in the main HTML file (MyProject.html as generated by GWT/applicationCreator)
* Dynamic integration in HTML code, which is generated at web application runtime
(In any case, remember that VLC treats the browser plugin for Firefox/Mozilla only as an installation option. You might have to go back and install this option and also point out in your documentation that this option needs to be installed if users run your web application with Mozilla/Firefox.)

== Static integration in MyProject.html ==
Static integration is straightforward and based on methods described in two separate articles:
* Mozilla/Firefox plug-in: http://wiki.videolan.org/Documentation:Play_HowTo/Advanced_Use_of_VLC#Use_the_mozilla_plugin
* ActiceX Control: [[ActiveX/HTML]]
Following the description in the [[ActiveX/HTML]] article, you can include some code based on the following snippet in your main HTML file (MyProject.html):
<pre><nowiki>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="320"
height="240"
id="vlc" events="True">
<param name="Src" value="$mri" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2"
width="320"
height="240"
autoplay="yes"
loop="no"
target="$mri"
name="vlc">
</EMBED>
</OBJECT>
</nowiki></pre>
Internet Explorer (IE6) responds to the code in the <OBJECT> tag, while Mozilla/Firefox uses the settings inside the <EMBED> tag.
Replace parameters as appropriate, e.g. $mri with the [[Multimedia Resource Identifier]] of your incoming stream.

== Embedding in dynamically generated HTML code ==
It is possible to integrate the VLC plugin in dynamically generated HTML code, based on the GWT classes HTML, HTMLPanel and HTMLTable.

The integration of the VLC plugin in dynamically generated HTML code is based on DOM calls and some JavaScript as opposed to GWT API calls. For some reason(s), the GWT API calls do not support the integration of the VLC plugin, although other plugin's might work just fine. Panel.add() for example is a key method which does not hook the plugin into the DOM as expected by the VLC plugin. This is not necessarily a fault of the VLC plugin, but rather browser-specific differences in Javascript implementation, and how GWT works. Below a snippet which should contain all the necessary DOM calls and JavaScript code which worked for me for Mozilla/Firefox ''and'' IE6:
<pre><nowiki>
{
{

streamerCode = ".............."; // Use example code above as a starting point

// IE6: Wrap VLC plugin in an HTML block element. Needed to work around known "quirk" in IE6's implementation of innerHTML
// Does not hurt Mozilla/Firefox
// http://support.microsoft.com/kb/276228
com.google.gwt.user.client.Element newdiv = DOM.createElement("div");
DOM.setInnerHTML(newdiv, streamerCode);

// Append div block on DOM level. Needed for all browsers; GWT Panel.add() does not work for VLC
// Mozilla Firefox is OK with appendChild() to any GWT Panel; IE6 works only if appended to RootPanel
DOM.appendChild(RootPanel.get("browserElementInHTMLCode").getElement(), newdiv);

// Set width and height in VLC's style. Needed and has effect for IE6. Alternatively, this could probably be accomplised through setting the style of the VLC plugin as well.
// Solution found here: http://forum.videolan.org/viewtopic.php?f=16&t=33736&p=104306&hilit=innerHTML#p104306
// Bindings for different browsers explained here: http://www.permadi.com/tutorial/flashGetObject/
vlcSetWidth("vlc", "320");
vlcSetHeight("vlc", "160");
}

/**
* set width of VLC plugin
*
* @param width
*/
native static void vlcSetWidth(String targetId, String width) /*-{
$doc[targetId].style.width=width;
}-*/;

/**
* set height of VLC plugin
*
* @param height
*/
native static void vlcSetHeight(String targetId, String height) /*-{
$doc[targetId].style.height=height;
}-*/;

}
</nowiki></pre>

It does not make a difference whether the VLC lugin is integrated on the static or dynamic level; a handle to the VLC plugin is obtained through the RootPanel method RootPanel get(java.lang.String id) which returns the browser element that embeds the VLC plugin. Code must be added to the HTML code to create a browser element with an ID which can be captured by the RootPanel mathod get(java.lang.String id), e.g. as follows:
<pre><nowiki>
<table><tr><td id="browserElementInHTMLCode">

</td></tr></table>
</nowiki></pre>

== User interaction ==
The VLC plugin has a Javascript API which allows the implementation of user interactions like Play or Pause on the web application level. The plug-in can be called through Javascript as described in the [[ActiveX/HTML]] article. GWT/Java wrappers for these calls are not available (yet). Below a couple of examples.
<pre><nowiki>
/**
* stop VLC plugin
*/
native static void vlcStop(String targetId) /*-{
$doc[targetId].playlist.stop();
}-*/;

/**
* play VLC plugin
*/
native static void vlcPlay(String targetId) /*-{
$doc[targetId].playlist.play();
}-*/;
</nowiki></pre>

VLC HowTo

2007-11-14T00:24:34Z

RedStapler:

__NOTOC__
Below are some handy guides for using {{VLC}}

===Playing Video and Audio===
;How to...
* [[What can vlc do#How to enable/use subtitles|Use Subtitles]]
*: Playing movies with subtitles
* [[How to Use a Capture Card|Use a Capture Card]]
*: This explains how to watch TV or get video from your capture card.
* [[What can vlc do#Play DVD/SVCD/VCD iso's / Images|Play DVDs and Disks from the image file]]
*: This explains how to use movies encoded onto an ISO file.

===Adjusting Settings===
;How to...
* [[What can vlc do#How to adjust picture brightness/colors/contrast..|Adjust Picture Brightness and Contrast]]
* [[What can vlc do#How to control the aspect ratio of the video|Edit the Aspect Ratio of a video]]
* [[How_to_disable_acceleration_in_Win32|Disable video acceleration in Win32]]
* [[How_to_save_bookmarks | Save bookmarks]]
* [[How_to_play_multiple_instances_of_VLC | How to play multiple instances]]

===Transcoding and Streaming===
;How to...
* [[Play_on_IPod|Play videos on your iPod]]
*: This explains how to convert your videos so they play on your iPod.
* [[Play_on_Yan Micro|Play videos on your Play-Yan Micro]]
*: This explains how to convert your videos so they play on your Play-Yan Micro.
* [[Play_on_Xbox|Play videos on your XBox and XBox 360 ]]
*: This explains how to convert your videos so they play on your XBox.
* [[Play_on_Zune| Play video on your Zune]]
*: This explains how to convert your videos so they play on your Zune.
* [[Fixing .flv to .avi with Ffmpeg]]
*: This explains how to use ffmpeg to a convert broken .flv files to a perfectly good .avi file '''DEPRECATED'''
* [[Transcode_WM_to_Mov_or_MP4|Convert Windows Media audio/video files to MOV or .MP4]]
*: This explains how to convert Windows Media-encoded files to Quicktime or MPEG-4 files
* [[Streaming_to_ActiveX_for_Windows_Media_Player | Streaming from a webcam to an ActiveX embedded object page]]
* [[How_to_add_logo | Add a logo on your videos]]
* [[Mosaic| Create a Mosaic]]
*: This explains how to set up a mosaic from a few streams like a portal TV.
* [[How to DBox|Set up Video on Demand on a Dreambox]]
* [[How to Batch Encode]]
*: This explains how to set up a batch transcode with all files in a directory of a certain file extension being transcoded to a specified format.
* [[How to merge and transcode multiple videos]]
*: This explains how to take several source videos and merge then transcode resulting in a single file output.

===Using VLC in other Applications===
;How to...
* [[ActiveX]]
*: Specification for ActiveX control
* [[ExternalAPI|Use VLC's External API]]
*: Information for using libvlc
* [[Use in Media Center]]
* [[Useful Firefox Extensions]]
*: Information about extensions to view embedded videos in web pages using VLC
* [[GWT]]
*: Google WebToolkit

===Other Stuff===
;How to...
* [[How to Create a DVD|Create a DVD]]
*: This explains how to make a DVD from your home videos
* [[ActiveX/Delphi|Use the ActiveX control with Borland's Delphi]]
*: Using the VLC ActiveX plug-in in your programs
* [[ActiveX/HTML|Use the ActiveX control within a webpage.]]
* [[Control VLC via a browser]]
*: This explains how to use the HTTP [[interface]]
* [[Change the brightness or contrast of a video|Change a video]]
*: This explains how to edit a video and save the changes
* [[How to create thumbnails]]
* [[How to Use Lirc]]
* [[How to Use Creative Remote]]
*: Explains how to control {{VLC}} with Creative brand remote controls
* [[How to shut down computer]] when VLC playback is over...

== See also ==
* '''See also [[:Category:How To]]'''
[[Category:How To]]

VLC HowTo/Integrate with Google Web Toolkit

2007-11-09T19:58:10Z

RedStapler: /* User interaction */

= GWT =
VLC can be integrated in Google Web Toolkit (GWT) web applications. The easiest way is to embed the VLC browser plugin in your web application. This also ensures that no question arises whether your web application is derivative work or not, as a clean separation between the web application and VLC exists. Alternatively, a build of VLC can be integrated in a web app, using applicable bindings. This article discusses integration based on the VLC plugin. There are two levels of integration:
* Static integration in the main HTML file (MyProject.html as generated by GWT/applicationCreator)
* Dynamic integration in HTML code, which is generated at web application runtime
(In any case, remember that VLC treats the browser plugin for Firefox/Mozilla only as an installation option. You might have to go back and install this option and also point out in your documentation that this option needs to be installed if users run your web application with Mozilla/Firefox.)

== Static integration in MyProject.html ==
Static integration is straightforward and based on methods described in two separate articles:
* Mozilla/Firefox plug-in: http://wiki.videolan.org/Documentation:Play_HowTo/Advanced_Use_of_VLC#Use_the_mozilla_plugin
* ActiceX Control: [[ActiveX/HTML]]
Following the description in the [[ActiveX/HTML]] article, you can include some code based on the following snippet in your main HTML file (MyProject.html):
<pre><nowiki>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="320"
height="240"
id="vlc" events="True">
<param name="Src" value="$mri" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2"
width="320"
height="240"
autoplay="yes"
loop="no"
target="$mri"
name="vlc">
</EMBED>
</OBJECT>
</nowiki></pre>
Internet Explorer (IE6) responds to the code in the <OBJECT> tag, while Mozilla/Firefox uses the settings inside the <EMBED> tag.
Replace parameters as appropriate, e.g. $mri with the [[Multimedia Resource Identifier]] of your incoming stream.

== Embedding in dynamically generated HTML code ==
It is possible to integrate the VLC plugin in dynamically generated HTML code, based on the GWT classes HTML, HTMLPanel and HTMLTable.

The integration of the VLC plugin in dynamically generated HTML code is based on DOM calls and some JavaScript as opposed to GWT API calls. For some reason(s), the GWT API calls do not support the integration of the VLC plugin, although other plugin's might work just fine. Panel.add() for example is a key method which does not hook the plugin into the DOM as expected by the VLC plugin. This is not necessarily a fault of the VLC plugin, but rather browser-specific differences in Javascript implementation, and how GWT works. Below a snippet which should contain all the necessary DOM calls and JavaScript code which worked for me for Mozilla/Firefox ''and'' IE6:
<pre><nowiki>
{
{

streamerCode = ".............."; // Use example code above as a starting point

// IE6: Wrap VLC plugin in an HTML block element. Needed to work around known "quirk" in IE6's implementation of innerHTML
// Does not hurt Mozilla/Firefox
// http://support.microsoft.com/kb/276228
com.google.gwt.user.client.Element newdiv = DOM.createElement("div");
DOM.setInnerHTML(newdiv, streamerCode);

// Append div block on DOM level. Needed for all browsers; GWT Panel.add() does not work for VLC
// Mozilla Firefox is OK with appendChild() to any GWT Panel; IE6 works only if appended to RootPanel
DOM.appendChild(RootPanel.get("browserElementInHTMLCode").getElement(), newdiv);

// Set width and height in VLC's style. Needed and has effect for IE6. Alternatively, this could probably be accomplised through setting the style of the VLC plugin as well.
// Solution found here: http://forum.videolan.org/viewtopic.php?f=16&t=33736&p=104306&hilit=innerHTML#p104306
// Bindings for different browsers explained here: http://www.permadi.com/tutorial/flashGetObject/
vlcSetWidth("vlc", "320");
vlcSetHeight("vlc", "160");
}

/**
* set width of VLC plugin
*
* @param width
*/
native static void vlcSetWidth(String targetId, String width) /*-{
$doc[targetId].style.width=width;
}-*/;

/**
* set height of VLC plugin
*
* @param height
*/
native static void vlcSetHeight(String targetId, String height) /*-{
$doc[targetId].style.height=height;
}-*/;

}
</nowiki></pre>

It does not make a difference whether the VLC lugin is integrated on the static or dynamic level; a handle to the VLC plugin is obtained through the RootPanel method RootPanel get(java.lang.String id) which returns the browser element that embeds the VLC plugin. Code must be added to the HTML code to create a browser element with an ID which can be captured by the RootPanel mathod get(java.lang.String id), e.g. as follows:
<pre><nowiki>
<table><tr><td id="browserElementInHTMLCode">

</td></tr></table>
</nowiki></pre>

== User interaction ==
The VLC plugin has a Javascript API which allows the implementation of user interactions like Play or Pause on the web application level. The plug-in can be called through Javascript as described in the [[ActiveX/HTML]] article. GWT/Java wrappers for these calls are not available (yet). Below a couple of examples.
<pre><nowiki>
/**
* stop VLC plugin
*/
native static void vlcStop(String targetId) /*-{
$doc[targetId].playlist.stop();
}-*/;

/**
* play VLC plugin
*/
native static void vlcPlay(String targetId) /*-{
$doc[targetId].playlist.play();
}-*/;
</nowiki></pre>

VLC HowTo/Integrate with Google Web Toolkit

2007-11-09T19:57:02Z

RedStapler: /* Embedding in dynamically generated HTML code */

VLC HowTo/Integrate with Google Web Toolkit

2007-11-09T19:56:08Z

RedStapler: /* User interaction */

= GWT =
VLC can be integrated in Google Web Toolkit (GWT) web applications. The easiest way is to embed the VLC browser plugin in your web application. This also ensures that no question arises whether your web application is derivative work or not, as a clean separation between the web application and VLC exists. Alternatively, a build of VLC can be integrated in a web app, using applicable bindings. This article discusses integration based on the VLC plugin. There are two levels of integration:
* Static integration in the main HTML file (MyProject.html as generated by GWT/applicationCreator)
* Dynamic integration in HTML code, which is generated at web application runtime
(In any case, remember that VLC treats the browser plugin for Firefox/Mozilla only as an installation option. You might have to go back and install this option and also point out in your documentation that this option needs to be installed if users run your web application with Mozilla/Firefox.)

== Static integration in MyProject.html ==
Static integration is straightforward and based on methods described in two separate articles:
* Mozilla/Firefox plug-in: http://wiki.videolan.org/Documentation:Play_HowTo/Advanced_Use_of_VLC#Use_the_mozilla_plugin
* ActiceX Control: [[ActiveX/HTML]]
Following the description in the [[ActiveX/HTML]] article, you can include some code based on the following snippet in your main HTML file (MyProject.html):
<pre><nowiki>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="320"
height="240"
id="vlc" events="True">
<param name="Src" value="$mri" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2"
width="320"
height="240"
autoplay="yes"
loop="no"
target="$mri"
name="vlc">
</EMBED>
</OBJECT>
</nowiki></pre>
Internet Explorer (IE6) responds to the code in the <OBJECT> tag, while Mozilla/Firefox uses the settings inside the <EMBED> tag.
Replace parameters as appropriate, e.g. $mri with the [[Multimedia Resource Identifier]] of your incoming stream.

== Embedding in dynamically generated HTML code ==
It is possible to integrate the VLC plugin in dynamically generated HTML code, based on the GWT classes HTML, HTMLPanel and HTMLTable.

The integration of the VLC plugin in dynamically generated HTML code is based on DOM calls and some JavaScript as opposed to GWT API calls. For some reason(s), the GWT API calls do not support the integration of the VLC plugin, although other plugin's might work just fine. Panel.add() for example is a key method which does not hook the plugin into the DOM as expected by the VLC plugin. This is not necessarily a fault of the VLC plugin, but rather browser-specific differences in Javascript implementation, and how GWT works. Below a snippet which should contain all the necessary DOM calls and JavaScript code which worked for me for Mozilla/Firefox ''and'' IE6:
<pre><nowiki>
{
{

streamerCode = ".............."; // Use example code above as a starting point

// IE6: Wrap VLC plugin in an HTML block element. Needed to work around known "quirk" in IE6's implementation of innerHTML
// Does not hurt Mozilla/Firefox
// http://support.microsoft.com/kb/276228
com.google.gwt.user.client.Element newdiv = DOM.createElement("div");
DOM.setInnerHTML(newdiv, streamerCode);

// Append div block on DOM level. Needed for all browsers; GWT Panel.add() does not work for VLC
// Mozilla Firefox is OK with appendChild() to any GWT Panel; IE6 works only if appended to RootPanel
DOM.appendChild(RootPanel.get("browserElementInHTMLCode").getElement(), newdiv);

// Set width and height in VLC's style. Needed and has effect for IE6. Alternatively, this could probably be accomplised through setting the style of the VLC plugin as well.
// Solution found here: http://forum.videolan.org/viewtopic.php?f=16&t=33736&p=104306&hilit=innerHTML#p104306
// Bindings for different browsers explained here: http://www.permadi.com/tutorial/flashGetObject/
vlcSetWidth("vlc", "320");
vlcSetHeight("vlc", "160");
}

/**
* set width of VLC plugin
*
* @param width
*/
native static void vlcSetWidth(String targetId, String width) /*-{
$doc[targetId].style.width=width;
}-*/;

/**
* set height of VLC plugin
*
* @param height
*/
native static void vlcSetHeight(String targetId, String height) /*-{
$doc[targetId].style.height=height;
}-*/;

}
</nowiki></pre>

Note that it might not be possible to overlay controls on top of streaming video, as the VLC plugin might directly write to the video engine, depending on the target platform. This is the case with Windows XP, for example.

== User interaction ==
The VLC plugin has a Javascript API which allows the implementation of user interactions like Play or Pause on the web application level. The plug-in can be called through Javascript as described in the [[ActiveX/HTML]] article. GWT/Java wrappers for these calls are not available (yet). Below a couple of examples.

VLC HowTo/Integrate with Google Web Toolkit

2007-11-09T19:53:47Z

RedStapler: /* Embedding in dynamically generated HTML code */

= GWT =
VLC can be integrated in Google Web Toolkit (GWT) web applications. The easiest way is to embed the VLC browser plugin in your web application. This also ensures that no question arises whether your web application is derivative work or not, as a clean separation between the web application and VLC exists. Alternatively, a build of VLC can be integrated in a web app, using applicable bindings. This article discusses integration based on the VLC plugin. There are two levels of integration:
* Static integration in the main HTML file (MyProject.html as generated by GWT/applicationCreator)
* Dynamic integration in HTML code, which is generated at web application runtime
(In any case, remember that VLC treats the browser plugin for Firefox/Mozilla only as an installation option. You might have to go back and install this option and also point out in your documentation that this option needs to be installed if users run your web application with Mozilla/Firefox.)

== Static integration in MyProject.html ==
Static integration is straightforward and based on methods described in two separate articles:
* Mozilla/Firefox plug-in: http://wiki.videolan.org/Documentation:Play_HowTo/Advanced_Use_of_VLC#Use_the_mozilla_plugin
* ActiceX Control: [[ActiveX/HTML]]
Following the description in the [[ActiveX/HTML]] article, you can include some code based on the following snippet in your main HTML file (MyProject.html):
<pre><nowiki>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="320"
height="240"
id="vlc" events="True">
<param name="Src" value="$mri" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2"
width="320"
height="240"
autoplay="yes"
loop="no"
target="$mri"
name="vlc">
</EMBED>
</OBJECT>
</nowiki></pre>
Internet Explorer (IE6) responds to the code in the <OBJECT> tag, while Mozilla/Firefox uses the settings inside the <EMBED> tag.
Replace parameters as appropriate, e.g. $mri with the [[Multimedia Resource Identifier]] of your incoming stream.

== Embedding in dynamically generated HTML code ==
It is possible to integrate the VLC plugin in dynamically generated HTML code, based on the GWT classes HTML, HTMLPanel and HTMLTable.

The integration of the VLC plugin in dynamically generated HTML code is based on DOM calls and some JavaScript as opposed to GWT API calls. For some reason(s), the GWT API calls do not support the integration of the VLC plugin, although other plugin's might work just fine. Panel.add() for example is a key method which does not hook the plugin into the DOM as expected by the VLC plugin. This is not necessarily a fault of the VLC plugin, but rather browser-specific differences in Javascript implementation, and how GWT works. Below a snippet which should contain all the necessary DOM calls and JavaScript code which worked for me for Mozilla/Firefox ''and'' IE6:
<pre><nowiki>
{
{

streamerCode = ".............."; // Use example code above as a starting point

// IE6: Wrap VLC plugin in an HTML block element. Needed to work around known "quirk" in IE6's implementation of innerHTML
// Does not hurt Mozilla/Firefox
// http://support.microsoft.com/kb/276228
com.google.gwt.user.client.Element newdiv = DOM.createElement("div");
DOM.setInnerHTML(newdiv, streamerCode);

// Append div block on DOM level. Needed for all browsers; GWT Panel.add() does not work for VLC
// Mozilla Firefox is OK with appendChild() to any GWT Panel; IE6 works only if appended to RootPanel
DOM.appendChild(RootPanel.get("browserElementInHTMLCode").getElement(), newdiv);

// Set width and height in VLC's style. Needed and has effect for IE6. Alternatively, this could probably be accomplised through setting the style of the VLC plugin as well.
// Solution found here: http://forum.videolan.org/viewtopic.php?f=16&t=33736&p=104306&hilit=innerHTML#p104306
// Bindings for different browsers explained here: http://www.permadi.com/tutorial/flashGetObject/
vlcSetWidth("vlc", "320");
vlcSetHeight("vlc", "160");
}

/**
* set width of VLC plugin
*
* @param width
*/
native static void vlcSetWidth(String targetId, String width) /*-{
$doc[targetId].style.width=width;
}-*/;

/**
* set height of VLC plugin
*
* @param height
*/
native static void vlcSetHeight(String targetId, String height) /*-{
$doc[targetId].style.height=height;
}-*/;

}
</nowiki></pre>

Note that it might not be possible to overlay controls on top of streaming video, as the VLC plugin might directly write to the video engine, depending on the target platform. This is the case with Windows XP, for example.

== User interaction ==
The VLC plugin has a Javascript API which allows the implementation of user interactions like Play or Pause on the web application level. The plug-in can be called through Javascript as described in the [[ActiveX/HTML]] article. GWT/Java wrappers for these calls are not available (yet). It does not make a difference whether the plugin is integrated on the static or dynamic level; a handle to the VLC plugin is obtained through the RootPanel method RootPanel get(java.lang.String id) which returns the browser element that embeds the VLC plugin. Code must be added to the HTML code to create a browser element with an ID which can be captured by the RootPanel mathod get(java.lang.String id), e.g. as follows:
<pre><nowiki>
<table><tr><td id="browserElementInHTMLCode">

</td></tr></table>
</nowiki></pre>

VLC HowTo/Integrate with Google Web Toolkit

2007-11-09T07:18:57Z

RedStapler: /* Embedding in dynamically generated HTML code */

= GWT =
VLC can be integrated in Google Web Toolkit (GWT) web applications. The easiest way is to embed the VLC browser plugin in your web application. This also ensures that no question arises whether your web application is derivative work or not, as a clean separation between the web application and VLC exists. Alternatively, a build of VLC can be integrated in a web app, using applicable bindings. This article discusses integration based on the VLC plugin. There are two levels of integration:
* Static integration in the main HTML file (MyProject.html as generated by GWT/applicationCreator)
* Dynamic integration in HTML code, which is generated at web application runtime
(In any case, remember that VLC treats the browser plugin for Firefox/Mozilla only as an installation option. You might have to go back and install this option and also point out in your documentation that this option needs to be installed if users run your web application with Mozilla/Firefox.)

== Static integration in MyProject.html ==
Static integration is straightforward and based on methods described in two separate articles:
* Mozilla/Firefox plug-in: http://wiki.videolan.org/Documentation:Play_HowTo/Advanced_Use_of_VLC#Use_the_mozilla_plugin
* ActiceX Control: [[ActiveX/HTML]]
Following the description in the [[ActiveX/HTML]] article, you can include some code based on the following snippet in your main HTML file (MyProject.html):
<pre><nowiki>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="320"
height="240"
id="vlc" events="True">
<param name="Src" value="$mri" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2"
width="320"
height="240"
autoplay="yes"
loop="no"
target="$mri"
name="vlc">
</EMBED>
</OBJECT>
</nowiki></pre>
Internet Explorer (IE6) responds to the code in the <OBJECT> tag, while Mozilla/Firefox uses the settings inside the <EMBED> tag.
Replace parameters as appropriate, e.g. $mri with the [[Multimedia Resource Identifier]] of your incoming stream.

== Embedding in dynamically generated HTML code ==
It is possible to integrate the VLC plugin in dynamically generated HTML code, based on the GWT classes HTML, HTMLPanel and HTMLTable.

The integration of the VLC plugin in dynamically generated HTML code is based on DOM calls and some JavaScript as opposed to GWT API calls. For some reason(s), the GWT API calls do not support the integration of the VLC plugin, although other plugin's might work just fine. Panel.add() for example is a key method which does not hook the plugin into the DOM as expected by the VLC plugin. This is not necessarily a fault of the VLC plugin, but rather browser-specific differences in Javascript implementation, and how GWT works. Below a snippet which should contain all the necessary DOM calls and JavaScript code which worked for me for Mozilla/Firefox ''and'' IE6:
<pre><nowiki>
{
{

streamerCode = ".............."; // Use example code above as a starting point

// IE6: Wrap VLC plugin in an HTML block element. Needed to work around known "quirk" in IE6's implementation of innerHTML
// Does not hurt Mozilla/Firefox
// http://support.microsoft.com/kb/276228
com.google.gwt.user.client.Element newdiv = DOM.createElement("div");
DOM.setInnerHTML(newdiv, streamerCode);

// Append div block on DOM level. Needed for all browsers; GWT Panel.add() does not work for VLC
// Mozilla Firefox is OK with appendChild() to any GWT Panel; IE6 works only if appended to RootPanel
DOM.appendChild(RootPanel.get("browserElementInHTMLCode").getElement(), newdiv);

// Set width and height in VLC's style. Needed and has effect for IE6. Alternatively, this could probably be accomplised through setting the style of the VLC plugin as well.
// Solution found here: http://forum.videolan.org/viewtopic.php?f=16&t=33736&p=104306&hilit=innerHTML#p104306
vlcSetWidth(DOM.getElementById("vlc"), "320"); // "vlc" is the element ID as defined in streamerCode to identify the plugin.
vlcSetHeight(DOM.getElementById("vlc"), "160");
}

/**
* set width of VLC plugin.
*
* @param width
*/
native static void vlcSetWidth(com.google.gwt.user.client.Element target, String width) /*-{
target.style.width=width;
}-*/;

/**
* set height of VLC plugin.
*
* @param height
*/
native static void vlcSetHeight(com.google.gwt.user.client.Element target, String height) /*-{
target.style.height=height;
}-*/;

}
</nowiki></pre>

Note that it might not be possible to overlay controls on top of streaming video, as the VLC plugin might directly write to the video engine, depending on the target platform. This is the case with Windows XP, for example.

== User interaction ==
The VLC plugin has a Javascript API which allows the implementation of user interactions like Play or Pause on the web application level. The plug-in can be called through Javascript as described in the [[ActiveX/HTML]] article. GWT/Java wrappers for these calls are not available (yet). It does not make a difference whether the plugin is integrated on the static or dynamic level; a handle to the VLC plugin is obtained through the RootPanel method RootPanel get(java.lang.String id) which returns the browser element that embeds the VLC plugin. Code must be added to the HTML code to create a browser element with an ID which can be captured by the RootPanel mathod get(java.lang.String id), e.g. as follows:
<pre><nowiki>
<table><tr><td id="browserElementInHTMLCode">

</td></tr></table>
</nowiki></pre>

VLC HowTo/Integrate with Google Web Toolkit

2007-11-09T07:18:15Z

RedStapler: /* Embedding in dynamically generated HTML code */

= GWT =
VLC can be integrated in Google Web Toolkit (GWT) web applications. The easiest way is to embed the VLC browser plugin in your web application. This also ensures that no question arises whether your web application is derivative work or not, as a clean separation between the web application and VLC exists. Alternatively, a build of VLC can be integrated in a web app, using applicable bindings. This article discusses integration based on the VLC plugin. There are two levels of integration:
* Static integration in the main HTML file (MyProject.html as generated by GWT/applicationCreator)
* Dynamic integration in HTML code, which is generated at web application runtime
(In any case, remember that VLC treats the browser plugin for Firefox/Mozilla only as an installation option. You might have to go back and install this option and also point out in your documentation that this option needs to be installed if users run your web application with Mozilla/Firefox.)

== Static integration in MyProject.html ==
Static integration is straightforward and based on methods described in two separate articles:
* Mozilla/Firefox plug-in: http://wiki.videolan.org/Documentation:Play_HowTo/Advanced_Use_of_VLC#Use_the_mozilla_plugin
* ActiceX Control: [[ActiveX/HTML]]
Following the description in the [[ActiveX/HTML]] article, you can include some code based on the following snippet in your main HTML file (MyProject.html):
<pre><nowiki>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="320"
height="240"
id="vlc" events="True">
<param name="Src" value="$mri" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2"
width="320"
height="240"
autoplay="yes"
loop="no"
target="$mri"
name="vlc">
</EMBED>
</OBJECT>
</nowiki></pre>
Internet Explorer (IE6) responds to the code in the <OBJECT> tag, while Mozilla/Firefox uses the settings inside the <EMBED> tag.
Replace parameters as appropriate, e.g. $mri with the [[Multimedia Resource Identifier]] of your incoming stream.

== Embedding in dynamically generated HTML code ==
It is possible to integrate the VLC plugin in dynamically generated HTML code, based on the GWT classes HTML, HTMLPanel and HTMLTable.

The integration of the VLC plugin in dynamically generated HTML code is based on DOM calls and some JavaScript as opposed to GWT API calls. For some reason(s), the GWT API calls do not support the integration of the VLC plugin, although other plugin's might work just fine. Panel.add() for example is a key method which does not hook the plugin into the DOM as expected by the VLC plugin. This is not necessarily a fault of the VLC plugin, but rather browser-specific differences in Javascript implementation, and how GWT works. Below a snippet which should contain all the necessary DOM calls and JavaScript code which worked for me for Mozilla/Firefox ''and'' IE6:
<pre><nowiki>
{
{

streamerCode = ".............."; // Use example code above as a starting point

// IE6: Wrap VLC plugin in an HTML block element. Needed to work around known "quirk" in IE6's implementation of innerHTML
// Does not hurt Mozilla/Firefox
// http://support.microsoft.com/kb/276228
com.google.gwt.user.client.Element newdiv = DOM.createElement("div");
DOM.setInnerHTML(newdiv, streamerCode);

// Append div block on DOM level. Needed for all browsers; GWT Panel.add() does not work for VLC
// Mozilla Firefox is OK with appendChild() to any GWT Panel; IE6 works only if appended to RootPanel
DOM.appendChild(RootPanel.get("browserElementInHTMLCode").getElement(), newdiv);

// Set width and height in VLC's style. Needed and has effect for IE6. Alternatively, this could probably be accomplised through setting the style of the VLC plugin as well.
// Solution found here: http://forum.videolan.org/viewtopic.php?f=16&t=33736&p=104306&hilit=innerHTML#p104306
vlcSetWidth(DOM.getElementById("vlc"), "320"); // "vlc" is the element ID as defined in streamerCode to identify the plugin.
vlcSetHeight(DOM.getElementById("vlc"), "160");
}

/**
* set width of VLC plugin.
*
* @param width
*/
native static void vlcSetWidth(com.google.gwt.user.client.Element target, String width) /*-{
target.style.width=width;
}-*/;

/**
* set height of VLC plugin.
*
* @param height
*/
native static void vlcSetHeight(com.google.gwt.user.client.Element target, String height) /*-{
target.style.height=height;
}-*/;

}
</nowiki></pre>

Note that it might not be possible to overlay controls on top of streaming video, as the VLC plugin might directly write to the video engine, depending on the target platform. This is the case for Windows XP, for example.

== User interaction ==
The VLC plugin has a Javascript API which allows the implementation of user interactions like Play or Pause on the web application level. The plug-in can be called through Javascript as described in the [[ActiveX/HTML]] article. GWT/Java wrappers for these calls are not available (yet). It does not make a difference whether the plugin is integrated on the static or dynamic level; a handle to the VLC plugin is obtained through the RootPanel method RootPanel get(java.lang.String id) which returns the browser element that embeds the VLC plugin. Code must be added to the HTML code to create a browser element with an ID which can be captured by the RootPanel mathod get(java.lang.String id), e.g. as follows:
<pre><nowiki>
<table><tr><td id="browserElementInHTMLCode">

</td></tr></table>
</nowiki></pre>

VLC HowTo/Integrate with Google Web Toolkit

2007-11-09T07:14:01Z

RedStapler: /* Embedding in dynamically generated HTML code */

= GWT =
VLC can be integrated in Google Web Toolkit (GWT) web applications. The easiest way is to embed the VLC browser plugin in your web application. This also ensures that no question arises whether your web application is derivative work or not, as a clean separation between the web application and VLC exists. Alternatively, a build of VLC can be integrated in a web app, using applicable bindings. This article discusses integration based on the VLC plugin. There are two levels of integration:
* Static integration in the main HTML file (MyProject.html as generated by GWT/applicationCreator)
* Dynamic integration in HTML code, which is generated at web application runtime
(In any case, remember that VLC treats the browser plugin for Firefox/Mozilla only as an installation option. You might have to go back and install this option and also point out in your documentation that this option needs to be installed if users run your web application with Mozilla/Firefox.)

== Static integration in MyProject.html ==
Static integration is straightforward and based on methods described in two separate articles:
* Mozilla/Firefox plug-in: http://wiki.videolan.org/Documentation:Play_HowTo/Advanced_Use_of_VLC#Use_the_mozilla_plugin
* ActiceX Control: [[ActiveX/HTML]]
Following the description in the [[ActiveX/HTML]] article, you can include some code based on the following snippet in your main HTML file (MyProject.html):
<pre><nowiki>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="320"
height="240"
id="vlc" events="True">
<param name="Src" value="$mri" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2"
width="320"
height="240"
autoplay="yes"
loop="no"
target="$mri"
name="vlc">
</EMBED>
</OBJECT>
</nowiki></pre>
Internet Explorer (IE6) responds to the code in the <OBJECT> tag, while Mozilla/Firefox uses the settings inside the <EMBED> tag.
Replace parameters as appropriate, e.g. $mri with the [[Multimedia Resource Identifier]] of your incoming stream.

== Embedding in dynamically generated HTML code ==
It is possible to integrate the VLC plugin in dynamically created HTML code, as the GWT class HTML offers.

The integration of the VLC plugin in dynamically generated HTML code is based on DOM calls and some JavaScript as opposed to GWT API calls. For some reason(s), the GWT API calls (Panel.add() for example) do not support the integration of the VLC plugin, although other plugin's might work just fine. This is not necessarily a fault of the VLC plugin, but rather browser-specific differences in Javascript implementation. Below a snippet which should contain all the necessary DOM calls and JavaScript code which worked for me for Mozilla/Firefox ''and'' IE6:
<pre><nowiki>
{
{

streamerCode = ".............."; // Use example code above as a starting point

// IE6: Wrap VLC plugin in an HTML block element. Needed to work around known "quirk" in IE6's implementation of innerHTML
// Does not hurt Mozilla/Firefox
// http://support.microsoft.com/kb/276228
com.google.gwt.user.client.Element newdiv = DOM.createElement("div");
DOM.setInnerHTML(newdiv, streamerCode);

// Append div block on DOM level. Needed for all browsers; GWT Panel.add() does not work for VLC
// Mozilla Firefox is OK with appendChild() to any GWT Panel; IE6 works only if appended to RootPanel
DOM.appendChild(RootPanel.get("browserElementInHTMLCode").getElement(), newdiv);

// Set width and height in VLC's style. Needed and has effect for IE6. Alternatively, this could probably be accomplised through setting the style of the VLC plugin as well.
// Solution found here: http://forum.videolan.org/viewtopic.php?f=16&t=33736&p=104306&hilit=innerHTML#p104306
vlcSetWidth(DOM.getElementById("vlc"), "320"); // "vlc" is the element ID as defined in streamerCode to identify the plugin.
vlcSetHeight(DOM.getElementById("vlc"), "160");
}

/**
* set width of VLC plugin.
*
* @param width
*/
native static void vlcSetWidth(com.google.gwt.user.client.Element target, String width) /*-{
target.style.width=width;
}-*/;

/**
* set height of VLC plugin.
*
* @param height
*/
native static void vlcSetHeight(com.google.gwt.user.client.Element target, String height) /*-{
target.style.height=height;
}-*/;

}
</nowiki></pre>

Note that it might not be possible to overlay controls on top of streaming video, as the VLC plugin might directly write to the video engine, depending on the target platform. This is the case for Windows XP, for example.

== User interaction ==
The VLC plugin has a Javascript API which allows the implementation of user interactions like Play or Pause on the web application level. The plug-in can be called through Javascript as described in the [[ActiveX/HTML]] article. GWT/Java wrappers for these calls are not available (yet). It does not make a difference whether the plugin is integrated on the static or dynamic level; a handle to the VLC plugin is obtained through the RootPanel method RootPanel get(java.lang.String id) which returns the browser element that embeds the VLC plugin. Code must be added to the HTML code to create a browser element with an ID which can be captured by the RootPanel mathod get(java.lang.String id), e.g. as follows:
<pre><nowiki>
<table><tr><td id="browserElementInHTMLCode">

</td></tr></table>
</nowiki></pre>

VLC HowTo/Integrate with Google Web Toolkit

2007-11-09T07:13:32Z

RedStapler: /* Static integration in MyProject.html */

= GWT =
VLC can be integrated in Google Web Toolkit (GWT) web applications. The easiest way is to embed the VLC browser plugin in your web application. This also ensures that no question arises whether your web application is derivative work or not, as a clean separation between the web application and VLC exists. Alternatively, a build of VLC can be integrated in a web app, using applicable bindings. This article discusses integration based on the VLC plugin. There are two levels of integration:
* Static integration in the main HTML file (MyProject.html as generated by GWT/applicationCreator)
* Dynamic integration in HTML code, which is generated at web application runtime
(In any case, remember that VLC treats the browser plugin for Firefox/Mozilla only as an installation option. You might have to go back and install this option and also point out in your documentation that this option needs to be installed if users run your web application with Mozilla/Firefox.)

== Static integration in MyProject.html ==
Static integration is straightforward and based on methods described in two separate articles:
* Mozilla/Firefox plug-in: http://wiki.videolan.org/Documentation:Play_HowTo/Advanced_Use_of_VLC#Use_the_mozilla_plugin
* ActiceX Control: [[ActiveX/HTML]]
Following the description in the [[ActiveX/HTML]] article, you can include some code based on the following snippet in your main HTML file (MyProject.html):
<pre><nowiki>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="320"
height="240"
id="vlc" events="True">
<param name="Src" value="$mri" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2"
width="320"
height="240"
autoplay="yes"
loop="no"
target="$mri"
name="vlc">
</EMBED>
</OBJECT>
</nowiki></pre>
Internet Explorer (IE6) responds to the code in the <OBJECT> tag, while Mozilla/Firefox uses the settings inside the <EMBED> tag.
Replace parameters as appropriate, e.g. $mri with the [[Multimedia Resource Identifier]] of your incoming stream.

== Embedding in dynamically generated HTML code ==
It is possible to integrate the VLC plugin in dynamically created HTML code, as the GWT class HTML offers.

The integration of the VLC plugin in dynamically generated HTML code is based on DOM calls and some JavaScript as opposed to GWT API calls. For some reason(s), the GWT API calls (Panel.add() for example) do not support the integration of the VLC plug-in, although other plugin's might work just fine. This is not necessarily a fault of the VLC plugin, but rather browser-specific differences in Javascript implementation. Below a snippet which should contain all the necessary DOM calls and JavaScript code which worked for me for Mozilla/Firefox ''and'' IE6:
<pre><nowiki>
{
{

streamerCode = ".............."; // Use example code above as a starting point

// IE6: Wrap VLC plugin in an HTML block element. Needed to work around known "quirk" in IE6's implementation of innerHTML
// Does not hurt Mozilla/Firefox
// http://support.microsoft.com/kb/276228
com.google.gwt.user.client.Element newdiv = DOM.createElement("div");
DOM.setInnerHTML(newdiv, streamerCode);

// Append div block on DOM level. Needed for all browsers; GWT Panel.add() does not work for VLC
// Mozilla Firefox is OK with appendChild() to any GWT Panel; IE6 works only if appended to RootPanel
DOM.appendChild(RootPanel.get("browserElementInHTMLCode").getElement(), newdiv);

// Set width and height in VLC's style. Needed and has effect for IE6. Alternatively, this could probably be accomplised through setting the style of the VLC plugin as well.
// Solution found here: http://forum.videolan.org/viewtopic.php?f=16&t=33736&p=104306&hilit=innerHTML#p104306
vlcSetWidth(DOM.getElementById("vlc"), "320"); // "vlc" is the element ID as defined in streamerCode to identify the plugin.
vlcSetHeight(DOM.getElementById("vlc"), "160");
}

/**
* set width of VLC plugin.
*
* @param width
*/
native static void vlcSetWidth(com.google.gwt.user.client.Element target, String width) /*-{
target.style.width=width;
}-*/;

/**
* set height of VLC plugin.
*
* @param height
*/
native static void vlcSetHeight(com.google.gwt.user.client.Element target, String height) /*-{
target.style.height=height;
}-*/;

}
</nowiki></pre>

Note that it might not be possible to overlay controls on top of streaming video, as the VLC plugin might directly write to the video engine, depending on the target platform. This is the case for Windows XP, for example.

== User interaction ==
The VLC plugin has a Javascript API which allows the implementation of user interactions like Play or Pause on the web application level. The plug-in can be called through Javascript as described in the [[ActiveX/HTML]] article. GWT/Java wrappers for these calls are not available (yet). It does not make a difference whether the plugin is integrated on the static or dynamic level; a handle to the VLC plugin is obtained through the RootPanel method RootPanel get(java.lang.String id) which returns the browser element that embeds the VLC plugin. Code must be added to the HTML code to create a browser element with an ID which can be captured by the RootPanel mathod get(java.lang.String id), e.g. as follows:
<pre><nowiki>
<table><tr><td id="browserElementInHTMLCode">

</td></tr></table>
</nowiki></pre>

VLC HowTo/Integrate with Google Web Toolkit

2007-11-09T07:12:51Z

RedStapler: /* Static integration in MyProject.html */

= GWT =
VLC can be integrated in Google Web Toolkit (GWT) web applications. The easiest way is to embed the VLC browser plugin in your web application. This also ensures that no question arises whether your web application is derivative work or not, as a clean separation between the web application and VLC exists. Alternatively, a build of VLC can be integrated in a web app, using applicable bindings. This article discusses integration based on the VLC plugin. There are two levels of integration:
* Static integration in the main HTML file (MyProject.html as generated by GWT/applicationCreator)
* Dynamic integration in HTML code, which is generated at web application runtime
(In any case, remember that VLC treats the browser plugin for Firefox/Mozilla only as an installation option. You might have to go back and install this option and also point out in your documentation that this option needs to be installed if users run your web application with Mozilla/Firefox.)

== Static integration in MyProject.html ==
Static integration is straightforward and based on methods described in two separate articles:
* Mozilla/Firefox plug-in: http://wiki.videolan.org/Documentation:Play_HowTo/Advanced_Use_of_VLC#Use_the_mozilla_plugin
* ActiceX Control: [[ActiveX/HTML]]
Following the description in the [[ActiveX/HTML]] article, you can include some code based on the following snippet in your main HTML file (MyProject.HTML):
<pre><nowiki>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="320"
height="240"
id="vlc" events="True">
<param name="Src" value="$mri" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2"
width="320"
height="240"
autoplay="yes"
loop="no"
target="$mri"
name="vlc">
</EMBED>
</OBJECT>
</nowiki></pre>
Internet Explorer (IE6) responds to the code in the <OBJECT> tag, while Mozilla/Firefox uses the settings inside the <EMBED> tag.
Replace parameters as appropriate, e.g. $mri with the [[Multimedia Resource Identifier]] of your incoming stream.

== Embedding in dynamically generated HTML code ==
It is possible to integrate the VLC plugin in dynamically created HTML code, as the GWT class HTML offers.

The integration of the VLC plugin in dynamically generated HTML code is based on DOM calls and some JavaScript as opposed to GWT API calls. For some reason(s), the GWT API calls (Panel.add() for example) do not support the integration of the VLC plug-in, although other plugin's might work just fine. This is not necessarily a fault of the VLC plugin, but rather browser-specific differences in Javascript implementation. Below a snippet which should contain all the necessary DOM calls and JavaScript code which worked for me for Mozilla/Firefox ''and'' IE6:
<pre><nowiki>
{
{

streamerCode = ".............."; // Use example code above as a starting point

// IE6: Wrap VLC plugin in an HTML block element. Needed to work around known "quirk" in IE6's implementation of innerHTML
// Does not hurt Mozilla/Firefox
// http://support.microsoft.com/kb/276228
com.google.gwt.user.client.Element newdiv = DOM.createElement("div");
DOM.setInnerHTML(newdiv, streamerCode);

// Append div block on DOM level. Needed for all browsers; GWT Panel.add() does not work for VLC
// Mozilla Firefox is OK with appendChild() to any GWT Panel; IE6 works only if appended to RootPanel
DOM.appendChild(RootPanel.get("browserElementInHTMLCode").getElement(), newdiv);

// Set width and height in VLC's style. Needed and has effect for IE6. Alternatively, this could probably be accomplised through setting the style of the VLC plugin as well.
// Solution found here: http://forum.videolan.org/viewtopic.php?f=16&t=33736&p=104306&hilit=innerHTML#p104306
vlcSetWidth(DOM.getElementById("vlc"), "320"); // "vlc" is the element ID as defined in streamerCode to identify the plugin.
vlcSetHeight(DOM.getElementById("vlc"), "160");
}

/**
* set width of VLC plugin.
*
* @param width
*/
native static void vlcSetWidth(com.google.gwt.user.client.Element target, String width) /*-{
target.style.width=width;
}-*/;

/**
* set height of VLC plugin.
*
* @param height
*/
native static void vlcSetHeight(com.google.gwt.user.client.Element target, String height) /*-{
target.style.height=height;
}-*/;

}
</nowiki></pre>

Note that it might not be possible to overlay controls on top of streaming video, as the VLC plugin might directly write to the video engine, depending on the target platform. This is the case for Windows XP, for example.

== User interaction ==
The VLC plugin has a Javascript API which allows the implementation of user interactions like Play or Pause on the web application level. The plug-in can be called through Javascript as described in the [[ActiveX/HTML]] article. GWT/Java wrappers for these calls are not available (yet). It does not make a difference whether the plugin is integrated on the static or dynamic level; a handle to the VLC plugin is obtained through the RootPanel method RootPanel get(java.lang.String id) which returns the browser element that embeds the VLC plugin. Code must be added to the HTML code to create a browser element with an ID which can be captured by the RootPanel mathod get(java.lang.String id), e.g. as follows:
<pre><nowiki>
<table><tr><td id="browserElementInHTMLCode">

</td></tr></table>
</nowiki></pre>

VLC HowTo/Integrate with Google Web Toolkit

2007-11-09T07:11:09Z

RedStapler: /* GWT */

= GWT =
VLC can be integrated in Google Web Toolkit (GWT) web applications. The easiest way is to embed the VLC browser plugin in your web application. This also ensures that no question arises whether your web application is derivative work or not, as a clean separation between the web application and VLC exists. Alternatively, a build of VLC can be integrated in a web app, using applicable bindings. This article discusses integration based on the VLC plugin. There are two levels of integration:
* Static integration in the main HTML file (MyProject.html as generated by GWT/applicationCreator)
* Dynamic integration in HTML code, which is generated at web application runtime
(In any case, remember that VLC treats the browser plugin for Firefox/Mozilla only as an installation option. You might have to go back and install this option and also point out in your documentation that this option needs to be installed if users run your web application with Mozilla/Firefox.)

== Static integration in MyProject.html ==
Static integration is straightforward and is based on methods described in two separate articles:
* Mozilla/Firefox plug-in: http://wiki.videolan.org/Documentation:Play_HowTo/Advanced_Use_of_VLC#Use_the_mozilla_plugin
* ActiceX Control: [[ActiveX/HTML]]
Following the description in the [[ActiveX/HTML]] article, you can include some code based on the following snippet in your main HTML file (MyProject.HTML):
<pre><nowiki>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="320"
height="240"
id="vlc" events="True">
<param name="Src" value="$mri" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2"
width="320"
height="240"
autoplay="yes"
loop="no"
target="$mri"
name="vlc">
</EMBED>
</OBJECT>
</nowiki></pre>
Internet Explorer (IE6) responds to the code in the <OBJECT> tag, while Mozilla/Firefox uses the settings inside the <EMBED> tag.
Replace parameters as appropriate, e.g. $mri with the [[Multimedia Resource Identifier]] of your incoming stream.

== Embedding in dynamically generated HTML code ==
It is possible to integrate the VLC plugin in dynamically created HTML code, as the GWT class HTML offers.

The integration of the VLC plugin in dynamically generated HTML code is based on DOM calls and some JavaScript as opposed to GWT API calls. For some reason(s), the GWT API calls (Panel.add() for example) do not support the integration of the VLC plug-in, although other plugin's might work just fine. This is not necessarily a fault of the VLC plugin, but rather browser-specific differences in Javascript implementation. Below a snippet which should contain all the necessary DOM calls and JavaScript code which worked for me for Mozilla/Firefox ''and'' IE6:
<pre><nowiki>
{
{

streamerCode = ".............."; // Use example code above as a starting point

// IE6: Wrap VLC plugin in an HTML block element. Needed to work around known "quirk" in IE6's implementation of innerHTML
// Does not hurt Mozilla/Firefox
// http://support.microsoft.com/kb/276228
com.google.gwt.user.client.Element newdiv = DOM.createElement("div");
DOM.setInnerHTML(newdiv, streamerCode);

// Append div block on DOM level. Needed for all browsers; GWT Panel.add() does not work for VLC
// Mozilla Firefox is OK with appendChild() to any GWT Panel; IE6 works only if appended to RootPanel
DOM.appendChild(RootPanel.get("browserElementInHTMLCode").getElement(), newdiv);

// Set width and height in VLC's style. Needed and has effect for IE6. Alternatively, this could probably be accomplised through setting the style of the VLC plugin as well.
// Solution found here: http://forum.videolan.org/viewtopic.php?f=16&t=33736&p=104306&hilit=innerHTML#p104306
vlcSetWidth(DOM.getElementById("vlc"), "320"); // "vlc" is the element ID as defined in streamerCode to identify the plugin.
vlcSetHeight(DOM.getElementById("vlc"), "160");
}

/**
* set width of VLC plugin.
*
* @param width
*/
native static void vlcSetWidth(com.google.gwt.user.client.Element target, String width) /*-{
target.style.width=width;
}-*/;

/**
* set height of VLC plugin.
*
* @param height
*/
native static void vlcSetHeight(com.google.gwt.user.client.Element target, String height) /*-{
target.style.height=height;
}-*/;

}
</nowiki></pre>

Note that it might not be possible to overlay controls on top of streaming video, as the VLC plugin might directly write to the video engine, depending on the target platform. This is the case for Windows XP, for example.

== User interaction ==
The VLC plugin has a Javascript API which allows the implementation of user interactions like Play or Pause on the web application level. The plug-in can be called through Javascript as described in the [[ActiveX/HTML]] article. GWT/Java wrappers for these calls are not available (yet). It does not make a difference whether the plugin is integrated on the static or dynamic level; a handle to the VLC plugin is obtained through the RootPanel method RootPanel get(java.lang.String id) which returns the browser element that embeds the VLC plugin. Code must be added to the HTML code to create a browser element with an ID which can be captured by the RootPanel mathod get(java.lang.String id), e.g. as follows:
<pre><nowiki>
<table><tr><td id="browserElementInHTMLCode">

</td></tr></table>
</nowiki></pre>

VLC HowTo/Integrate with Google Web Toolkit

2007-11-08T21:28:14Z

RedStapler: /* GWT */

= GWT =
VLC can be integrated in Google Web Toolkit (GWT) web applications. The easiest way is to embed the VLC browser plugin in your web application. This also ensures that no question arises whether your web application is derivate work or not, as a clean separation between the web application and VLC exists. Alternatively, a build of VLC can be integrated in a web app, using applicable bindings. This article discusses integration based on the VLC plugin. There are two levels of integration:
* Static integration in the main HTML file (MyProject.html as generated by GWT/applicationCreator)
* Dynamic integration in HTML code, which is generated at web application runtime
(In any case, remember that VLC treats the browser plugin for Firefox/Mozilla only as an installation option. You might have to go back and install this option and also point out in your documentation that this option needs to be installed if users run your web application with Mozilla/Firefox.)

== Static integration in MyProject.html ==
Static integration is straightforward and is based on methods described in two separate articles:
* Mozilla/Firefox plug-in: http://wiki.videolan.org/Documentation:Play_HowTo/Advanced_Use_of_VLC#Use_the_mozilla_plugin
* ActiceX Control: [[ActiveX/HTML]]
Following the description in the [[ActiveX/HTML]] article, you can include some code based on the following snippet in your main HTML file (MyProject.HTML):
<pre><nowiki>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="320"
height="240"
id="vlc" events="True">
<param name="Src" value="$mri" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2"
width="320"
height="240"
autoplay="yes"
loop="no"
target="$mri"
name="vlc">
</EMBED>
</OBJECT>
</nowiki></pre>
Internet Explorer (IE6) responds to the code in the <OBJECT> tag, while Mozilla/Firefox uses the settings inside the <EMBED> tag.
Replace parameters as appropriate, e.g. $mri with the [[Multimedia Resource Identifier]] of your incoming stream.

== Embedding in dynamically generated HTML code ==
It is possible to integrate the VLC plugin in dynamically created HTML code, as the GWT class HTML offers.

The integration of the VLC plugin in dynamically generated HTML code is based on DOM calls and some JavaScript as opposed to GWT API calls. For some reason(s), the GWT API calls (Panel.add() for example) do not support the integration of the VLC plug-in, although other plugin's might work just fine. This is not necessarily a fault of the VLC plugin, but rather browser-specific differences in Javascript implementation. Below a snippet which should contain all the necessary DOM calls and JavaScript code which worked for me for Mozilla/Firefox ''and'' IE6:
<pre><nowiki>
{
{

streamerCode = ".............."; // Use example code above as a starting point

// IE6: Wrap VLC plugin in an HTML block element. Needed to work around known "quirk" in IE6's implementation of innerHTML
// Does not hurt Mozilla/Firefox
// http://support.microsoft.com/kb/276228
com.google.gwt.user.client.Element newdiv = DOM.createElement("div");
DOM.setInnerHTML(newdiv, streamerCode);

// Append div block on DOM level. Needed for all browsers; GWT Panel.add() does not work for VLC
// Mozilla Firefox is OK with appendChild() to any GWT Panel; IE6 works only if appended to RootPanel
DOM.appendChild(RootPanel.get("browserElementInHTMLCode").getElement(), newdiv);

// Set width and height in VLC's style. Needed and has effect for IE6. Alternatively, this could probably be accomplised through setting the style of the VLC plugin as well.
// Solution found here: http://forum.videolan.org/viewtopic.php?f=16&t=33736&p=104306&hilit=innerHTML#p104306
vlcSetWidth(DOM.getElementById("vlc"), "320"); // "vlc" is the element ID as defined in streamerCode to identify the plugin.
vlcSetHeight(DOM.getElementById("vlc"), "160");
}

/**
* set width of VLC ActiveX control.
*
* @param width
*/
native static void vlcSetWidth(com.google.gwt.user.client.Element target, String width) /*-{
target.style.width=width;
}-*/;

/**
* set height of VLC ActiveX control.
*
* @param height
*/
native static void vlcSetHeight(com.google.gwt.user.client.Element target, String height) /*-{
target.style.height=height;
}-*/;

}
</nowiki></pre>

Note that it might not be possible to superimpose controls over streaming video, as the VLC plugin might directly write to the video adapter, depending on the target platform. This is the case for Windows XP, for example.

== User interaction ==
The VLC plugin has a Javascript API which allows the implementation of user interactions like Play or Pause on the web application level. The plug-in can be called through Javascript as described in the [[ActiveX/HTML]] article. GWT/Java wrappers for these calls are not available (yet). It does not make a difference whether the plugin is integrated on the static or dynamic level; a handle to the VLC plugin is obtained through the RootPanel method RootPanel get(java.lang.String id) which returns the browser element that embeds the VLC plugin. Code must be added to the HTML code to create a browser element with an ID which can be captured by the RootPanel mathod get(java.lang.String id), e.g. as follows:
<pre><nowiki>
<table><tr><td id="browserElementInHTMLCode">

</td></tr></table>
</nowiki></pre>

VLC HowTo/Integrate with Google Web Toolkit

2007-11-07T00:33:47Z

RedStapler: /* Embedding in dynamically generated HTML code */

= GWT =
VLC can be integrated in Google Web Toolkit (GWT) web applications. The easiest way is embedding the VLC browser plugin in your web application. There are two levels of integration:
* Static integration in the main HTML file (MyProject.html)
* Dynamic integration in HTML code which is generated at web application runtime
In any case, remember that VLC treats the browser plugin for Firefox/Mozilla only as an installation option. You might have to go back and install this option and also point out in your documentation that this option needs to be installed if users run your web application with Mozilla/Firefox.

== Static integration in MyProject.html ==
Static integration is straightforward and is based on methods described in separate articles:
* Mozilla/Firefox plug-in: http://wiki.videolan.org/Documentation:Play_HowTo/Advanced_Use_of_VLC#Use_the_mozilla_plugin

* ActiceX Control: [[ActiveX/HTML]]
Following the description in the [[ActiveX/HTML]] article, you can include code based on the following snipped in your main HTML file:
<pre><nowiki>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="320"
height="240"
id="vlc" events="True">
<param name="Src" value="$mri" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2"
width="320"
height="240"
autoplay="yes"
loop="no"
target="$mri"
name="vlc">
</EMBED>
</OBJECT>
</nowiki></pre>
Internet Explorer (IE6) responds to the code in the <OBJECT> tag, while Mozilla/Firefox uses the settings in the <EMBED> tag.
Replace parameters as appropriate, e.g. $mri with the [[Multimedia Resource Identifier]] of your incoming stream.

== Embedding in dynamically generated HTML code ==
It is possible to integrate the VLC plugin in GWT web applications. It's not pretty though.

The integration of the VLC plug-in in dynamically generated HTML code is through DOM calls and some JavaScript. For some reason(s), GWT API calls do not work for integrating the VLC plug-in. Below a snipplet which should contain all the necessary DOM calls and JavaScript code:
<pre><nowiki>
{
{

streamerCode = ".............."; // Use example code above as a starting point

// IE6: Wrap VLC plugin in an HTML block element. Needed to work around known "quirk" in IE6's implementation of innerHTML
// Does not hurt Mozilla/Firefox
// http://support.microsoft.com/kb/276228
com.google.gwt.user.client.Element newdiv = DOM.createElement("div");
DOM.setInnerHTML(newdiv, streamerCode);

// Append div block on DOM level. Needed for all browsers; GWT Panel.add() does not work for VLC
// Mozilla Firefox is OK with appendChild() to any GWT Panel; IE6 works only if appended to RootPanel
DOM.appendChild(RootPanel.get("browserElementInHTMLCode").getElement(), newdiv);

// Set width and height in VLC's style. Needed and has effect for IE6
// Solution found here: http://forum.videolan.org/viewtopic.php?f=16&t=33736&p=104306&hilit=innerHTML#p104306
vlcSetWidth("320");
vlcSetHeight("160");
}

/**
* set width of VLC ActiveX control. Assumes that VLC plug-in is id'ed "vlc" in HTML code
*
* @param width
*/
native static void vlcSetWidth(String width) /*-{
$doc.all.vlc.style.width=width;
}-*/;

/**
* set height of VLC ActiveX control. Assumes that VLC plug-in is id'ed "vlc" in HTML code
*
* @param height
*/
native static void vlcSetHeight(String height) /*-{
$doc.all.vlc.style.height=height;
}-*/;

}
</nowiki></pre>

Note that it might not be possible to superimpose controls over streaming video, as the VLC plugin might directly write to the video adapter, depending on the target platform. This is the case for Windows XP, for example.

== User interaction ==
The VLC plugin has a Javascript API which allows the implementation of user interactions like Play or Pause on the web application level. The plugin can be called through Javascript as described in the [[ActiveX/HTML]] article. GWT/Java wrappers for these calls are not available (yet). It does not make a difference whether the plugin is integrated on the static or dynamic level; a handle to the VLC plugin is obtained through the RootPanel method RootPanel get(java.lang.String id) which returns the browser element that embeds the VLC plugin. Code must be added to the HTML code to create a browser element with an ID which can be captured by the RootPanel mathod get(java.lang.String id), e.g. as follows:
<pre><nowiki>
<table><tr><td id="browserElementInHTMLCode">
<OBJECT
...
</OBJECT>
</td></tr></table>
</nowiki></pre>

VLC HowTo/Integrate with Google Web Toolkit

2007-11-07T00:33:11Z

RedStapler: /* Embedding in dynamically generated HTML code */

= GWT =
VLC can be integrated in Google Web Toolkit (GWT) web applications. The easiest way is embedding the VLC browser plugin in your web application. There are two levels of integration:
* Static integration in the main HTML file (MyProject.html)
* Dynamic integration in HTML code which is generated at web application runtime
In any case, remember that VLC treats the browser plugin for Firefox/Mozilla only as an installation option. You might have to go back and install this option and also point out in your documentation that this option needs to be installed if users run your web application with Mozilla/Firefox.

== Static integration in MyProject.html ==
Static integration is straightforward and is based on methods described in separate articles:
* Mozilla/Firefox plug-in: http://wiki.videolan.org/Documentation:Play_HowTo/Advanced_Use_of_VLC#Use_the_mozilla_plugin

* ActiceX Control: [[ActiveX/HTML]]
Following the description in the [[ActiveX/HTML]] article, you can include code based on the following snipped in your main HTML file:
<pre><nowiki>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="320"
height="240"
id="vlc" events="True">
<param name="Src" value="$mri" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2"
width="320"
height="240"
autoplay="yes"
loop="no"
target="$mri"
name="vlc">
</EMBED>
</OBJECT>
</nowiki></pre>
Internet Explorer (IE6) responds to the code in the <OBJECT> tag, while Mozilla/Firefox uses the settings in the <EMBED> tag.
Replace parameters as appropriate, e.g. $mri with the [[Multimedia Resource Identifier]] of your incoming stream.

== Embedding in dynamically generated HTML code ==
It is possible to integrate the VLC plugin in GWT web applications. It's not pretty though.

The integration of the VLC plug-in in dynamically generated HTML code is through DOM calls and some JavaScript. For some reason(s), GWT API calls do not work for integrating the VLC plug-in. Below a snipplet which should contain all the necessary DOM calls and JavaScript code:
<pre><nowiki>
{
{

streamerCode = ".............."; // Use example code above as a starting point

// IE6: Wrap VLC plugin in an HTML block element. Needed to work around known "quirk" in IE6's implementation of innerHTML
// Does not hurt Mozilla/Firefox
// http://support.microsoft.com/kb/276228
com.google.gwt.user.client.Element newdiv = DOM.createElement("div");
DOM.setInnerHTML(newdiv, streamerCode);

// Append div block on DOM level. Needed for all browsers; GWT Panel.add() does not work for VLC
// Mozilla Firefox is OK with appendChild() to any GWT Panel; IE6 works only if appended to RootPanel
DOM.appendChild(RootPanel.get("browserElementInHTMLCode").getElement(), newdiv);

// Set width and height in VLC's style. Needed and has effect for IE6
// Solution found here: http://forum.videolan.org/viewtopic.php?f=16&t=33736&p=104306&hilit=innerHTML#p104306
vlcSetWidth("320");
vlcSetHeight("160");
}

/**
* set width of VLC ActiveX control. Assumes that VLC plugin is id'ed "vlc" in HTML code
*
* @param width
*/
native static void vlcSetWidth(String width) /*-{
$doc.all.vlc.style.width=width;
}-*/;

/**
* set height of VLC ActiveX control. Assumes that VLC plugin is id'ed "vlc" in HTML code
*
* @param height
*/
native static void vlcSetHeight(String height) /*-{
$doc.all.vlc.style.height=height;
}-*/;

}
</nowiki></pre>

Note that it might not be possible to superimpose controls over streaming video, as the VLC plugin might directly write to the video adapter, depending on the target platform. This is the case for Windows XP, for example.

== User interaction ==
The VLC plugin has a Javascript API which allows the implementation of user interactions like Play or Pause on the web application level. The plugin can be called through Javascript as described in the [[ActiveX/HTML]] article. GWT/Java wrappers for these calls are not available (yet). It does not make a difference whether the plugin is integrated on the static or dynamic level; a handle to the VLC plugin is obtained through the RootPanel method RootPanel get(java.lang.String id) which returns the browser element that embeds the VLC plugin. Code must be added to the HTML code to create a browser element with an ID which can be captured by the RootPanel mathod get(java.lang.String id), e.g. as follows:
<pre><nowiki>
<table><tr><td id="browserElementInHTMLCode">
<OBJECT
...
</OBJECT>
</td></tr></table>
</nowiki></pre>

VLC HowTo/Integrate with Google Web Toolkit

2007-11-07T00:31:14Z

RedStapler: /* User interaction */

= GWT =
VLC can be integrated in Google Web Toolkit (GWT) web applications. The easiest way is embedding the VLC browser plugin in your web application. There are two levels of integration:
* Static integration in the main HTML file (MyProject.html)
* Dynamic integration in HTML code which is generated at web application runtime
In any case, remember that VLC treats the browser plugin for Firefox/Mozilla only as an installation option. You might have to go back and install this option and also point out in your documentation that this option needs to be installed if users run your web application with Mozilla/Firefox.

== Static integration in MyProject.html ==
Static integration is straightforward and is based on methods described in separate articles:
* Mozilla/Firefox plug-in: http://wiki.videolan.org/Documentation:Play_HowTo/Advanced_Use_of_VLC#Use_the_mozilla_plugin

* ActiceX Control: [[ActiveX/HTML]]
Following the description in the [[ActiveX/HTML]] article, you can include code based on the following snipped in your main HTML file:
<pre><nowiki>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="320"
height="240"
id="vlc" events="True">
<param name="Src" value="$mri" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2"
width="320"
height="240"
autoplay="yes"
loop="no"
target="$mri"
name="vlc">
</EMBED>
</OBJECT>
</nowiki></pre>
Internet Explorer (IE6) responds to the code in the <OBJECT> tag, while Mozilla/Firefox uses the settings in the <EMBED> tag.
Replace parameters as appropriate, e.g. $mri with the [[Multimedia Resource Identifier]] of your incoming stream.

== Embedding in dynamically generated HTML code ==
It is possible to integrate the VLC plugin in GWT web applications. It's not pretty though.

The integration of the VLC plug-in in dynamically generated HTML code is through DOM calls and some JavaScript. For some reason(s), GWT API calls do not work for integrating the VLC plug-in. Below a snipplet which should contain all the necessary DOM calls and JavaScript code:
<pre><nowiki>
{
{

streamerCode = ".............."; // Use example code above as a starting point

// IE6: Wrap VLC plugin in an HTML block element. Needed to work around known "quirk" in IE6's implementation of innerHTML
// Does not hurt Mozilla/Firefox
// http://support.microsoft.com/kb/276228
com.google.gwt.user.client.Element newdiv = DOM.createElement("div");
DOM.setInnerHTML(newdiv, streamerCode);

// Append div block on DOM level. Needed for all browsers; GWT Panel.add() does not work for VLC
// Mozilla Firefox is OK with appendChild() to any GWT Panel; IE6 works only if appended to RootPanel
DOM.appendChild(RootPanel.get("browserElementInHTMLCode").getElement(), newdiv);

// Set width and height in VLC's style. Needed and has effect for IE6
// Solution found here: http://forum.videolan.org/viewtopic.php?f=16&t=33736&p=104306&hilit=innerHTML#p104306
vlcSetWidth("320");
vlcSetHeight("160");
}

/**
* set width of VLC ActiveX control
*
* @param width
*/
native static void vlcSetWidth(String width) /*-{
$doc.all.vlc.style.width=width;
}-*/;

/**
* set height of VLC ActiveX control
*
* @param height
*/
native static void vlcSetHeight(String height) /*-{
$doc.all.vlc.style.height=height;
}-*/;

}
</nowiki></pre>

Note that it might not be possible to superimpose controls over streaming video, as the VLC plugin might directly write to the video adapter, depending on the target platform. This is the case for Windows XP, for example.

== User interaction ==
The VLC plugin has a Javascript API which allows the implementation of user interactions like Play or Pause on the web application level. The plugin can be called through Javascript as described in the [[ActiveX/HTML]] article. GWT/Java wrappers for these calls are not available (yet). It does not make a difference whether the plugin is integrated on the static or dynamic level; a handle to the VLC plugin is obtained through the RootPanel method RootPanel get(java.lang.String id) which returns the browser element that embeds the VLC plugin. Code must be added to the HTML code to create a browser element with an ID which can be captured by the RootPanel mathod get(java.lang.String id), e.g. as follows:
<pre><nowiki>
<table><tr><td id="browserElementInHTMLCode">
<OBJECT
...
</OBJECT>
</td></tr></table>
</nowiki></pre>

VLC HowTo/Integrate with Google Web Toolkit

2007-11-07T00:29:57Z

RedStapler: /* Embedding in dynamically generated HTML code */

= GWT =
VLC can be integrated in Google Web Toolkit (GWT) web applications. The easiest way is embedding the VLC browser plugin in your web application. There are two levels of integration:
* Static integration in the main HTML file (MyProject.html)
* Dynamic integration in HTML code which is generated at web application runtime
In any case, remember that VLC treats the browser plugin for Firefox/Mozilla only as an installation option. You might have to go back and install this option and also point out in your documentation that this option needs to be installed if users run your web application with Mozilla/Firefox.

== Static integration in MyProject.html ==
Static integration is straightforward and is based on methods described in separate articles:
* Mozilla/Firefox plug-in: http://wiki.videolan.org/Documentation:Play_HowTo/Advanced_Use_of_VLC#Use_the_mozilla_plugin

* ActiceX Control: [[ActiveX/HTML]]
Following the description in the [[ActiveX/HTML]] article, you can include code based on the following snipped in your main HTML file:
<pre><nowiki>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="320"
height="240"
id="vlc" events="True">
<param name="Src" value="$mri" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2"
width="320"
height="240"
autoplay="yes"
loop="no"
target="$mri"
name="vlc">
</EMBED>
</OBJECT>
</nowiki></pre>
Internet Explorer (IE6) responds to the code in the <OBJECT> tag, while Mozilla/Firefox uses the settings in the <EMBED> tag.
Replace parameters as appropriate, e.g. $mri with the [[Multimedia Resource Identifier]] of your incoming stream.

== Embedding in dynamically generated HTML code ==
It is possible to integrate the VLC plugin in GWT web applications. It's not pretty though.

The integration of the VLC plug-in in dynamically generated HTML code is through DOM calls and some JavaScript. For some reason(s), GWT API calls do not work for integrating the VLC plug-in. Below a snipplet which should contain all the necessary DOM calls and JavaScript code:
<pre><nowiki>
{
{

streamerCode = ".............."; // Use example code above as a starting point

// IE6: Wrap VLC plugin in an HTML block element. Needed to work around known "quirk" in IE6's implementation of innerHTML
// Does not hurt Mozilla/Firefox
// http://support.microsoft.com/kb/276228
com.google.gwt.user.client.Element newdiv = DOM.createElement("div");
DOM.setInnerHTML(newdiv, streamerCode);

// Append div block on DOM level. Needed for all browsers; GWT Panel.add() does not work for VLC
// Mozilla Firefox is OK with appendChild() to any GWT Panel; IE6 works only if appended to RootPanel
DOM.appendChild(RootPanel.get("browserElementInHTMLCode").getElement(), newdiv);

// Set width and height in VLC's style. Needed and has effect for IE6
// Solution found here: http://forum.videolan.org/viewtopic.php?f=16&t=33736&p=104306&hilit=innerHTML#p104306
vlcSetWidth("320");
vlcSetHeight("160");
}

/**
* set width of VLC ActiveX control
*
* @param width
*/
native static void vlcSetWidth(String width) /*-{
$doc.all.vlc.style.width=width;
}-*/;

/**
* set height of VLC ActiveX control
*
* @param height
*/
native static void vlcSetHeight(String height) /*-{
$doc.all.vlc.style.height=height;
}-*/;

}
</nowiki></pre>

Note that it might not be possible to superimpose controls over streaming video, as the VLC plugin might directly write to the video adapter, depending on the target platform. This is the case for Windows XP, for example.

== User interaction ==
The VLC plugin has a Javascript API which allows the implementation of user interactions like Play or Pause on the web application level. The plugin can be called through Javascript as described in the [[ActiveX/HTML]] article. GWT/Java wrappers for these calls are not available (yet). It does not make a difference whether the plugin is integrated on the static or dynamic level; a handle to the VLC plugin is obtained through the RootPanel method RootPanel get(java.lang.String id) which returns the browser element that embeds the VLC plugin. Code must be added to the HTML code to create a browser element with an ID which can be captured by the RootPanel mathod get(java.lang.String id), e.g. as follows:
<pre><nowiki>
<table><tr><td id="MyID">
<OBJECT
...
</OBJECT>
</td></tr></table>
</nowiki></pre>

VLC HowTo/Integrate with Google Web Toolkit

2007-11-05T18:28:58Z

RedStapler: Google Web Toolkit (GWT)

= GWT =
VLC can be integrated in Google Web Toolkit (GWT) web applications. The easiest way is embedding the VLC browser plugin in your web application. There are two levels of integration:
* Static integration in the main HTML file (MyProject.html)
* Dynamic integration in HTML code which is generated at web application runtime
In any case, remember that VLC treats the browser plugin for Firefox/Mozilla only as an installation option. You might have to go back and install this option and also point out in your documentation that this option needs to be installed if users run your web application with Mozilla/Firefox.

== Static integration in MyProject.html ==
Static integration is straightforward and is based on methods described in separate articles:
* Mozilla/Firefox plug-in: http://wiki.videolan.org/Documentation:Play_HowTo/Advanced_Use_of_VLC#Use_the_mozilla_plugin

* ActiceX Control: [[ActiveX/HTML]]
Following the description in the [[ActiveX/HTML]] article, you can include code based on the following snipped in your main HTML file:
<pre><nowiki>
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
width="320"
height="240"
id="vlc" events="True">
<param name="Src" value="$mri" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<EMBED pluginspage="http://www.videolan.org"
type="application/x-vlc-plugin" progid="VideoLAN.VLCPlugin.2"
width="320"
height="240"
autoplay="yes"
loop="no"
target="$mri"
name="vlc">
</EMBED>
</OBJECT>
</nowiki></pre>
Internet Explorer (IE6) responds to the code in the <OBJECT> tag, while Mozilla/Firefox uses the settings in the <EMBED> tag.
Replace parameters as appropriate, e.g. $mri with the [[Multimedia Resource Identifier]] of your incoming stream.

== Embedding in dynamically generated HTML code ==
Web applications which dynamically generate HTML code, e.g. through the GWT class HTML, can integrate the VLC plugin within a GWT Panel. The HTML code itself is based on the static code above, while the integration in the dynamic web application is accomplished through GWT API calls. For some reason, the Panel method add() (GWT version 1.4.60) does not correctly handle the VLC plugin. It is necessary to use the DOM method appendChild(Element parent, Element child), as follows:
<pre><nowiki>
DOM.appendChild(targetPanel.getElement(), htmlCode.getElement());
</nowiki></pre>
Unfortunately there is no known method for the VLC ActiveX control to show in Internet Explorer (IE 6). Audio will play, but the streaming video does not show in the GWT Panel.

Note also that it might not be possible to superimpose controls over streaming video, as the VLC plugin might directly write to the video adapter, depending on the target platform. This is the case for Windows XP, for example.

== User interaction ==
The VLC plugin has a Javascript API which allows the implementation of user interactions like Play or Pause on the web application level. The plugin can be called through Javascript as described in the [[ActiveX/HTML]] article. GWT/Java wrappers for these calls are not available (yet). It does not make a difference whether the plugin is integrated on the static or dynamic level; a handle to the VLC plugin is obtained through the RootPanel method RootPanel get(java.lang.String id) which returns the browser element that embeds the VLC plugin. Code must be added to the HTML code to create a browser element with an ID which can be captured by the RootPanel mathod get(java.lang.String id), e.g. as follows:
<pre><nowiki>
<table><tr><td id="MyID">
<OBJECT
...
</OBJECT>
</td></tr></table>
</nowiki></pre>