Live Plugin - Plugin zum Anzeigen ändern

M-Reimer · 26. April 2012

Stimmt. Mir persönlich ist beides recht und was bereits da ist, funktioniert ja.

Allerdings wäre ich dankbar, wenn du den "type" mal auf "video/mpeg" setzen könntest. Wie es geht, weißt du ja bereits Wenn der VLC dann immer noch aufgeht, dann sollte, wenn man schon einen Patch für die Übernahme in Live vorbereitet, das gleich mit rein, damit auch andere Plugins nutzbar werden. Das es unter Windows zu VLC keine Alternative gibt bedeutet ja nicht, dass man unter Linux auch nichts anderes verwenden darf.

BTW: Die neuen Controls vom VLC-Plugin gefallen mir. Scheint mir so langsam durchaus brauchbar zu sein.

Keine_Ahnung · 26. April 2012

BTW: Funktioniert bei jemanden das resizen des VDR mit dem Browserfenster? Weil wenn nicht dann kann man das VLC Javascript komplett rauswerfen.

cu

M-Reimer · 26. April 2012

Wenn wir jetzt in der Tat bei "einfach Browserfenster nur mit Plugin" angekommen sind, dann setze mal "width" auf "100%" und "height" auch auf "100%" beim Plugin. Sollte sich dann analog zum Browserfenster in der Größe ändern.

Leo · 26. April 2012

Zitat von Keine_Ahnung

Der Vorteil ist das der User nicht mit überflüssigen Sachen in Berühung kommt. Bei der m3u Lösung fragt der Browser "speichern oder ausführen". Und bei ausführen muss das richtige Programm gewählt werden. Ferner hat der externe Player bei m3u ne Menge GUI Elemente die hier nicht interessieren.

Das abgespeckte Browserfenster hat nur das was in diesem Moment auch interessiert. Und diese Art Videos im Web zu sehen ist ja auch allgm. bekannt. Ferner startet das Plugin im abgespeckten Browserfenster schneller als mancher externe Player (der im zweifel erstmal 5 Splashscreens zeigt und ewig braucht ehe es losgeht).

Also das abgespeckte Browserfenster ist DAU-tauglicher.

Spezialsoftare (und damit evtl. ne instalaltion) braucht man in beiden Fällen (Wenn man mal das typische vorkonfigurierte ALDI Notebook als das übliche annimmt).

cu

Alles anzeigen

Hallo,
also mir persönlich ist eine Lösung mit dem m3u download lieber, da ich dann den externen Player selber wählen kann.
Ich denke aber das ist Geschmackssache.
Super wäre natürlich eine Lösung wo man das in den Settings des Plugins (im Web Interface) einstellen kann.

Danke und Gruss Leo

TheChief · 26. April 2012

Wie gesagt, unter OSX scheint das VLC plugin nicht zu funktionieren,daher wäre eine Wahlmöglichkeit zwischen VLC oder M3U nicht verkehrt. Alternativ könnte man gleich einen Klink zum M3U auf die Playerseite packen.

Keine_Ahnung · 26. April 2012

Zitat von Mreimer

Wenn wir jetzt in der Tat bei "einfach Browserfenster nur mit Plugin" angekommen sind, dann setze mal "width" auf "100%" und "height" auch auf "100%" beim Plugin. Sollte sich dann analog zum Browserfenster in der Größe ändern.

Geht für die Höhe leider nicht (die Breite scaliert). Hier braucht nen JavaScript was beim Event "Seitengrösse ändern" das Element mit der id="video" in der Grösse passend ändert. Fühlt sich hier jemand befähigt?

BTW: Evtl. noch einwenig JavaScript was das Deinerlacing aktiviert? Geht unter Opera anscheinend nicht, aber die anderen Browser sollten das können.
[Edit: Java Script zum resizen und zum aktivieren des Deinterlacing ist drin]

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>VDR-Live - Video Stream</title>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />


		<style type="text/css"><!--
			body {
				background-color: black;
				margin: 0px;
			}
			.videocontainer {
				margin: 0px;
				padding-left: 5px;
				padding-top: 5px;
			}
			.videocontainer object {
				margin: 0px;
				width: 720px;
				height: 576px;
			}
		--></style>


		<script type="text/javascript"><!--


			// http://phpperformance.de/javascript-event-onload-und-die-bessere-alternative/
			//create onDomReady Event
			window.onDomReady = initReady;
 
			// Initialize event depending on browser
			function initReady(fn)
			{
				//W3C-compliant browser
				if(document.addEventListener) {
					document.addEventListener("DOMContentLoaded", fn, false);
				}
				//IE
				else {
					document.onreadystatechange = function(){readyState(fn)}
				}
			}
 
			//IE execute function
			function readyState(func)
			{
				// DOM is ready
				if(document.readyState == "interactive" || document.readyState == "complete")
				{
					func();
				}
			}






			function vlc_set_deinterlace() {
				// video1 and video2 are the vlc plugin objects
				var vlc_obj = new Array('video1', 'video2');
				// deinterlace mode
				var vlc_mode = 'yadif';


				for(var i=0,len=vlc_obj.length; value=vlc_obj[i], i<len; i++) {
					if ( document.getElementById(value).video ) {
						document.getElementById(value).video.deinterlace.enable(vlc_mode);
					}
				}
			}


			function video_resize() {
				// border around the video object, some browser play not nice with border = 0
				// if you change this adjust also padding-left and padding-top in the css
				var obj_border = 5;


				// http://www.mediaevent.de/javascript/window-browserfenster.html
				var width = window.innerWidth ||                      // alle Browser
					(window.document.documentElement.clientWidth ||     // IE im Standard-Mode
					window.document.body.clientWidth);                 // IE im Quirks-Mode
				var height = window.innerHeight || 
					(window.document.documentElement.clientHeight || 
					window.document.body.clientHeight);


				var i = 1;
				do {
					document.getElementById('video' + i).style.height = (height - (obj_border * 2)) + 'px';
					document.getElementById('video' + i).style.width = (width - (obj_border * 2)) + 'px';
					i++
				} while (document.getElementById('video' + i));


			}


			window.onload = vlc_set_deinterlace
			window.onresize = video_resize;
			window.onDomReady(video_resize);


		--></script>


	</head>
	<body>


	<!-- Version 0.1.0                                                          -->
	<!-- getestet mit: Firefox 12.0 / Lynx 2.8.8dev.5 / Internet Explorer 8.0 / -->
	<!--               Opera 11.61 / Google Chrome 18.0 / Links 2.3pre1         -->
	<div class="videocontainer">
		<!-- VLC ActiveX (Internet Explorer) http://wiki.videolan.org/Documentation:WebPlugin -->
		<!-- src because Internet Explorer -->
		<object
			classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
			codebase="http://download.videolan.org/pub/videolan/vlc/last/win32/axvlc.cab"
			type="application/x-oleobject"
			id="video1"
			standby="Bitte Warten...">
			<param name="autoplay" value="true"/>
			<param name="loop" value="false"/>
			<param name="toolbar" value="true"/>
			<param name="src" value="<stream URL>"/>


			<!-- VLC NPAPI http://wiki.videolan.org/Documentation:WebPlugin           -->
			<!-- may other plugins (know are gecko-mediaplayer) also handle the       -->
			<!-- application/x-vlc-plugin                                             -->
			<!-- target because Opera -->
			<object
				type="application/x-vlc-plugin"
				id="video2"
				standby="Bitte Warten...">
				<param name="autoplay" value="true"/>
				<param name="loop" value="false"/>
				<param name="toolbar" value="true"/>
				<param name="target" value="<stream URL>"/>


				<!-- Windows Media Player ActiveX                                                                 -->
				<!-- http://www.mioplanet.com/rsc/embed_mediaplayer.htm                                           -->
				<!-- http://www.microsoft.com/windows/windowsmedia/howto/articles/adsolutions2.aspx#introduction  -->
				<object
					classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
					type="application/x-oleobject"
					id="video3"
					standby="Bitte Warten...">
					<param name="autoStart" value="true"/>
					<param name="stretchToFit" value="true"/>
					<param name="UIMode" value="full"/>
					<param name="URL" value="<stream URL>"/>


					<!-- Windows Media Player NPAPI http://www.mioplanet.com/rsc/embed_mediaplayer.htm           -->
					<!-- application/x-mplayer2 also provided by the VLC plugin                                  -->
					<object
						type="application/x-mplayer2"
						id="video4"
						standby="Bitte Warten...">
						<param name="autoStart" value="true"/>
						<param name="stretchToFit" value="true"/>
						<param name="UIMode" value="full"/>
						<param name="URL" value="<stream URL>"/>


						<p>Kein Playerplugin gefunden<br />
						<a href="<stream URL>"><stream URL></a></p>


					</object>


				</object>


			</object>


		</object>
	</div>


	</body>
</html>

Alles anzeigen

[<stream URL> ersetzen]
[Edit: classid und codebase geändert]
[Edit: Ich reisse mich wirklich nicht umJavaScript, und ich kanns auch nicht sonderlich gut]

Hier wird erst versucht das VLC ActiveX Plugin zu starten (Internet Explorer wenn dieses ActiveX installiert ist), geht das nicht dann das generische video/mpeg Object (öffnet bei mir VLC wenn installiert, ansonsten den nicht funktionierenden WMP). Unterstützt der Browser kein Object dann gibs den Link.

Wäre mal schön wenn das mal alle testen könnten (evtl. geht das ja schon so z.B. auf dem MAC?) so das wir hier itterativ zum Ideal kommen. Unabhängig von der m3u Sache (ich finde das sollte zumindest ne Makefileentscheidung (embed oder m3u) sein).

cu

M-Reimer · 26. April 2012

Wenn ich mich recht erinnere gab es aber einen Trick um doch die Höhe auf 100% zu bekommen. Ich werde mich da mal schlaumachen.

Was dein HTML angeht: Ich würde oben (bei dem Code-Block, den du für "ActiveX" vorgesehen hast) wieder den "type" für VLC mit reinnehmen.

Das <embed> in deinem <object> dann ganz raus und stattdessen dort ein weiteres <object> hin, welches hart auf den "gecko-mediaplayer" referenziert (Linux-Plugin, welches auch teilweise gecachtes spielen kann). Diese Verschachtelung kann man beliebig tief treiben. Immer wenn ein <object> nicht geladen werden konnte, wird vom HTML-Parser der darin enthaltene HTML-Code ausgewertet. Wir können so relativ einfach eine "Whitelist" von Plugins aufstellen, die mit den Streams via HTTP auch klarkommen. Wenn dann die ganze Liste abgewirtschaftet wurde, dann kann als letztes noch der Info-Text (kein Plugin gefunden) und der Link eingebaut werden.

Das "<embed>"-Tag ist spätestens seit HTML5 komplett obsolete und sollte demnach auch nicht mehr genutzt werden.

Keine_Ahnung · 26. April 2012

Zitat von Mreimer

Was dein HTML angeht: Ich würde oben (bei dem Code-Block, den du für "ActiveX" vorgesehen hast) wieder den "type" für VLC mit reinnehmen.

Wie meinst du das? Bei ActiveX bestimmt doch die classid den Player, oder?

Zitat von Mreimer

Das <embed> in deinem <object> dann ganz raus

Leider nicht, Opera braucht das.

Zitat von Mreimer

und stattdessen dort ein weiteres <object> hin, welches hart auf den "gecko-mediaplayer" referenziert (Linux-Plugin, welches auch teilweise gecachtes spielen kann).

Welchen type hat der denn?

Zitat von Mreimer

Wenn dann die ganze Liste abgewirtschaftet wurde, dann kann als letztes noch der Info-Text (kein Plugin gefunden) und der Link eingebaut werden.

Scheint so nicht zu gehen, es gibt anscheinend keine Möglichkeit nen Text nur anzuzeigen wenn kein Object gefunden wurde. Der Text wird immer angezeigt.

BTW: Ich habe oben mal die Vaiante aktuallisiert. Die funktioniert mit ziemlich vielen Browsern.

cu

M-Reimer · 26. April 2012

Versuche mal für Opera:

Code

<object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
        codebase="http://download.videolan.org/pub/videolan/vlc/last/win32/axvlc.cab"
        type="application/x-vlc-plugin"
        data="<stream URL>"
        width="720"
        height="576"
        id="video">
  <param name="autoplay" value="true"/>
  <param name="loop" value="false"/>
  <param name="toolbar" value="true"/>
  Hier sollte Text stehen können, der bei fehlendem Plugin sichtbar ist.
</object>

Alles anzeigen

Den ActiveX-Krampf für IE habe ich mal direkt mit reingefummelt. Im Firefox müsste das so gehen. Im IE sollte es. Es kann aber sein, dass der IE das "data"-Tag nicht auswertet und dafür doch wieder den <param> benötigt. Wenn das so ist, dann einfach noch mit rein.

Siehe auch: http://www.w3schools.com/html5/tag_object.asp und http://www.w3schools.com/html5/tag_param.asp
Ich hoffe doch, dass Opera prinzipiell das "<object>-Tag" unterstützt. HTML5-Fähig soll der ja sein...

Was den gecko-mediaplayer angeht: Da sind wir fein raus. Der reagiert auf "application/x-vlc-plugin" Geht also ohne Änderung. Nur die Buttons drunter sollten dann weg, denn sie werden eher nicht für etwas ungleich VLC funktionieren.

Keine_Ahnung · 27. April 2012

Zitat von Mreimer

Versuche mal für Opera:
[...]
Den ActiveX-Krampf für IE habe ich mal direkt mit reingefummelt. Im Firefox müsste das so gehen. Im IE sollte es. Es kann aber sein, dass der IE das "data"-Tag nicht auswertet und dafür doch wieder den <param> benötigt. Wenn das so ist, dann einfach noch mit rein.

Das funktioniert nicht, selbst firefox mag das so nicht.

Ich habe mal oben die umständliche Variante aktuallisiert (jetzt nur mit object, so zeigen auch links/lynx sauber den Alternativtext an). Die funktioniert mit allen angegebenen Browsern.

Ich habe auch mal den WMP als Fallback reingenommen. Würde mich mal interessieren ob die überhaupt bei irgendjemanden funktioniert. Theresa , magst du mal testen?

cu

M-Reimer · 27. April 2012

Das der Windows Media Player einer von denen ist, der alles runterladen will, hatte ich eigentlich als bestätigt angenommen.

Mehrere <object>-Tags sollten wir nicht brauchen. Würde mich zumindest wundern. Werfe mal die zwei ersten (ActiveX und NPAPI) komplett in eines. Also alle Attribute und <param>s von oben in das untere mit rein.

Nachtrag: Dein HTML ist an mehreren Stellen defekt.

Das offene "<object" darfst du nicht mit "/>" am Ende abschließen sondern mit ">". Mit dem "/" schließt du das Tag gleich ab. Das folgende "</object>" wäre also überflüssig, was ja eigentlich nicht das ist, was wir erreichen wollen.

Für das "class"-Attribut hast du mehrfach das abschließende Quote-Zeichen vergessen.

Das letzte "<param" ist jeweils garnicht abgeschlossen. Hier gehört das abschließende "/>" hin.

Keine_Ahnung · 27. April 2012

Zitat von Mreimer

Das der Windows Media Player einer von denen ist, der alles runterladen will, hatte ich eigentlich als bestätigt angenommen.

Bei mir macht der nix.

Zitat von Mreimer

Mehrere <object>-Tags sollten wir nicht brauchen. Würde mich zumindest wundern. Werfe mal die zwei ersten (ActiveX und NPAPI) komplett in eines. Also alle Attribute und <param>s von oben in das untere mit rein.

Geht nicht, da macht schon der Firefox nix.

Zitat von Mreimer

Nachtrag: Dein HTML ist an mehreren Stellen defekt.

Stimmt, extrem kaputt. Habs mal durch nen Validator geschickt, ist jetzt sauber.

cu

M-Reimer · 27. April 2012

Ach ja: Für Firefox darfst du natürlich "type="application/x-oleobject"" nicht nutzen. Da muss der String für VLC drin sein. In dem Fall sollte er auch das Plugin starten.

Hintergrund ist einfach: Für Firefox ist *nur* der type wichtig! Der IE dagegen braucht diese CLSID.

Würde mich dann wundern, wenn es dann nicht geht.

Ansonsten probiere ich später selber mal etwas run, solange bis es tut.

Keine_Ahnung · 27. April 2012

Zitat von Mreimer

Ach ja: Für Firefox darfst du natürlich "type="application/x-oleobject"" nicht nutzen. Da muss der String für VLC drin sein. In dem Fall sollte er auch das Plugin starten.

Hatte ich auch probiert. Das Plugin ist auch gestartet, aber das Video nicht.

Wobei ich mit den meheren Objecten auch kein Problem habe, die werden ja anscheinend von allen Browsern der Reihe nach sauber abgearbeitet (so wie das hier auch gedacht ist). Und wenn man vorhat mehere hundert MB zu streamen machen 300 Byte mehr im Start HTML auch nix aus

cu

Theresa · 27. April 2012

Zitat

Mreiner:
Stimmt. Das ist eine Lösung. Um "Plugin-Unabhängiger" zu werden, dann aber dennoch "video/mpeg" als Content-Type, denn unter Linux habe ich noch ein paar mehr Plugins, die hier interessant wären.
Im Gegensatz zum ".m3u" ist das ziemlich einfach umsetzbar. Wenn mir keiner zuvor kommt, würde ich mich daran versuchen.

An so einer Lösung wäre ich sehr interessiert...wie würde das denn bereit gestellt werden können? Gäbe es dann eine neue Live-Version, ein extra VDR-Paket oder .. ?

Ich habe heute versucht das live Plugin mit angepasster vlc.ecpp drüber zu installieren und bin grandios gescheitert. Also, schon das drüber installieren hat nicht geklappt. Wie zu erwarten.

Keine_Ahnung · 27. April 2012

Probiere doch erstmal die HTML Seite aus die ich oben gepostet habe. Es geht ja erstmal darum rauszufinden was funktioniert (weil ich glaube immer noch nicht das der WMP bei dir funktionieren wird), VDR Pakete bauen kommt erst ganz zum Schluss.

Zitat von Theresa

wie würde das denn bereit gestellt werden können? Gäbe es dann eine neue Live-Version, ein extra VDR-Paket oder .. ?

Erstmal eine Lösung ausarbeiten und nen Patch fertigmachen. Dann den als Feature-Request an den Bugtracker hängen. Wird er aufgenommen kommt die neue Live Version über die normalen updates in die Distributionspakete.

Das braucht alles so seine Zeit.

BTW: m3u ist doch extrem simpel, das könnte auch so nebenbei eingebaut werden.

cu

M-Reimer · 28. April 2012

Zitat von Keine_Ahnung

Hatte ich auch probiert. Das Plugin ist auch gestartet, aber das Video nicht.

Das ist schonmal top! Es fehlt nur noch die korrekte Übergabe der Adresse zum Video.

Siehe auch hier das erste Beispiel:
http://joliclic.free.fr/html/object-tag/en/object-video.html
Dieses rennt bei mir im Firefox problemlos.

Das "<param name="src" ...>" scheint für den IE passend zu sein. Baue mal in das <object> das "data=<URL>" mit rein. Schon denkbar, dass das ganze dann anläuft.

Schon denkbar, dass auch Opera auf das "data=<URL>" anspricht. So steht es auch im Standard.
http://www.w3schools.com/html5/tag_object.asp

Zitat

data URL Specifies the URL of the resource to be used by the object

Nein, es geht nicht um Größe des ganzen sondern meiner Meinung nach eher um "wenn schon machen, dann gleich richtig". "Irgendwie hinfummeln" kann ja jeder und für ein und dieselbe Art von Plugin sollte es eigentlich ein <object> tun.

Keine_Ahnung · 29. April 2012

Zitat von Mreimer

Das "<param name="src" ...>" scheint für den IE passend zu sein. Baue mal in das <object> das "data=<URL>" mit rein. Schon denkbar, dass das ganze dann anläuft.

Schon denkbar, dass auch Opera auf das "data=<URL>" anspricht. So steht es auch im Standard.
http://www.w3schools.com/html5/tag_object.asp

Schon das zusammenführen von
---
classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://download.videolan.org/pub/videolan/vlc/last/win32/axvlc.cab"
---
und
---
type="application/x-vlc-plugin"
---
klappt leider nicht.

Zitat von Mreimer

Nein, es geht nicht um Größe des ganzen sondern meiner Meinung nach eher um "wenn schon machen, dann gleich richtig". "Irgendwie hinfummeln" kann ja jeder

Jup, ist auch meine Meinung.

Zitat von Mreimer

und für ein und dieselbe Art von Plugin sollte es eigentlich ein <object> tun.

Tja, sollte..

BTW: Mal ne neue Version oben. Aber die WMP Plugin Alternative fliegt wieder raus wenn hier niemand bestätig das es bei irgendeiner WMP Version funktioniert.

cu

Theresa · 3. Mai 2012

Keine_Ahnung

entschuldige die späte Rückmeldung. Dein HTML-Code funktioniert bei mir einwandfrei (IE), es erscheint zunächst die wohlbekannte Warnung wg. ActiveX-Steuerelementen aber dann läuft der Stream direkt im Browser mit VLC. Habe danach mal den VLC deinstalliert und dann startet der WMP (Version 12.0.7601.17514), buffert zwar ne Weile aber läuft gut. Sehr schön.

Keine_Ahnung · 3. Mai 2012

Interesannt, dann geht der 12er WMP also tatsächlich. Dann würde ich dafür plädieren das der als Fallback drinbleibt. Schade das der 12er keine eigene classid hat so das mit ihn explizit angeben kann (der 11er geht definitiv nicht).

cu

Live Plugin - Plugin zum Anzeigen ändern

Jetzt mitmachen!

Teilen