Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[Ceel]

@mcu
habe ich schon gemacht
kein Bild

[MCU]

@ceel

var jarvisNotify = {};
//Beispiele
jarvisNotify.title = "Es hat geklingelt";
// "<b>Dies ist BOLD</b>"
let httpAdr = getState('synology.0.SurveillanceStation.cameras.Eingang.linkMjpegHttpPath').val;
httpAdr = httpAdr.replace('"',"'");
httpAdr = httpAdr.replace('"',"'");
jarvisNotify.message= '<iFrame src="'+ httpAdr  +'" height="350" width="350" scroll=true after height="400"></iFrame>';

jarvisNotify.state = "unread";          //Damit bleibt die Benachrichtigung auch nach POPUP ungelesen und wird oben angezeigt mit der Zahl
jarvisNotify.criticality = "none";      // error,warning,info,success
jarvisNotify.display ="popup";          //drawer,snackbar,popup, none für focusTab
jarvisNotify.autoHideDuration = 180000;  //5000ms -> 5 Sekunden
jarvisNotify.snackbarOrigin = {};       //"snackbarOrigin": { "horizontal": "...", "vertical": "" }, 
                                        // optional, applies when display is snackbar, { horizontal: 'center' | 'left' | 'right', vertical: 'bottom' | 'top' }
jarvisNotify.icon = "bell-ring-outline"; //mdi Iconify
jarvisNotify.iconColor = "#5D5DED";
jarvisNotify.backgroundColor = "black";
jarvisNotify.fontColor = "white";
jarvisNotify.focusTab = ""; //focus a certain tab
setState('jarvis.0.addNotification',JSON.stringify(jarvisNotify));

So und kein Bild?

[Ceel]

@mcu genau
kein Bild

[MCU]

@ceel Mal so?

var jarvisNotify = {};
//Beispiele
jarvisNotify.title = "Es hat geklingelt";
// "<b>Dies ist BOLD</b>"
let httpAdr = getState('synology.0.SurveillanceStation.cameras.Eingang.linkMjpegHttpPath').val;
httpAdr = httpAdr.replace('"',"'");
httpAdr = httpAdr.replace('"',"'");
jarvisNotify.message= '<iFrame src='+ String(httpAdr) +' height="350" width="350" scroll=true after height="400"></iFrame>';

jarvisNotify.state = "unread";          //Damit bleibt die Benachrichtigung auch nach POPUP ungelesen und wird oben angezeigt mit der Zahl
jarvisNotify.criticality = "none";      // error,warning,info,success
jarvisNotify.display ="popup";          //drawer,snackbar,popup, none für focusTab
jarvisNotify.autoHideDuration = 180000;  //5000ms -> 5 Sekunden
jarvisNotify.snackbarOrigin = {};       //"snackbarOrigin": { "horizontal": "...", "vertical": "" }, 
                                        // optional, applies when display is snackbar, { horizontal: 'center' | 'left' | 'right', vertical: 'bottom' | 'top' }
jarvisNotify.icon = "bell-ring-outline"; //mdi Iconify
jarvisNotify.iconColor = "#5D5DED";
jarvisNotify.backgroundColor = "black";
jarvisNotify.fontColor = "white";
jarvisNotify.focusTab = ""; //focus a certain tab
setState('jarvis.0.addNotification',JSON.stringify(jarvisNotify));

Evtl auch mal die beiden replace-Zeilen // rausnehmen

[Ceel]

@mcu

keine Veränderung

Vielleicht liegt es am iframe

[MCU]

@ceel Nein, bei mit funktioniert es ja. Das hat mit den " Anführungstrichen zu tun.
Lass dir mal die message anzeigen mit console.log(jarvisNotify.message).

jarvisNotify.message= '<iFrame src='+ String(httpAdr) +' height="350" width="350"></iFrame>';
console.log(jarvisNotify.message);

[Ceel]

@mcu said in jarvis v2.2.0 - just another remarkable vis:

console.log(jarvisNotify.message);

javascript.0 (20559) script.js.common.Listen.Popup_Klingel: <iFrame src=http://192.168.178.3:5000/webapi/entry.cgi?api=SYNO.SurveillanceStation.Stream.VideoStreaming&version=1&method=Stream&format=mjpeg&cameraId=2&StmKey='XXXXXXXXXXXXXXXXX6124b531' height="350" width="350" scroll=true after height="400"></iFrame>

[MCU]

@ceel Mal so.

jarvisNotify.message= '<iFrame src="'+ String(httpAdr) +'" height="350" width="350"></iFrame>';

[Ceel]

@mcu said in jarvis v2.2.0 - just another remarkable vis:

jarvisNotify.message= '<iFrame src="'+ String(httpAdr) +'" height="350" width="350"></iFrame>';

javascript.0 (20559) script.js.common.Listen.Popup_Klingel: <iFrame src="http://192.168.178.3:5000/webapi/entry.cgi?api=SYNO.SurveillanceStation.Stream.VideoStreaming&version=1&method=Stream&format=mjpeg&cameraId=2&StmKey='84bbf39ba575XXXXXXXX86124b531'" height="350" width="350" scroll=true after height="400"></iFrame>

[MCU]

@ceel Und jetzt sollte ein Bild da sein?

 scroll=true after height="400" -> das kann raus, war nur ein Test für mich

[Ceel]

@mcu

javascript.0 (20559) script.js.common.Listen.Popup_Klingel: <iFrame src="http://192.168.178.3:5000/webapi/entry.cgi?api=SYNO.SurveillanceStation.Stream.VideoStreaming&version=1&method=Stream&format=mjpeg&cameraId=2&StmKey='84bbf39bXXXX6aa86124b531'" height="350" width="350"></iFrame>

immer noch schwarz

[MCU]

@ceel Das war doch eben anders?

StmKey='84bbf39ba575XXXXXXXX86124b531'"

[Ceel]

@mcu
ja hatte testweise das:
httpAdr = httpAdr.replace('"',"'");
httpAdr = httpAdr.replace('"',"'");
rausgenommen

ist jetzt wieder drinnen

[MCU]

@ceel Das was mir noch einfällt, wäre ein Kopieren des Bildes auf ein festes Bild (http://192.168.178.xxx:8082/vis.0/Bild.jpg) bevor man es mit iFrame darstellt. Du kannst es ja mit einem normalen Bild von einem http-Server testen.

Ist ioBroker auch auf 192.168.178.3?
Hier ein Beispiel:

var Speicher_Verzeichnis= "/opt/iobroker/iobroker-data/files/vis/img/";
var url = getState('synology.0.SurveillanceStation.cameras.Eingang.linkMjpegHttpPath').val;
request(url, {encoding:'binary'}, function(error, response, body) {
                   fs.writeFile(Speicher_Verzeichnis  + 'Anruferbild.jpg', body, 'binary', function (err) {
                   if(err) log('Fehler!');
                   const bild1 = fs.readFileSync(Speicher_Verzeichnis + 'Anruferbild.jpg');
                         writeFile('vis.0','/Anruferbild.jpg', bild1,function (err) {
                   if(err) log('Fehler!');});
                   })});  


var jarvisNotify = {};
//Beispiele
jarvisNotify.title = "Es hat geklingelt";
// "<b>Dies ist BOLD</b>"
//let httpAdr = getState('synology.0.SurveillanceStation.cameras.Eingang.linkMjpegHttpPath').val;
//httpAdr = httpAdr.replace('"',"'");
//httpAdr = httpAdr.replace('"',"'");
jarvisNotify.message= '<iFrame src="http://192.168.178.3:8082/vis.0/Anruferbild.jpg" height="350" width="350"></iFrame>';
 
jarvisNotify.state = "unread";          //Damit bleibt die Benachrichtigung auch nach POPUP ungelesen und wird oben angezeigt mit der Zahl
jarvisNotify.criticality = "none";      // error,warning,info,success
jarvisNotify.display ="popup";          //drawer,snackbar,popup, none für focusTab
jarvisNotify.autoHideDuration = 180000;  //5000ms -> 5 Sekunden
jarvisNotify.snackbarOrigin = {};       //"snackbarOrigin": { "horizontal": "...", "vertical": "" }, 
                                        // optional, applies when display is snackbar, { horizontal: 'center' | 'left' | 'right', vertical: 'bottom' | 'top' }
jarvisNotify.icon = "bell-ring-outline"; //mdi Iconify
jarvisNotify.iconColor = "#5D5DED";
jarvisNotify.backgroundColor = "black";
jarvisNotify.fontColor = "white";
jarvisNotify.focusTab = ""; //focus a certain tab
setState('jarvis.0.addNotification',JSON.stringify(jarvisNotify));

[MCU]

@ceel
Man kann nochmal die alte Variante testen mit

httpAdr = httpAdr.replace('"',"%22");
httpAdr = httpAdr.replace('"',"%22");

https://www.synology-forum.de/threads/mjpeg-stream-und-jpeg-snapshot-ueber-web-api-abfragen.84259/
https://de.wikipedia.org/wiki/URL-Encoding

Bei dem Link aus deinem State kann es auch ein Video sein?

<video id="player" height="360" width="640" controls preload="none" autoplay>
    <source src="http://192.168.178.3:5000/webapi/entry.cgi?api=SYNO.SurveillanceStation.Stream.VideoStreaming&version=1&method=Stream&format=mjpeg&cameraId=2&StmKey=%2284bbf39bXXXX6aa86124b531%22" type="application/x-mpegURL" />
</video>

https://www.w3schools.com/html/html5_video.asp

[Ceel]

@mcu
httpAdr = httpAdr.replace('"',"%22");
httpAdr = httpAdr.replace('"',"%22");
hat tatsächlich funktioniert

Das mit dem Video hat nicht funktioniert!

jetzt habe ich aber das Problem mit der Größe des Popups

[MCU]

@ceel Stell mal width auf 100% und height auf auto.

width="100% height="auto"
oder
width="90%" height="auto"

[Ceel]

@mcu said in jarvis v2.2.0 - just another remarkable vis:

width="90%" height="auto"

dann ist das Bild und das Popup noch kleiner

100% hatte ich auch schon getestet
genauso wie ohne width und height

[MCU]

@ceel Was möchtest du denn erreichen? Das Bild ist doch jetzt da?

[Ceel]

@MCU ja das bild ist da.
nur das Popup Fenster ist zu klein
nicht breit genug