Echo Show 5

sigi234

@moelski
Warum Amazon das so komisch gemacht hat ist mir schleierhaft.

liv-in-sky

@moelski klasse anleitung - vielen dank . hoffentlich klappt das mit dem tunein umgehen- bin gespannt auf deine lösung

moelski

Habe noch einen Hinweis wegen dem Video Upload hinzugefügt. Händisch kopieren ist keine gute Idee.

Und beim webradio bin ich etwas weiter

crunchip

@moelski sagte in Echo Show 5:

(aus meiner Sicht) 3 von 2 Probleme davon gelöst ...

Klasse wenn man mehr Probleme löst, als man eigentlich hat....kleiner Spaß
Aber ansonsten

liv-in-sky

@crunchip ist nicht das ganze iobroker system so aufgebaut ?

moelski

@crunchip said in Echo Show 5:

Klasse wenn man mehr Probleme löst, als man eigentlich hat.

Ups. Gefixt

liv-in-sky

bei mir funktioniert das mit dem fullscreen script nicht

daher eine ähnliche lösung (zwei widgets)

zusatzlich ist ein refresh button dabei - falls das jmd braucht

[{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"<style>\n/* Chrome, Safari and Opera syntax */\n:-webkit-full-screen {\n  background-color: yellow;\n}\n\n/* Firefox syntax */\n:-moz-full-screen {\n  \n}\n\n/* IE/Edge syntax */\n:-ms-fullscreen {\n \n}\n\n/* Standard syntax */\n:fullscreen {\n  \n}\n\n/* Style the button */\nbutton {\n  display: inline-block;\n  padding: 8px 15px;\n  font-weight: bold\n  font-size: small;\n  cursor: pointer;\n  text-align: center;\n  text-decoration: none;\n  outline: none;\n  color: #0efbf6;\n  background-image: radial-gradient(#084390, black);;\n  border: none;\n  border-radius: 5px;\n \n}\n</style>\n\n\n\n\n<button onclick=\"openFullscreen();\">Full</button>\n<button onclick=\"closeFullscreen();\">Close</button>\n\n<script>\nvar elem = document.documentElement;\nfunction openFullscreen() {\n  if (elem.requestFullscreen) {\n    elem.requestFullscreen();\n  } else if (elem.mozRequestFullScreen) { /* Firefox */\n    elem.mozRequestFullScreen();\n  } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */\n    elem.webkitRequestFullscreen();\n  } else if (elem.msRequestFullscreen) { /* IE/Edge */\n    elem.msRequestFullscreen();\n  }\n}\n\nfunction closeFullscreen() {\n  if (document.exitFullscreen) {\n    document.exitFullscreen();\n  } else if (document.mozCancelFullScreen) {\n    document.mozCancelFullScreen();\n  } else if (document.webkitExitFullscreen) {\n    document.webkitExitFullscreen();\n  } else if (document.msExitFullscreen) {\n    document.msExitFullscreen();\n  }\n}\n</script>\n"},"style":{"left":"43px","top":"89px","color":"","width":"128px","height":"39px","font-family":"","font-weight":"bold"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"visibility-cond":"==","visibility-val":1,"refreshInterval":"0","html":"<A style=\"text-decoration: none;\" HREF=\"javascript:history.go(0)\"><font color=\"#0efbf6\">Refresh</font></A>\n","views":["System"],"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html_prepend":"WWW-Traffic"},"style":{"left":"39px","top":"150px","color":"#0efbf6","background":"linear-gradient(to top, #000000 2px, #5f85cf 60px )","background-color":"#f7bf50","text-align":"center","font-family":"Arial, Helvetica, sans-serif","font-style":"normal","width":"91px","height":"28px","font-variant":"normal","font-weight":"bold","font-size":"small","line-height":"2","border-width":"5px","border-style":"solid","border-color":"#2a2504","border-radius":"5px"},"widgetSet":"basic"}]

moelski

@liv-in-sky said in Echo Show 5:

bei mir funktioniert das mit dem fullscreen script nicht

Hmm bei mir gehts leider auch nur wenn ich das Script auf einen Button lege.
Die Alexa ist da etwas eigen ... Aber grundsätzlich tut das Script ...

moelski

So ich glaube das Webradio Thema habe ich für mich auch gelöst

Demo:
Vid 20200911 122909-1.mp4

Alles was man braucht ist ein HTML Element, bissel HTML Code und etwas Scripting ...

moelski

(3) Problem mit Tunein Internetradio
So ich denke das habe ich auch gelöst - also zumindest für mich ist es eine Lösung

Wie schon angemerkt ist es nervig wenn beim Starten des Radios die VIS verschwindet und TuneIn auf geht. Dabei gibt es auch noch das problem das beim Beenden vom Radio der Show manchmal nicht zurück zum Browser geht ...

Meine Lösung dafür ... Ich nutze das HTML5 Audio Element. Wir haben eh nur eine begrenzte Anzahl von Default Radio Sendern die wir auf dem Ding hören. Also mache ich das jetzt wie folgt:
Erstmal legt man ein HTML Element in die VIS. Und das bekommt folgenden HTML Inhalt:

<!DOCTYPE html>
	<html>
		<head>
			<title>Schmidts INet Radio</title>
		</head>
		<body <audio src="http://wdr-wdr2-ostwestfalenlippe.icecast.wdr.de/wdr/wdr2/ostwestfalenlippe/mp3/128/stream.mp3" id="iradio">
			</audio>
		</body>
	</html>

Wichtig dabei ist im Audio Element das ID Tag ...

Ok nun brauchen wir noch ein paar Buttons. Ich habe derer 4 zum Testen.
2x Radio auswählen und Play / Pause.

setTimeout(function () {

$('#w00028').click(function () { 
    var audio = document.getElementById("iradio");
    audio.play();
});

$('#w00029').click(function () { 
    var audio = document.getElementById("iradio");
    audio.pause();
});

$('#w00026').click(function () { 
    var audio = document.getElementById("iradio");
    audio.src = "http://wdr-wdr2-ostwestfalenlippe.icecast.wdr.de/wdr/wdr2/ostwestfalenlippe/mp3/128/stream.mp3"; 
    audio.play();
});

$('#w00027').click(function () { 
    var audio = document.getElementById("iradio");
    audio.src = "http://streams.radiobob.de/live-nrw-mitte/mp3-192/mediaplayer"; 
    audio.play();
});

}, 1000);

Das Script kommt in den Script Bereich der VIS. Die IDs wie z.B. w00027 könnt ihr sehen wenn ihr eure Buttons anklickt. Muss dann entsprechend angepasst werden - logisch ...
Tja und das wars dann im Grunde auch schon ... Klickt ist auf einen Radiosender Button wird der Sender gespielt. Denn das audio HTML5 Element kann MP3 und OGG dekodieren

Jetzt bleibt für mich nur noch eine Hürde ... Ich will ja auch sowas sagen können wie ... "Alexa, WDR2". Und das soll ja dann automatisch das Radio starten. Ich glaube auch das bekomme ich hin. Aber da muss man einen kleinen Kunstgriff machen. Denn in einem VIS Script kann man nicht auf die Objekte des JavaScript Adapters zugreifen. Lösung ... Wir schreiben aus JavaScript in ein Objekt. In der VIS nehmen wir ein normales "Basic - string" Element und verknüpfen es mit dem Objekt. Jetzt müssen wir im VIS JavaScript nur noch einen Listener auf das Element einrichten und können so die Variable lesen.
So ist jedenfalls der Plan ... Wenn es tut geb ich bescheit - wenn es jemanden interessiert

liv-in-sky

@moelski wollt ich eh fragen, wie man den radio mit sprache steuern könnte - daher: bin interessiert

liv-in-sky

@moelski

was für ein widget nimmst du für die buttons her ?

liv-in-sky

@moelski

ich bekomme das so nicht hin - im audiomodule- widget wird nichts angezeigt - habe logs eingesetzt - erscheinen nicht im browser ??? nur das unterste log kommt - sonst wird nix ausgelöst, wenn ich einen button drücke

setTimeout(function () {

$('#w00320').click(function () { 
   var audio = document.getElementById("iradio");
   console.log("play")
   audio.play();
});

$('#w00317').click(function () { 
   var audio = document.getElementById("iradio");
   console.log("pause")
   audio.pause();
});

$('#w00322').click(function () { 
   var audio = document.getElementById("iradio");
   audio.src = "http://wdr-wdr2-ostwestfalenlippe.icecast.wdr.de/wdr/wdr2/ostwestfalenlippe/mp3/128/stream.mp3"; 
   console.log("sender1")
   audio.play();
});

$('#w00323').click(function () { 
   var audio = document.getElementById("iradio");
   audio.src = "http://streams.radiobob.de/live-nrw-mitte/mp3-192/mediaplayer"; 
   audio.play();
});

console.log("test")

}, 1000);



setTimeout(function () {
console.log("test - ohne alles")

}, 5000);

was bei mir funbktioniert ist dieses html-widget:

<div>
    <audio controls id="player">
  <source src="http://mp3channels.webradio.rockantenne.de/rockantenne" type="audio/mpeg">
</audio>
</div>

für jeden sender eines

Image 6.png

ich hoffe nur, ich kann das dann später auch über voice steuern - so richtig verstehe ich nicht, wie das funktionieren soll - aber ich warte einfach auf deine beschreibung

dtp

@moelski sagte in Echo Show 5:

960x480

Hm. Das ist die native Auflösung des Show-5-Displays. Da ist es kein Wunder, dass du zoomen musst.

@moelski sagte in Echo Show 5:

Angezeigt werden aber nur 66% davon.

Für mein iPad Air 2 habe ich z.B. 1024 x 768 und für mein iPhone X 372 x 766 eingestellt. Da bekomme ich dann in der ioBroker App direkt eine passende Ansicht. Und so würde ich es auch für den Show 5 machen wollen. Daher würde ich direkt 640 x 320 vorgeben. Das sind dann die von dir erwähnten 2/3.

moelski

Melde mich heute Abend. Den ganzen tag an einem Zaun rumgewerkelt ...

@liv-in-sky :
Hier schon mal ein Button:

[{"tpl":"tplJquiIconNav","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"nav_view":"","src":"","imageHeight":"109","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"text":"WDR"},"style":{"left":"650px","top":"80px","background":"#2b3e55","background-color":"#3b4e65","border-style":"none","width":"55px","height":"42px","background-clip":"","background-origin":"","text-align":"","background-repeat":"","border-color":"","color":"#FFFFFF","border-radius":"0px","z-index":"2"},"widgetSet":"jqui"}]

moelski

@liv-in-sky said in Echo Show 5:

ich bekomme das so nicht hin - im audiomodule- widget wird nichts angezeigt

Das ist auch korrekt so. Dort will man auch nix sehen. Die Controls bauen wir ja selber nach

@liv-in-sky said in Echo Show 5:

habe logs eingesetzt

Du meinst Scripts ?

@liv-in-sky said in Echo Show 5:

nur das unterste log kommt - sonst wird nix ausgelöst, wenn ich einen button drücke

Dann exporiere doch mal deine View und pack sie hier rein. Dann schau ich mir das mal an.

OHA ... HAAALLLLTTT
Ich sehe den fehler schon !!

<audio controls id="player">

Da hast du als ID player vergeben. Das muss natürlich mit deinem Scripten übereinstimmen !!!

var audio = document.getElementById("iradio");

Da muss dann auch player rein und nicht iradio wie bei mir ...
Sonst kann der das element auch nicht finden ...

@liv-in-sky said in Echo Show 5:

ich hoffe nur, ich kann das dann später auch über voice steuern - so richtig verstehe ich nicht, wie das funktionieren soll - aber ich warte einfach auf deine beschreibung

Ich habe das schon zum Teil am laufen. Aber es ist kompliziert ... Denn immer wenn ich einen Titel vergebe wie WDR2 will er sofort das Tunin Zeugs starten. Da muss man also noch einen Workaround finden der auch noch Frauenfreundlich ist
Werde aber morgen mal posten wie ich das grudnsätzlich mache mit dem Alexa steuern ...

liv-in-sky

@moelski

da verwechselst du etwas - der player, den ich installiert habe, braucht deine scripte nicht (bei meinem versuch mit deinem setting war die id schon richtig - ich hatte ja alles von dir kopiert und nur die widgets richtig eingesetzt in dein script)- der spielt das, oder pausiert das - kein script notwendig - kein button. nur den folgenden text in ein standard widget - was ich nicht weiß: kann ich den dann über voice steuern - probier das doch mal aus

<div>
    <audio controls id="player">
  <source src="http://mp3channels.webradio.rockantenne.de/rockantenne" type="audio/mpeg">
</audio>
</div>

für einen weiteren sender, einfach ein weiteres widget - nicht den sender auswählen und dann play drücken

was leider ein wenig stört - hört man über firefox die musik, wird die musik nicht leiser, wenn man alexa einen befehl gibt - etwas lauter "aufgedreht" und alexa ist nicht mehr bedienbar über voice

moelski

@liv-in-sky
Hmm der Witz ist doch das man den Sender umstellen kann. Warum immer ein neues Audio Element ... Ergibt für mich keinen Sinn. Zumal man das dann auch schlecht pausieren kann - weil immer eine andere ID.

Und ich kann den Audio Stream sehr wohl mit "Alexa leiser" leiser machen. Die reagiert ganz normal. Ich denke du hast da irgendwas in deiner VIS noch falsch ...

Kannst mir gerne mal deine VIS exportieren. Dann könnte ich mal drüber guggn.
Oder ich exportiere mal meine ... Als Vorlage ...

freaktech

Hallo Leute!

Klappt bei euch der Trick mit dem Video noch?

Ich hab heut einen show5 bekommen, da geht das nicht mehr

lg
tom

moelski

@freaktech
Kann es heute mal testen.

NEWS

Echo Show 5

Support us

1.2k
Online

30.3k
Users

76.4k
Topics

1.2m
Posts

NEWS

Echo Show 5

Support us

1.2kOnline

30.3kUsers

76.4kTopics

1.2mPosts

1.2k
Online

30.3k
Users

76.4k
Topics

1.2m
Posts