Hilfe bei Javascript für benutzerdefinierte Seite

Hallo Javascript-Fans,

ich bin gerade am Bauen einer benutzerdefinierten Seite zum Empfang eines Streams meiner Reelbox (VDR).

Habe mir dazu eine benutzerdefinierte Seite gebastelt auf dem schon der Stream zu sehen ist (siehe Screenshot), natürlich derzeit hardcoded übergeben da ich nicht richtig weiterkomme.

Bevor ich mich jetzt in den tiefen der vielen Seiten des Internet verstricke dachte ich mir ich frage mal hier die Kompetenzen ab :rolleyes:

Wie auf dem Screenshot zu sehen habe ich unter dem eigentlichen Stream einige Symbole der Fernsehsender platziert. Nun möchte ich nach einem Klick auf ein Symbol den Stream in Form einer URL auf den Streamingserver umschalten. Mit einem neuladen der Seite wäre das Ganze ja relativ einfach ich möchte aber ein neuladen des Frames vermeiden, sieht einfach nicht sauber aus.

Hier einmal der vorhandene einfache Quellcode. Vielleicht fällt den Cracks noch was passendes ein.

<!--
<!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" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<style type="text/css">@import "../webfront.css";</style>
<style type="text/css">
html, body { margin: 0; padding: 0; }
</style>
<script type="text/javascript" src="VLCobject.js"></script> 
</head><body>
<div id="containerMiddleContent">
<div class="containerMiddleContentContainer">
<div id="ipsContainerMiddleContent" style="align: center">
 <div class="ipsDeviceContainer" style="background: transparent url(/img/icons/png/Power.png) no-repeat scroll 10px 4px">
  <div class="ipsDeviceTitle">
   <div class="ipsDeviceTitleContent">Reelbox</div>
  </div>
  <div class="ipsVariableContainer" style="height: auto; opacity: 1;">
   <div class="ipsImageView">
   <script type="text/javascript">
     var myvlc = new VLCObject("mymovie", "712", "400", "0.8.6");
     myvlc.addParam("MRL","http://URL:3000/PS/8");  <==== diese Zeile muss sich ändern
     myvlc.write("vlccontent");
     var myvlccontrols = new VLCcontrols(myvlc);
   </script>
   </div>
   </div>
 </div>
 <div class="ipsDeviceContainer" style="background: transparent url(/img/icons/png/Power.png) no-repeat scroll 10px 4px">
  <div class="ipsDeviceTitle">
   <div class="ipsDeviceTitleContent">Programme</div>
  </div>
  <div class="ipsVariableContainer" style="height: auto; opacity: 1;">
   <div class="ipsImageView">
    Noch keine Umschaltfunktion<br>
    <img src="logos/das erste.png"></img>
    <img src="logos/zdf.png"></img>
    <img src="logos/bayerisches fs.png"></img>
    <img src="logos/vox.png"></img>
    <img src="logos/sat.1.png"></img>
    <img src="logos/rtl television.png"></img>
    <img src="logos/rtl2.png"></img>
    <img src="logos/n24.png"></img>
    <img src="logos/prosieben.png"></img>
    <img src="logos/kabel1_v1.png"></img>
    <br>Derzeit fest eingestellter Sender
   </div>
 </div>
 </div>
</div>
</div>
</div>
</body></html>

Dieser Teil muss sich ändern. Genauer gesagt die Zahl am Ende, das sind die Senderspeicherplätze des Bouquets.

myvlc.addParam("MRL","http://URL:3000/PS/8");  <==== diese Zeile muss sich ändern

Würde mich freuen wenn mir jemand helfen könnte.

Wenn Du Glück hast, reicht folgendes:

<img src="logos/das erste.png" onclick="myvlc.addParam('MRL','http://URL:3000/PS/8');" />

Eventuell auch:

<img src="logos/das erste.png" onclick="myvlc.addParam('MRL','http://URL:3000/PS/8'); myvlc.write('vlccontent');" />

Die Doku ist leider recht kurz gehalten (VLCobject.js : insrez le plugin VLC dans vos pages web).

Hallo Horst,

Du bist wie immer der Größte.:loveips:

Vielen Dank.

<img src="logos/das erste.png" onclick="myvlc.addParam('MRL','http://URL:3000/PS/8'); myvlc.write('vlccontent');" /> 

Das war es.

Somit kann ich auf jedem Webfront-Rechner und Touchpanels Livefernsehen.

Bin mal gespannt was das mit dem Media-Objekt „Stream“ noch auf sich hat. Vielleicht kann ich meinen Livestream dann in den richtigen Webfrontstrukturen ansehen :rolleyes:

Ich möchte keinen Livestream ausgeben, sondern auf der lokalen Festplatte aufgezeichnete Dateien von einer Überwachungskamera nachträglich abspielen. Könnte man das Skript auch dafür nehmen? Und wenn ja, würde es schon reichen, wenn man diesen Codeteil:

myvlc.addParam(„MRL“,„http://URL:3000/PS/8“);

durch einen Link auf eine lokale Datei ersetzt? Oder liege ich damit völlig verkehrt?

Hab’s komplett anders gelöst - habe auf dem IPSymcon-PC einfach den IIS installiert und das Datenverzeichnis im IIS zur Verfügung gestellt. Dann im Webfront-Konfigurator einen Container passender Größe angelegt und einen Link auf diese URL und schon werden mir die Filmchen wunderbar aufgelistet. Klicke ich jetzt einen an, wird der über’s VLC-Plugin im Firefox brav abgespielt.

Passt jetzt zwar nicht mehr so ganz zur Kategorie Javascript, aber es klappt :stuck_out_tongue: