New Unified APIs for ActiveX and Mozilla plugins for 0.8.6

mysoogal · Postby **mysoogal** » 28 Oct 2008 12:53

checkout the vlc in action ! with customized css

the blue rows, are clickable ! check them out very cool yes !

http://mysoogal.com/mysoogals

e6964822 · Postby **e6964822** » 04 Dec 2008 15:45

This link is broken

revolunet · Postby **revolunet** » 01 Jan 2009 18:58

http://vlc.revolunet.com is my example page, with the javascript lib used by mysoogal

e6964822 · Postby **e6964822** » 07 Jan 2009 09:42

Hello,

thank you very mush for your answer.

I vidited your web page http://vlc.revolunet.com. I visited all links in the chapter 'Various tests and examples'.

I have Windoes XP, Firefox 3.0.5 and Explorer 7.0.5730.13.

In VLC 0.8.6 firefox all links crash. In VlC 0.9.8a in firefox all plugins show: Loading video... But I can not see video.

An in VLC 0.9.8a in Explorer the TV of the plugin is black and I can not see video.

pascalmagat · Postby **pascalmagat** » 12 Feb 2009 16:36

mee too

tgt.playlist is undefined
http://vlc.revolunet.com/simple.html
Line 12

ff 3.06
0.9.8.a

fzone · Postby **fzone** » 08 Dec 2009 12:07

hi, iam new here. i have test javascript lib by revolunet.
my problem is subtitles only work on 0.9.8 and 0.9.8a activex
on 0.9.9 till 1.0.3 subtitles in the activex is not working.
anyone have clue with this?
should i set some option to use in 1.0.3?

revolunet · Postby **revolunet** » 08 Dec 2009 12:32

