Embedding VLC in a web page

[wambozii]

Hi guys i am completely new to VLC and i am building a multicast system so it was recommended by one my collegues that we use VLC in our web page.

That is my task to do.
Any ideas will be appreciated.
NB: I have embedded windows media player as an activeX object..does embeding VLC work along thesame line?

[wambozii]

Hi guys, i have managed to embed VLC in the web page and it works find.
Anyone want the code, just let us know.

Thanks.

[Jean-Baptiste Kempf]

yep.

[mirand]

Can you please zip it up and attach it for all to see.

[ottos]

Hi guys, i have managed to embed VLC in the web page and it works find.
Anyone want the code, just let us know.

Thanks.

Yes its very interesting . Can please give the code for posting embedded vlc on the web page?

[wambozii]

Okay embed the following code somewhere in the body of your HTML page:

<OBJECT classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8" codebase="http://downloads.videolan.org/pub/video ... /axvlc.cab"
width="476" height="380" id="vlc" events="True">
<param name="Src" value="C:\Documents and Settings\jmuna\Desktop\sw_8M.mov"/>
<param name="ShowDisplay" value="True" />
<param name="Loop" value="True" />
<param name="AutoPlay" value="True" />
<param name="AutoLoop" value="True" />
<param name="Volume" value="100">
</OBJECT>
<BR>
<input type='button' class='submit' style='width:50px;height:25px' value='Play' onClick='document.vlc.play();'>
<input type='button' class='submit' style='width:50px;height:25px' value='Stop' onClick='document.vlc.stop();'>
<input type='button' class='submit' style='width:50px;height:25px' value='Mute' onClick='document.vlc.togglemute();'>
<input type='button' class='submit' style='width:95px;height:25px' value='Fullscreen' onClick='document.vlc.fullscreen();'>

</OBJECT>

For the value of the Scr parameter, please direct the control to a movie ((make sure you specify the full path) and you should see it playing in your page.

Hope this helpsm
have fun!

[ottos]

Thx works fine.
How do you think it is possible to have playlist played?

[lagarazo]

It does not work for me, I just see a blank rectangle where there should be the movie.

[ottos]

to: wambozii

Where can I get description of commands like 'document.vlc.play();
i dont see in vlc pdfs object "document."

[wambozii]

Look at the code again guys, the value of the source parameter ends with:
sw_8M.mov

That is a movie that i had downloaded earlier and placed it on my desktop so
that i could test the control to make sure that it works.

So in your case, download a movie and place it on your desktop (or anywhere else) and direct the control to the movie. Note that you have use the appropriate movie name and full path to the movie location. If you do that correctly it should "autoplay" in the control on your webpage.

Just take your time and look at the code carefully. It is quite easy.
If it still doesn't work, tell me what exactly is happening and i will tell you what to do about it.

[wambozii]

For now, i don't know anything much more about VLC than to embed it in a web page. I am new to it and still exploring it as well.

[wambozii]

Guys i am in trouble again. The code i posted for embedding VLC in a web page was fo a local embed i.e. not on a web server.

Now i have put the web page on an apache web server and it does not work.

Any ideas?

Thanks in advance.

[francesco75]

Your code works fine but when I clik on the video it just desappear... the only way to have it back is to refresh the browser. Any idea ?

[francesco75]

I think that as source you need to use a stream like:
<param name="Src" value="udp://@"/>
What you need, I guess, is:
1 - The IP of the PC to stream to
2 - Start to strem the source (disc, pci device...) via the server to the reconized IP

[wambozii]

That does definitely seem like what i need. But any code sample with which i could play?

[jvlc]

VLC web embedded seem doesn't work with special chars as "ò à ù ì è".
I am using 0.8.5 version.

Can anybody help me?

[nonamevlc]

Hi Wambozzi.

Your idea of embedding vlc in webpage is interesting.

I just tried your code on firefox with code pointing to a video on desktop . I get the player buttons on the webpage.But when i hit play,nothing happens.
,
Do i have to download the file axvlc.cab seperately,that you mention in code

Code: Select all

<OBJECT classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8" codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"

Iam new to this too !

[nonamevlc]

Ok. The Code works fine in Internet Explorer 6.

However it doesnt work in firefox [my version is latest 1.5.0.7]

One advantage of using VLC in Webpage is,after the video is made fullscreen in the webpage, all of VLC player's shortcut keys work!

Currently that code uses the vlc player 0.8.5 installed on the system to play.
What if the user doesnt have VLC player installed?

From that INF, it seems the installer executable is downloaded ,installed and then the video is played? Is that how it works?

[85thday]

nice, but how would i add a rewind and fast forward buttons?

[85thday]

Any one, please

[jvlc]

You can use Javascript commands to control VLC Object:

document.vlc.playFaster()
document.vlc.playSlower()

"vlc" is the ID of used object, as the follow:

-------------------------------------------------------------------------
<OBJECT classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8" codebase="http://downloads.videolan.org/pub/video ... /axvlc.cab"
width="640" height="680" id="vlc">
-------------------------------------------------------------------------

By!