VideoLAN Wiki - User contributions [en]

HowTo Integrate VLC plugin in your webpage

2011-05-17T10:20:39Z

Revolunet: update

== Embedding the VLC plugin in your webpage ==

The VLC plugin can be directly embedded in your webpage :

<embed type="application/x-vlc-plugin" name="player" autoplay="no" loop="no" target="udp:@239.255.12.42" />

You then have to use the official Mozilla/ActiveX api documented here : http://wiki.videolan.org/Documentation:WebPlugin

But, if you need '''controls''' (buttons, slidebar...), you have to use the '''open source revolunet VLCcontrols''' library.

* the code resides @github : https://github.com/revolunet/VLCcontrols
* you have some demo here : http://revolunet.github.com/VLCcontrols

Usage exemple :


<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="javascript" src="http://revolunet.github.com/VLCcontrols/src/jquery-vlc.js"></script>
<link rel="stylesheet" type="text/css" href="http://revolunet.github.com/VLCcontrols/src/styles.css" />

<script language="javascript">
var player = VLCobject.embedPlayer('vlc1', 400, 300);
player.play('http://download.blender.org/peach/bigbuckbunny_movies/big_buck_bunny_480p_surround-fix.avi');
</script>

Note the fullscreen is currently broken in VLC plugin itself (VLC>1.1)

HowTo Integrate VLC plugin in your webpage

2009-03-30T08:37:40Z

Revolunet: urls changed

== Embedding the plugin : the VLCobject javascript library ==

I've created this small javascript library to allows you to easyly add the VLC plugin in your web pages.

Here's how you add the control to your page :

* first, download the [http://code.revolunet.com/VLCobject/VLCobject.js source] and extract it to your website
* then, create a simple html test page like this on your server :
<script type="text/javascript" src="VLCobject.js"></script>

<div id="vlccontent">This text is replaced by the VLC player.</div>

<script type="text/javascript">
var myvlc = new VLCObject("mymovie", "400", "200", "0.8.6");
myvlc.addParam("MRL","http://movies.apple.com/movies/sony_pictures/yearone/yearone-tlr1_h.640.mov");
myvlc.write("vlccontent");
</script>

this should create a player object and launch a movie when the pages open ;)

* You can find a demo here : http://vlc.revolunet.com (some demo medias specially for french free.fr users)
* check out the docs here : http://code.revolunet.com/VLCobject/EN

If you want to add controls, use VLCcontrols library (see below)

== Adding controls : the VLCcontrols javascript library ==

This lib add commons controls to the VLCobject : Play, Pause, Stop, Volume, Seekbar, Debug...

The doc and code is available here : http://code.revolunet.com/VLCcontrols/EN

You just have to add one line of script to add the controls to your VLCobject instance :

<script type="text/javascript" src="VLCobject.js"></script>
<script type="text/javascript" src="VLCcontrols.js"></script>

<div id="vlccontent">This text is replaced by the VLC player.</div>

<script type="text/javascript">
var myvlc = new VLCObject("mymovie", "400", "200", "0.8.6");
myvlc.addParam("MRL","http://movies.apple.com/movies/sony_pictures/yearone/yearone-tlr1_h.640.mov");
myvlc.write("vlccontent");
var myvlccontrols = new VLCcontrols(myvlc);
</script>

Template:File

2008-11-24T11:31:35Z

Revolunet:

* [http://git.videolan.org/?p=vlc.git;a=history;f={{{1}}} {{{1}}}] {{#if:{{{2|}}}|({{{2}}})}}

<noinclude>
For linking to source code file. Links to trac.

Usage:
<nowiki>{{file|name|info}}</nowiki>

eg
{{file|modules/mux/dummy.c|Dummy muxer}}
<nowiki>{{file|modules/mux/dummy.c|Dummy muxer}}</nowiki>
{{file|modules/mux/avi.c}}
<nowiki>{{file|modules/mux/avi.c}}</nowiki>
</noinclude>

VLC HowTo

2008-01-30T20:30:36Z

Revolunet: /* Other Stuff */

__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 TV portal.
* [[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.]]
* [[HowTo_Integrate_VLC_plugin_in_your_webpage|Integrate ActiveX/Mozilla on your 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]]

HowTo Integrate VLC plugin in your webpage

2008-01-29T17:07:34Z

Revolunet: /* Embedding the plugin : the VLCobject javascript library */

== Embedding the plugin : the VLCobject javascript library ==

I've created this small javascript library to allows you to easyly add the VLC plugin in your web pages.

Here's how you add the control to your page :

* first, download the [http://code.revolunet.com/VLCobject/VLCobject.js source] and extract it to your website
* then, create a simple html test page like this on your server :
<script type="text/javascript" src="VLCobject.js"></script>

<div id="vlccontent">This text is replaced by the VLC player.</div>

<script type="text/javascript">
var myvlc = new VLCObject("mymovie", "400", "200", "0.8.6");
myvlc.addParam("MRL","http://code.revolunet.com/VLCjs/rambo.mpg");
myvlc.write("vlccontent");
</script>

this should create a player object and launch a movie when the pages open ;)

* You can find a demo here : http://vlc.revolunet.com (some demo medias specially for french free.fr users)
* check out the docs here : http://code.revolunet.com/VLCobject/EN

If you want to add controls, use VLCcontrols library (see below)

== Adding controls : the VLCcontrols javascript library ==

This lib add commons controls to the VLCobject : Play, Pause, Stop, Volume, Seekbar, Debug...

The doc and code is available here : http://code.revolunet.com/VLCcontrols/EN

You just have to add one line of script to add the controls to your VLCobject instance :

<script type="text/javascript" src="VLCobject.js"></script>
<script type="text/javascript" src="VLCcontrols.js"></script>

<div id="vlccontent">This text is replaced by the VLC player.</div>

<script type="text/javascript">
var myvlc = new VLCObject("mymovie", "400", "200", "0.8.6");
myvlc.addParam("MRL","http://code.revolunet.com/VLCjs/rambo.mpg");
myvlc.write("vlccontent");
var myvlccontrols = new VLCcontrols(myvlc);
</script>

HowTo Integrate VLC plugin in your webpage

2008-01-29T17:07:14Z

Revolunet: /* Embedding the plugin : the VLCobject javascript library */

== Embedding the plugin : the VLCobject javascript library ==

I've created this small javascript library to allows you to easyly add the VLC plugin in your web pages.

Here's how you add the control to your page :

* first, download the [http://code.revolunet.com/VLCobject/VLCobject.js source] and extract it to your
* then, create a simple html test page like this on your server :
<script type="text/javascript" src="VLCobject.js"></script>

<div id="vlccontent">This text is replaced by the VLC player.</div>

<script type="text/javascript">
var myvlc = new VLCObject("mymovie", "400", "200", "0.8.6");
myvlc.addParam("MRL","http://code.revolunet.com/VLCjs/rambo.mpg");
myvlc.write("vlccontent");
</script>

this should create a player object and launch a movie when the pages open ;)

* You can find a demo here : http://vlc.revolunet.com (some demo medias specially for french free.fr users)
* check out the docs here : http://code.revolunet.com/VLCobject/EN

If you want to add controls, use VLCcontrols library (see below)

== Adding controls : the VLCcontrols javascript library ==

This lib add commons controls to the VLCobject : Play, Pause, Stop, Volume, Seekbar, Debug...

The doc and code is available here : http://code.revolunet.com/VLCcontrols/EN

You just have to add one line of script to add the controls to your VLCobject instance :

<script type="text/javascript" src="VLCobject.js"></script>
<script type="text/javascript" src="VLCcontrols.js"></script>

<div id="vlccontent">This text is replaced by the VLC player.</div>

<script type="text/javascript">
var myvlc = new VLCObject("mymovie", "400", "200", "0.8.6");
myvlc.addParam("MRL","http://code.revolunet.com/VLCjs/rambo.mpg");
myvlc.write("vlccontent");
var myvlccontrols = new VLCcontrols(myvlc);
</script>

HowTo Integrate VLC plugin in your webpage

2008-01-29T17:06:42Z

Revolunet: /* VLCjs javascript library */

== Embedding the plugin : the VLCobject javascript library ==

I've created this small javascript library to allows you to easyly add the VLC plugin in your web pages.

Here's how you add the control to your page :

* first, download the [http://code.revolunet.com/VLCobject/VLCobject.jssource] and extract it to your
* then, create a simple html test page like this on your server :
<script type="text/javascript" src="VLCobject.js"></script>

<div id="vlccontent">This text is replaced by the VLC player.</div>

<script type="text/javascript">
var myvlc = new VLCObject("mymovie", "400", "200", "0.8.6");
myvlc.addParam("MRL","http://code.revolunet.com/VLCjs/rambo.mpg");
myvlc.write("vlccontent");
</script>

this should create a player object and launch a movie when the pages open ;)

* You can find a demo here : http://vlc.revolunet.com (some demo medias specially for french free.fr users)
* check out the docs here : http://code.revolunet.com/VLCobject/EN

If you want to add controls, use VLCcontrols library (see below)

== Adding controls : the VLCcontrols javascript library ==

This lib add commons controls to the VLCobject : Play, Pause, Stop, Volume, Seekbar, Debug...

The doc and code is available here : http://code.revolunet.com/VLCcontrols/EN

You just have to add one line of script to add the controls to your VLCobject instance :

<script type="text/javascript" src="VLCobject.js"></script>
<script type="text/javascript" src="VLCcontrols.js"></script>

<div id="vlccontent">This text is replaced by the VLC player.</div>

<script type="text/javascript">
var myvlc = new VLCObject("mymovie", "400", "200", "0.8.6");
myvlc.addParam("MRL","http://code.revolunet.com/VLCjs/rambo.mpg");
myvlc.write("vlccontent");
var myvlccontrols = new VLCcontrols(myvlc);
</script>

HowTo Integrate VLC plugin in your webpage

2008-01-17T20:22:59Z

Revolunet:

== VLCjs javascript library ==

I've created this small javascript library to allows you to easyly add the VLC plugin in your web pages.

Here's how you add the control to your page :

* first, download the [http://code.revolunet.com/VLCjs/VLSjs.zip source zip] and extract it to your website (i suppose you create a VLCjs subfolder)
* then, create a simple html test page like this on your server :
<script language="javascript" src="VLCjs/VLCjs.js"></script>
<object id="myplayer" classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"></object>
<script language="javascript">
window.onload = function() {
var vlc = new VLCplayer("myplayer", 400, 300);
vlc.setIdleImage("idle2.gif");
vlc.play("http://example.com/movie.mpeg");
}
</script>

this should create a player object and launch a movie ;)

* You can find a demo here : http://vlc.revolunet.com (some demo medias specially for french free.fr users)
* check out the docs here : http://code.revolunet.com/VLCjs/EN

Any comments are welcome to improve this lib !!

It works on IE/Firefox and maybe Safari but i cannot test it

HowTo Integrate VLC plugin in your webpage

2008-01-17T20:18:31Z

Revolunet: New page: == VLCjs javascript library == I've created this small javascript library to allows you to easyly add the VLC plugin in your web pages. Here's how you add the control to your page : * f...

VLC HowTo/Make thumbnails

2007-12-11T13:20:50Z

Revolunet:

{{howto|make a thumbnail}}
==How to create a thumbnail from a video==

For all those people wanting a thumbnail from a video, use the following command (Windows):

<pre>vlc -V image --start-time 0 --stop-time 1 --image-out-format jpg --image-out-ratio 24 --image-out-prefix snap test.mpg vlc:quit</pre>

===What it does:===

When {{VLC}} runs it 'plays' the video for one second without actually showing the video on screen, and then quits, leaving us with a file named 'snap000000.jpg', containing an image of the first frame of the video.

===How its works:===

First select the image output with: '''-V image''' or '''--vout image'''.

Next set the interval (in seconds) you want an image from with: '''--start-time 0 --stop-time 1'''
In my example the first second of the video. In that case you could omit the parameter --start-time. If you want an image from the 5th second fill in: '''--start-time 5 --stop-time 6'''

The image format will be .jpg because i provided: '''--image-out-format jpg'''. You could specify '''--image-out-format png''' to get a .png-image instead.

'''--image-out-ratio 24''' specifies we want one image out of 24. In my case the video contains 24 images per second so this is the right value. If your video has more images per seconds you should increase this value to prevend you get more images as one. If the number is too high (for example 500) it still produces only one image, so the actual value is not so important as long as it is higher then the images per second.

'''--image-out-prefix snap''' specifies the filename must start with 'snap'. You can prefix with a path, for example c:\snap and resulting images will be created there.

You can specify '''--no-image-out-replace'''. In that case Vlc produces the file 'snap.jpg'. This will prevent VLC from creating multiple images.

'''test.mpg''' specifies the video to play and finally '''vlc:quit''' forces vlc to quit when ready.