Vlc Web Control Panel

Updates on the status of previous and current releases may be found on this page as they come out.

(Update: You may now view an example page with the control panel and plugin embedded.)

The  basic html controls can be downloaded here:

http://www.mediafire.com/file/h2ymozimzzy/vlcweb.html

The original VWCP .zip archive can be downloaded here:

http://www.mediafire.com/file/rknzminygmf/vlcwebdistro.zip

The previous VWCP .zip archive can be downloaded here:

http://www.mediafire.com/file/mudt1dbirzh/vlcwebdistrov091.zip

The most recent release can be found here:

http://www.mediafire.com/file/bulzwymwkom/VlcWebControlPanel092.zip

Further progress will be noted on the blog, but you can look here for .zip archives of all previously released versions of VWCP. 

If you encounter bugs or errors, you can report them here in the comments section, and I will try to correct them in any future releases. 

If you have a problem embedding the VWCP in a webpage, you can e-mail me at the address on my contacts page and I will try to assist you.

If you encounter any broken links on this page, please leave a comment.  While I will not be maintaining links in the individual blog posts, you should be able to download all the files from this page.

You may test an early release for VWCPv093 here: 

http://testweb1867.webs.com/VlcWebControlPanel093/VWCP%20v093%20example.html

You may download a .zip file for this version of VWCP here:

http://www.mediafire.com/file/zgcknfluyjn/VlcWebControlPanelv093.zip

62 Responses to “Vlc Web Control Panel”

  1. Peter Lo July 5, 2010 at 7:55 am #

    I tried the example in Firefox, it said “Idling…”
    The error message shows “vlc.playlist is undefined” on line 38 (vlc.playlist.items.clear();)

    Moreover, I want to install the plug-in for internet explorer OFFLINE, is it possible?
    Thanks

    • atsiko July 5, 2010 at 8:53 am #

      Assuming you set the playlist and hit the pplay button (autoplay is default off):

      There are known bugs in the plugin for vlc 1.1.0. The control panel libraries are only fully compatible up to 1.0.5. Although most of the functions still work with 1.1.0, the status bar does not work completely.

      As far as using the plugin offline, for what?

      • peterl88 July 5, 2010 at 10:07 am #

        My computer is in a LAN and is disconnected from the internet.
        I want to receive a UDP stream from the server(Also in the LAN) using a browser. (Browser is my only way, I am not allowed to use the stand alone VLC)
        So.. I would like to know, may I install the plug-in without connecting to the internet. (Such as download the .cab on another computer and put it into to this computer)

      • atsiko July 5, 2010 at 8:46 pm #

        As far as I know, that should work, but I’ve never done it.

      • mc August 31, 2011 at 4:43 pm #

        how do you set the playlist?

      • atsiko September 1, 2011 at 6:17 am #

        You open the config file and follow the directions.

        If you’re asking how you can use a pre-made playlist file, it s my understanding that the plugin no longer supports that feature.

  2. Manuel July 7, 2010 at 6:37 pm #

    I have tested it in firefox but I get the same error. “vlc.playlist is undefined” or “vlc.audio is undefined”.
    The vlc plugin itself is working fine. I can right click into the player and choose a file from the context menu and it plays fine. But the HTML-Controls with the JavaScript aren’t working.

    • atsiko July 8, 2010 at 3:49 am #

      That’s a bug in the vlc api that screws up the rest of the javascript.

  3. alex August 15, 2010 at 6:35 pm #

    ” That’s a bug in the vlc api that screws up the rest of the javascript. ”

    Yes, Videolan 1.1.6 not working

    No fullscreen
    no rightclicking
    no double clickto go into fullscreen

    when will they unscrew this mess or should i just go to 8.5 and pull a finger lol@ the developers

    • atsiko August 15, 2010 at 8:03 pm #

      1.0.5 Goldeneye works fine. I’d suggest using that.

  4. mysoogals September 15, 2010 at 12:39 am #

    i’ve integrated the videolan controls into the word-press plugin i’ve also created a installer for theora streaming using the web plug-in visit my blog and check the post, make sure you installed the plugin :)

    • atsiko September 15, 2010 at 3:44 am #

      Interesting, I’ll check it out.

  5. Andy Bell November 11, 2010 at 6:11 pm #

    Are there plans to add zoom to the video plugin?

    • atsiko November 15, 2010 at 12:33 am #

      Not for the plugin, I don’t think…

  6. mion December 30, 2010 at 4:52 am #

    hello,

    – seek bar doesn`t work.
    – just work on ie.

    • atsiko January 5, 2011 at 6:32 am #

      A lot doesn’t work if you’re using anything after 1.0.6. It’s nothing to do with me, the plugin is broken in the 1.1.x series.

  7. Ric February 16, 2011 at 10:57 am #

    Hey do you no where i can get earlier versions of the plugin?

  8. Olgun Kaya February 17, 2011 at 12:43 pm #

    Hi,

    I want to add a player for rtsp protocol on my web page. but not sure how to use it.
    Right now I am using ( trying to use) QT :

    <PARAM name="SRC" VALUE = "../img//xxx.jpg” >
    <PARAM name="QTSRC" VALUE = "../img//xxx.jpg” >
    <PARAM name="HREF" VALUE = "” >

    <EMBED
    ID="video"
    SRC = "../img//turkcell.jpg”
    QTSRC = “../img//turkcell.jpg”
    HREF = “”
    TARGET = “myself”
    CONTROLLER = “true”
    LOOP = “false”
    AUTOPLAY = “true”
    PLUGIN = “quicktimeplugin”
    TYPE = “video/quicktime”
    CACHE = “false”
    PLUGINSPAGE= “http://www.apple.com/quicktime/download/” >

    like this in my jsp page. But since my test environment not ok yet. I am unable to test. What is the video source for qt ? src ? href ? qtsrc ?

    I am simply lost. And the source will be from streaming server ( let’s say a tv channel ) there won’t be a file to be streamed. would it be n issue ?
    thx..

    • atsiko February 20, 2011 at 6:38 pm #

      Your best bet is to check the videolan website. They’ll be much more helpful than I could be.

  9. Wiliam Troop June 28, 2011 at 6:22 pm #

    an not get any pof the control panel examples to work. In VlcWebControlPanel091. I do not seem to be able to replace file name where it work. should the file name include the path?

    • atsiko July 4, 2011 at 8:05 am #

      You should include the file path. However, as recent versions of vlc have broken plugins, I can’t guarantee that the control bar still works with those versions.

  10. kevin July 11, 2011 at 4:51 am #

    Hi:

    http://www.mediafire.com/file/zgcknfluyjn/VlcWebControlPanelv093.zip

    above link is invalid, somebody can help me?

    BR

    • atsiko July 11, 2011 at 9:02 am #

      The link seems to be working for me. Just tested it. If it still doesn’t work, I don’t know what the problem could be…

  11. OK15 August 21, 2011 at 7:51 am #

    I want to embed XML&html.
    How do code?

    • OK15 August 21, 2011 at 7:59 am #

      Sorry,My website is doing stream media.(mms,http)

  12. UncleJohnsBand October 11, 2011 at 2:13 am #

    Just wanted to say I really like this library. I see there hasn’t been any updates for some time. Is the project still active?

    • atsiko October 11, 2011 at 2:26 am #

      It is semi-active. There are some bugs in recent versions of vlc that have prevented me from really doing much to update it. Have you had any problems with it?

      • UncleJohnsBand October 11, 2011 at 3:02 am #

        Not as of yet….I was having a problem hiding the playlist info and simply had to reverse the order in which two functions are called in the vwcpsetdisplay file…..prior to the order switch the whole plugin was just a gray square…..I switched the order of vwcpshow and vwcdisplay so now when I set the playlistenabled to 0 in the vwcpconfig file it works as expected. Plugin displays and buttons no longer visible as expected.

        I am using v093 by the way.

        function vwcpsetup()
        {
        findPosition();
        vwcpshow();
        vwcpdisplay();
        filepath();
        resize();
        playlistload();
        vlc.audio.volume = volumevalue;
        slider = document.getElementById(“seekslider”);
        }

      • atsiko October 11, 2011 at 7:16 am #

        Cool, glad you worked that out.

        The only major change I’ve considered recently is using some php to let people create a playlist dynamically from videos in a folder, but since so few people get back to me with their feelings about the library, it’s hard to decide how much effort I should put into it, so I haven’t done much, recently.

        Some of the older versions had more functions, but then vlc made security changes, so I had to cut a lot of it. :(

  13. BgHartono October 24, 2011 at 6:41 am #

    Hello

    I want to embed VWCP in a WordPress post/page.
    Would you please teach me how to do that?

    Regards,

    • atsiko October 24, 2011 at 1:25 pm #

      I’m not sure whether it’s possible. You might need to have a formal wordpress plugin, because the free hosting doesn’t usually include the ability to have your own html pages and folder priviliges, which is what you need currently.

      • BgHartono October 24, 2011 at 3:47 pm #

        Hi Atsiko, thanks for your reply..

        I want to embed VWCP to WordPress-based website, hosted on local computer.

      • atsiko October 24, 2011 at 7:24 pm #

        I’ve never run wordpress on my own server, and I can’t run it on my free wordpress pages. I’ll see if I can download it and find out.

      • atsiko October 24, 2011 at 8:43 pm #

        Okay, I’m gonna have to set up an SQL database on my server first. Might take a bit.

  14. BgHartono October 25, 2011 at 12:17 am #

    Okay Atsiko, I’ll wait for your next informations.

    • atsiko October 25, 2011 at 5:18 am #

      mySQL doesn’t like my computer very much.

      You ought to be able to just place the libraries in your root folder and use php to dynamically write the plugin and control panel into your page.

      Can I ask whether this is a one-off page or if you intend to embed videos freuqently?

  15. BgHartono October 25, 2011 at 7:08 am #

    I plan to broadcast live tv programs (or other live actions) for LAN users.
    For some reasons, I prefer to use VLC (instead of Flash Media Server) on server-computer side.

    In my opinion, watch the shows on a web page is more challenging than watch it on VLC player. So that, I decided to develop a simple website where (I think) I can embed VLC Player code/plugin on its page.

    • atsiko October 25, 2011 at 7:48 pm #

      I don’t like flash very much. It’s good for what it’s for, which is playing short flv videos, but otherwise it’s lacking.

      Have you tested the plugin out on a normal html page to be sure it does what you want?

  16. chandra October 28, 2011 at 10:23 am #

    hi,
    i have a local (not LAN/Intranet) folder containing few hundred movie files which are linked to a html page. I want to use the plugin (IE) for playback on clicking the thumbnail on the html page.
    Could you please guide me?
    Thank you,
    Chandra

    • atsiko October 28, 2011 at 8:37 pm #

      Depends on how you have it set up. Can you give me an example of the html used to display a thumbnail?

      • chandra October 29, 2011 at 10:47 am #

        thanks for quick reply. the webpage has been laid out with an index page where the left frame contains a list of people where each name is linked to corresponding html sub-page. That means, when you click on a name the middle frame shows the corresponding page of the artist with thumubnails of the films that linked to movie files.
        i have upleaded a sample page with thumbnails and a screen shot of the main page so that you can have a clear idea. please download it here
        http://www.mediafire.com/?l6aimcu12lvnlz3and let me know.
        i appreciate the time you are spending to help me out to solve the issue.
        thanks.
        chandra

      • atsiko October 29, 2011 at 7:20 pm #

        Do you want the video to play on a new page?

      • chandra October 29, 2011 at 10:53 am #

        if the above link doesnt workt, please try here

        http://www.mediafire.com/file/l6aimcu12lvnlz3/sample_html_page.zip

  17. chandra October 30, 2011 at 12:55 pm #

    Yes, I want the video to play on a new page. (I wish I could open up the external vlc plyer upon clicking the video thumbnail link on the page. But that was my first thought and is nothing to do with your plugin)
    Thank you

    • atsiko October 30, 2011 at 8:08 pm #

      Well, you’ll probably wanna set up a post or get function with php to pass the filepath to the plugin when the new page loads.

      • chandra October 31, 2011 at 1:35 pm #

        Thanks. However, mine is a static one not a dynamic page. cant a simple html can load the plugin?

      • atsiko October 31, 2011 at 5:06 pm #

        Oh, sure. You just have to write the object html code and add the proper mrl for each movie individually.

  18. chandra October 31, 2011 at 6:16 pm #

    Thanks again. Could you please give me an example code (assuming the movie file is located in the D drive).

    • atsiko October 31, 2011 at 8:36 pm #

      That’s really something for you to get from the videolan wiki, but here’s a basic example:

      <paran name="mrl" src="D:/” />

  19. chandra November 2, 2011 at 2:29 pm #

    Thank you so much. I, still, am confused. Hope you can help me if I have any questions…Good day.

  20. eduardo December 26, 2011 at 10:20 am #

    Not Working rtsp://xxxx live streaming Please Help Me

  21. megametalom January 18, 2012 at 4:15 pm #

    Hello. I’m use your guide to create a web page with vlc but i got a problem
    I what to put the target file or mrl whit a text tag no directly in the code how can do it

  22. francisco6x March 26, 2013 at 6:57 pm #

    (Update: You may now view an example page with the control panel and plugin embedded.)
    I can play the example in Firefox 19.0.2, but I can NOT play it in IE 9.
    Please, help me!

    • atsiko March 28, 2013 at 2:45 am #

      People still use this thing?

      VLC constantly makes updates that every other release break their web-plugin. Further, cross-browser issues mean that if a browser updates their software, it can break features of both the plugin and the control bar.

      If you are actually planning to use this piece of software, I can look into the issue, but I can’t promise it is fixable.

      Make sure you are using the link to the 93 version, not 92.

      Also, be aware that it appears VLC has finally instituted their own control bar for their web-plugin, which means that it may no longer be necessary to use this project.

  23. francisco6x March 28, 2013 at 2:35 pm #

    Hi atsiko.
    Oh, yes! Unfortunately, many people use it.
    My first interest it is by the embed code.
    Cross browsers and cross platforms.
    Can you help me?
    Thanks, Francisco.

    • atsiko March 29, 2013 at 5:32 am #

      I didn’t mean using VLC.

      What exactly is not functioning on your test page? The VLC plugin appears to have its own controls now (it only had the api when this site was created), so you should be able to run videos without using anything from this website.

      As far as the embed code, you will probably need a slightly different version for different browsers.

      If you are using your own code, I might be able to help you if you paste it here.

  24. Ian October 2, 2013 at 10:22 am #

    Hi, thanks for the great script. I have a question about disabling certain elements on the control panel. I am streaming an RTSP live stream from an IP camera so I dont need to see the volume or seek bar. Is there any easy way to not show them. Thanks. Ian

    • atsiko October 2, 2013 at 3:29 pm #

      Well, if you know anything about web scripting, you shouldn’t have any trouble going into the html and commenting them out directly.

  25. Florinel February 14, 2014 at 2:29 pm #

    Please help me!
    I am a 15 year old, handicapped, unable to walk, and in the absence of a full-time job I made a site.
    I don’t have experience in the codes, but I want to introduce my site pages in page with subtitles.
    Currently I have entered films with subtitles, but works in contrast to jwplayer in vlc player.
    I downloaded from here everything you need for embeding the player, but I don’t know what is the code to enter the subtitle on the image.
    Please help me and excuse me if I am wrong, but I will give you 2 links:
    – one with movie adress :

    http://37.58.68.221/index.php?file=2765&start=0&hd=0&auth=19691719ec1afa62ec2c141667&type=flv&tv=0

    – and one for subtitles adress:

    http://wwwebdigitaltv.do.am/filme/srt/2465.srt

    Please help me and God will help you. Thank you in advance.

    • atsiko February 14, 2014 at 5:54 pm #

      Which version did you download?

  26. Florinel February 14, 2014 at 9:12 pm #

    All. Enter the film, but fail to introduce subtitling. In all versions. I do not know what must be set.

    • atsiko February 14, 2014 at 9:30 pm #

      In the javascript .js file “vwcpconfig” for the v 0.9.x versions there is a section under the playlist which lets you enter subtitle tracks.

      Be aware that videolan has updated their plugin since the last version of the control on this site was published. It may be that you can use their built-in controls, which should automatically add the first subtitle track in a container file. If you have separate subtitle files (srt, I assume?), then that will probably not work.

      You might try looking into another solution, such as:

      http://www.revolunet.com/static/download/labo/VLCcontrols/advanced.html

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: