Browser Streaming - Kanalliste aufgepeppt

[mfg]

Hallo,

 

ich habe mal die Kanalliste für das Streaming über den Browser etwas aufgepeppt. Das ganze lässt sich als kurzer JS Code Schnipsel in der SVCweb\streamint.html nach rüsten. Die Logos müssen natürlich auch im SVCweb Verzeichnis abgelegt werden.

 

 

Falls interesse an so einem Interface besteht, könnte ich es weiterentwickeln.

 

mfg

 

Code für Feedback:

 

 <!-- CUSTOM CHANNEL TABS by MFG!-->	

       <script language="javascript">
	// General Functions
	function createBox(chname,chid){
		return "<a href=\"javascript:switch_to("+chid+");\" style=\"text-decoration:none\"><div style=

\"background:#444;width:220px;height:50px; padding: 10px; margin: 2px;float:left;font-family:tahoma;font-weight: bold; 

color:white;\"><img width='45' height='45' src='"+getChannelLogo(chname)+"' align=left border=0>"+chname+"</div></a>";
	}

	function hideShow(elemID){
		var elem;
		elem = document.getElementById(elemID);

		if(elem.style.display == "block"){
			elem.style.display = "none";
		} else {
			elem.style.display = "block";
		}
	}

	function getChannelLogo(chname){
		if(chname.indexOf("rbb") != -1){return "chlogo/rbb.png";}
		if(chname.indexOf("Phoenix") != -1){return "chlogo/phoenix.png";}
		if(chname.indexOf("PHOENIX") != -1){return "chlogo/phoenix.png";}
		if(chname.indexOf("Das Erste HD") != -1){return "chlogo/daserstehd.png";}
		if(chname.indexOf("Das Erste") != -1){return "chlogo/daserste.png";}
		if(chname.indexOf("zdf_neo") != -1){return "chlogo/zdfneo.png";}
		if(chname.indexOf("ZDF HD") != -1){return "chlogo/zdfhd.png";}
		if(chname.indexOf("ZDF") != -1){return "chlogo/zdf.png";}
		if(chname.indexOf("EinsExtra") != -1){return "chlogo/einsextra.png";}
		if(chname.indexOf("3sat") != -1){return "chlogo/3sat.png";}
		if(chname.indexOf("n-tv") != -1){return "chlogo/ntv.png";}
		if(chname.indexOf("NDR") != -1){return "chlogo/ndr.png";}
		if(chname.indexOf("MDR") != -1){return "chlogo/mdr.png";}
		if(chname.indexOf("HSE24") != -1){return "chlogo/hse.png";}
		if(chname.indexOf("TELE 5") != -1){return "chlogo/tele5.png";}
		if(chname.indexOf("RTL2") != -1){return "chlogo/rtl2.png";}
		if(chname.indexOf("Super RTL") != -1){return "chlogo/superrtl.png";}
		if(chname.indexOf("RTL") != -1){return "chlogo/rtl.png";}
		if(chname.indexOf("VOX") != -1){return "chlogo/vox.png";}
		if(chname.indexOf("ProSieben") != -1){return "chlogo/prosieben.png";}
		if(chname.indexOf("kabel eins") != -1){return "chlogo/kabeleins.png";}
		if(chname.indexOf("N24") != -1){return "chlogo/n24.png";}
		return "chlogo/default.png";
	}

	function createFrame(content){
		return "<a href=\"javascript:hideShow('chanlist');\" style=\"text-decoration:none; font-

family:tahoma;font-weight: bold; color:white;\"><div style=\"background: #444; position: fixed; top:0; width: 220; padding: 

2px 10px 2px 10px; margin: 2px;float:left;font-family:tahoma;font-weight: bold; color:white;\">Channellist</div></a><br><div 

id=\"chanlist\" style=\"position: fixed; top:28; width: 261; height: "+(window.innerHeight-50)+"; overflow: auto;

\">"+content+"</div>";
	}

	function resizeDivs(){}

	// Create Handles		
	var chlist = this.document.forms.chnllist.elements[0].options;


	 // Set Theme
	 this.document.bgColor = 'black';
	 this.document.forms.chnllist.style.display = "none";

	 // Procedure

	var collectChannels;
	for(i=0;i<chlist.length;i++){
		if(collectChannels!=null){
			collectChannels = collectChannels + createBox(chlist[i].text,chlist[i].value);
		}
		else {
			collectChannels = createBox(chlist[i].text,chlist[i].value);
		}
	}

	document.write(createFrame(collectChannels));


	</script>

       <!-- END CUSTOM CHANNEL TABS!-->

[fsommer1968]

Hallo,

 

vielen Dank für Deine Mühe. Ich finde das Webinterface vo SVC hässlich, deshalb begrüsse ich jeden Versuch ein besseres GUI zu bauen. Ich erwarte aber nicht, daß Du von den Entwicklern positives Feedback bekommen wirst - die sind i.a. ziemlich resistent in Bezug auf Kritik etc.

 

Wo soll der JJS-Code genau eingebaut werden, und wie komme 8ch auf "Dein" GUI?

[Tjod]

<Ironie>Genau fsommer1968, wenn sich jemand mrphlox die mühe macht und was im Webinterface verbessert, wird das auf keine Fall integriert integriert. </Ironie>

[test]

Sieht schon verdammt gut aus mfg

Edited May 8, 2012 by test

[vel2000]

Wie wäre es mit einem kurzen howto?

Oder vielleicht besser, häng die geänderte

 streamint.html

doch einfach an deinen Beitrag an.

Die Logos müssen natürlich auch im SVCweb Verzeichnis abgelegt werden

Lt. deines Scriptes, muss aber vorher der Ordner "chlogo" angelegt werden, oder?

Und einen Hinweis/Link auf die Logos zum downloaden, kann ich auch nicht finden.

Also, ein wenig mehr Information wäre schon wünschenswert, wenn Du möchtest das auch "Nicht-Coder", das ganze testen können...........

Edited May 9, 2012 by vel2000

[bene007]

Hallo

 

die Kanalliste sieht echt gut aus, nur leider hab ich noch keinen Weg gefunden sie zu aktivieren. Ein kurzes How-to oder eine streamint.html wären echt perfekt.

 

 

MFG

[maionaise]

Da sich hier nichts bewegt, übernehme ich das mal eben ;-)

 

Ich habe die im ersten Foreneintrag "gezeigte" streamint.html neu erstellt und nachgebaut.

Ich habe nicht alles 1zu1 übernommen, vor allem habe ich CSS und JavaScript anders angewendet.

Wichtig zu erwähnen ist, dass ich die Struktur der HTML Datei überarbeitet habe, das ursprünglich auf Tabellen aufbauende "Etwas" ging mal gar nicht :-D

 

Das derzeitige Aussehen dürfte dem ursprünglich Gezeigten recht nahe kommen:

 

http://www.abload.de/image.php?img=vorschau9o7pj.jpg

 

 

Ich habe irgendwie keine Möglichkeit gefunden die Senderlogos aus einem selbst erstellten Ordner abzurufen, daher habe ich diese Dateien direkt unter "images" abgespeichert. Falls jemand die Lösung zum Problem hat ...melden :-D

 

Anleitung:

->Den Inhalt der ZIP Datei einfach in den SVCWeb Ordner, bzw in die entsprechenden Unterordner kopieren.

->Möchte man andere Senderlogos nutzen, einfach folgendes entsprechend angepasst(Sendername) in die

function getChannelLogo(chname){

JavaScriptfunktion einfügen:

if(chname.indexOf("Sendername") != -1){return "images/sendername.png";}

 

-> Senderlogos findet man in den Logopacks.

...sollte kein Senderlogo angegeben sein, wird KEIN Bild angezeigt ...

 

Wenn ich Zeit finde werde ich das Design verbessern und eventuelle Fehler beseitigen.

 

Wenn jemand Verbesserungen möchte oder selbst etwas ergänzt hat, bitte mit uns teilen :-)

SVCweb.zip

[F!5H]

Moin,

 

ich habe mal etwas an der Datei gebastelt, da der Flashplayer irgendwie immer in der falschen Größe vorhanden ist.

Somit habe ich eine Größenauswahl eingebaut. Zusätzlich kann man noch manuell Zahlenwerte eintippen (ist unter dem Dropdown-Menü).

Das ganze kann man hier streamint.html runterladen.

Einfach erst das zip-Archiv vom Vorposter runterladen und dann diese Datei nochmals darüberpacken.

 

Das Einzige, was nicht direkt funktioniert ist das erneute anklicken eines Elements. Sprich, wenn man auf Fensterbreite klickt, danach das Fenster verkleinert, dann kann man nicht direkt wieder auf Fensterbreite klicken. Einfach erst etwas anderes auswählen und dann auf Fensterbreite klicken. Oder hier einen Verbesserungsvorschlag einbringen

Edited January 27, 2013 by F!5H

[F!5H]

Ich habe es noch Mal etwas weiter aufgepeppt.

Changelog:

- Kanalliste einklappbar
- Leere Kanalliste wird bei Aufnahmen nicht angezeigt
- andere Positionierung der Buttons/Elemente
- Farbliche Anpassungen Kanalliste/Elemente

Betrachtung von Aufnahmen:

 

LiveTV, rechts mit eingeklappter Kanalliste:

 

Diesmal komplett mit den restlichen Dateien: SVCweb - F!5H.zip