fzone, subtitles have now been disabled dut to security restrictions in VLC >=1 ;(

mysoogal · Postby **mysoogal** » 09 Mar 2010 04:38

fzone, subtitles have now been disabled dut to security restrictions in VLC >=1 ;(

subtitles are working on 1.0.5 with the demo on your website

kollepara · Postby **kollepara** » 19 May 2011 15:56

Did anyone succeed to play any video file in Mozilla/IE usng vlc plugin? If so please share the code.

I installed the vlc which also have option of install mozilla plugin while installation.

following code doesn't work in my webpage. It doesn't play the video file

Code: Select all

<html>
<title>VLC Mozilla plugin test page</title>
<body>
<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" version="VideoLAN.VLCPlugin.2"
    width="640"
    height="480"
    id="vlc"
	autoplay="yes"
	target="http://server/streaming/playlist.m3u">
</embed>


<script language="Javascript">
var vlc = document.getElementById("vlc");
vlc.audio.toggleMute();
vlc.play();

</script>
</body>

RamyRew · Postby **RamyRew** » 04 Jul 2011 10:03

This code is work for me.

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
document.onkeyup = keyDown;  
function keyDown(e)
{
	var key = (window.event) ? event.keyCode : e.keyCode;
	//alert(key);
	if(key == 0)
	{
		location = "http://localhost/fragrant/index.php";
	}
	else if(key == 8)
	{
		location = "http://localhost/fragrant/fgmusic/index.php";
	}

}
</script>
<style>
	body { margin:0px;
	background:url(BG/BG-Sub-Music.png);
	background-repeat:no-repeat;
	}

	.video{
		position:absolute;
		left:316px;
		top:256px;
	}

	.mediaSkin{
		position:absolute;
		left:293px;
		top:220px;
	}

	.control{
		position:absolute;
		left:307px;
		top:556px;	
	}
	.playlistContainer{
		position:absolute;
		left:706px;
		top:258px;
		text-align:left;
		padding:10px;
		outline-style:groove;
		outline-color:#999999;
		width:314px;
		height:258px;
		background-color:#FFFFFF;
		overflow:scroll;
		z-index:1;
	}
	.currentSongContainer{
		position:absolute;
		left:455px;
		top:224px;
		text-align:center;
		padding:2px;
		width:450px;
		height:24px;
		float:left;
		font-size:20px;
		color:#FFFF00;
		z-index:2;
	}
	.songList{
		position:absolute;
		left:706px;
		top:258px;
		text-align:left;
		padding:10px;
		width:314px;
		height:258px;	
		color:#FFFF00;
		z-index:3;
	}
</style>
</head>

<body onload="javascript:addSongToPlaylist();">
<div class="video"><embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org" version="VideoLAN.VLCPlugin.2"
    width="380"
    height="285"
    id="vlc" autoplay="yes" loop="yes">
    </embed>
</div>
	<script language="Javascript">
		var vlc=document.getElementById('vlc');
		var currentSongContainer=document.getElementById('currentSongContainer');
		var currentSong=0;
		var i;
		var playlist=new Array();
<?php /*?>		<? foreach ($data as $songname){?>
			playlist.push('<? echo str_replace("\r\n","",$songname);?>');
		<?
		}
		?><?php */?>

		function showPlaylist(){
			var playlistBtn=document.getElementById('playlistBtn');
			var displayPlaylist=document.getElementById('playlistContainer');
			var songList=document.getElementById('songList');
			var allSong="";
			for (i=0;i<playlist.length;i++)
			{
				allSong=allSong+playlist[i].replace('.flv','')+"<br/>";
			}
			displayPlaylist.innerHTML="Your Playlist<br/><hr/>"+allSong;
			if (displayPlaylist.style.display=="none"){
				displayPlaylist.style.display="";
				playlistBtn.src="images/bluePlaylistBtn.png";
				songList.style.display="none";
			}else if(displayPlaylist.style.display==""){
				displayPlaylist.style.display="none";
								playlistBtn.src="images/bluePlaylistBtn_hide.png";
				songList.style.display="";
			}
		} 	
		
		function addSongToPlaylist(){
		<? $data=file("playlist.m3u"); ?>
		<? foreach ($data as $songname){?>
			playlist.push('<? echo str_replace("\r\n","",$songname);?>');
		<?
		}
		?>		
			for (i=0;i<playlist.length;i++)
			{
				vlc.playlist.add(playlist[i],playlist[i],'options');
			}
		}
        
//        var vlc = document.getElementById("vlc");
        function getCurrSongLength(){
			var vlc = document.getElementById("vlc");
			var	currSongLength=vlc.input.length;
				alert(currSongLength);
        }
        
       
        function play(){
			if (vlc.playlist.items.count <=0){
				return;
			}
			vlc.playlist.play();		
		var currentSongContainer=document.getElementById('currentSongContainer');			
			currentSongContainer.innerHTML="Track: "+playlist[currentSong].replace('.flv','');
        }
        function stop(){
			vlc.playlist.stop();
        
        }
        function prev(){
			if (vlc.playlist.items.count <=0){
				return;
			}		
			vlc.playlist.prev();
			currentSong--;
		var currentSongContainer=document.getElementById('currentSongContainer');			
			currentSongContainer.innerHTML="Track: "+playlist[currentSong].replace('.flv','');			
        }
        function next(){
			vlc.playlist.next();
			if (vlc.playlist.items.count <=0){
				return;
			}			
			if ((currentSong+1) <vlc.playlist.itemCount){
				currentSong++;

				}
/*			if ((currentSong+1)==vlc.playlist.itemCount){
				vlc.playlist.play(0);
				currentSong=0;
			}*/
		var currentSongContainer=document.getElementById('currentSongContainer');			
			currentSongContainer.innerHTML="Track: "+playlist[currentSong].replace('.flv','');				
        }
        function pause(){
			vlc.playlist.togglePause() ;
        }
		function mute(){
			var vlc=document.getElementById('vlc');
			var btn=document.getElementById('muteBtn');
			var isPlaying=vlc.playlist.isPlaying;
			if (isPlaying){
				var muteState=vlc.audio.mute;
				if(muteState){

					vlc.audio.mute=false;
					btn.src="images/blueUnmuteBtn.png";					
					return;
				}
				if(!muteState){
					vlc.audio.mute=true;
					btn.src="images/blueMuteBtn.png";					
					return;
				}
			}
		}
        function short(){
			var vlc=document.getElementById('vlc');
			alert(vlc.audio.track);
		}
		function playLast(){
		}
        ///MY 
        function getTotal()
        {
        var vlc = document.getElementById("vlc");
        var total=vlc.playlist.itemCount;
        var total=vlc.playlist.items.count;
            alert(total);
        }
        
	
		function currTrack(){
		alert(currentSong);
		
		}
        
		function writeTextFile(mode){
			var songName1="";
			var songName2="";
			var pageName="megan.php";
			if(document.getElementById('track1').checked==true){
				songName1=document.getElementById('track1').value;
			}
			if(document.getElementById('track2').checked==true){
				songName2=document.getElementById('track2').value;			
			}		
			window.location="get_song.php?mode="+mode+"&songName1="+songName1+"&songName2="+songName2+"&pageName="+pageName;		
//			addSongToPlaylist();						
		}
		
		function compare(){
			var ctime=vlc.input.time;
			var songlength=vlc.input.length;
			if (songlength-ctime <=1000){
				next();
			}
		}
		function startCompare(){
			var isPlaying=vlc.playlist.isPlaying;
			if (isPlaying){
				intval = setInterval(compare, 1000);	
			}
		}
		
		setInterval(startCompare,10000);
    </script>
<div id="songList" class="songList">
<input type="checkbox" id="track1" value="Lighters.flv"/>Lighters<br/>
<input type="checkbox" id="track2" value="The_Lazy_Song.flv"/>The_Lazy_Song
<hr/>
<input type="button" value="New Playlist" onclick="javascript:writeTextFile('w');"/>&nbsp;&nbsp;
<input type="button" value="Add to Playlist" onclick="javascript:writeTextFile('a');"/>

</div>
<div id="playlistContainer" style="display:none" class="playlistContainer">
Your Playlist<br/>
<hr/>
</div>    
<div id="currentSongContainer" class="currentSongContainer"></div>
<div id="mediaSkin" class="mediaSkin">
<table width="774" border="0" height="424" style="background-image:url(images/musicBox.png); background-repeat:no-repeat">
          <tr>
            <td rowspan="2" >
            <!--
            video
            -->        
        </td>
            <td valign="top">

		</td>
          </tr>
          <tr>
            <td height="60" align="center">
        </td>
          </tr>
</table>
</div>
        <div class="control">
          <table width="748" border="0" style="background:url(images/control.png); background-repeat:no-repeat" height="78">
            <tr>
              <td valign="middle" align="center"><input type="image"src="images/blueUnmuteBtn.png" style="vertical-align:super" onclick="mute();" id="muteBtn"/>&nbsp;&nbsp;&nbsp;<input type="image" src="images/bluePreviousBtn.png" style="vertical-align:super" onClick="prev();"/>&nbsp;&nbsp;&nbsp;<input type="image" src="images/bluePauseBtn.png" style="vertical-align:super" onClick="pause();"/>&nbsp;&nbsp;&nbsp;<input type="image" src="images/bluePlayBtn.png" onClick="play();"/>&nbsp;&nbsp;&nbsp;<input type="image" src="images/blueStopBtn.png" style="vertical-align:super" onClick="stop();"/>&nbsp;&nbsp;&nbsp;<input type="image" src="images/blueNextBtn.png" style="vertical-align:super" onClick="next();" />&nbsp;&nbsp;&nbsp;<input type="image" src="images/bluePlaylistBtn.png" style="vertical-align:super" onclick="javascript:showPlaylist();" id="playlistBtn"/></td>
            </tr>
          </table>        
        </div>
</body>
</html>

darius · Postby **darius** » 16 Aug 2011 20:17

Please, just refer me to few examples of web pages coming with vlc player embedded as Firefox plugin,
just few working examples, if possible.

pckid · Postby **pckid** » 24 Aug 2011 11:30

Hello all,

I m developper and i use the activeX VLC since 0.8.5.
I change the api videolan.vlcplugin.1 with videolan.vlcplugin.2 with my app Microsoft Visual Foxpro (like as Visual Basic if you want)
The active work fine to 1.0.5 after this version the activex freeze my app. i dont' understand why because i don't change the code
but i test all version activex vlc and before 1.0.5 it's ok , after this version when i check This.VLC.PlayList.Play() it's Frozen.

Have you an idea about this, or a way to start the movie.

thanks
Olivier

hocquantrimang · Postby **hocquantrimang** » 14 Feb 2012 05:37

How to intergrated VLC to a normal website.
I am a administrator of a networking forum, i very like VLC.
And i want to intergrate it to my website to stream video from internet.
Someone help me.

active_200m · Postby **active_200m** » 25 Feb 2012 22:18

hocquantrimang i can help you but one problem that after finish 1 video ,VLC plugin stop and doesn't show next video in your site!!

Postby **Jean-Baptiste Kempf** » 22 Mar 2013 01:04

Crashes are fixed in 2.0.6 nightly build.

trimendes · Postby **trimendes** » 17 Jul 2018 22:04

how can I show audio bar in my script?

Code: Select all

<script>
var vlc = document.getElementById("ch1"
vlc.playlist.add("udp://@233.1.1.11:1000","fancy name", new Array(":program=2"));
vlc.playlist.play();
vlc.video.deinterlace.enable("blend");
</script>

Postby **Jean-Baptiste Kempf** » 19 Apr 2019 09:57

The VideoLAN Forums

New Unified APIs for ActiveX and Mozilla plugins for 0.8.6

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8.6

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8.6

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8.6

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8.6

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8.6

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8.6

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8.6

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8.6

Re: New Unified APIs for ActiveX and Mozilla plugins for 0.8.6

Who is online