Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[MaxxJ]

Online radio is either pre-recorded MP3 files or live, via-a-microphone broadcasts that are streamed over the Internet. ... The listener, because without listeners there really isn't any point in broadcasting. The listener connects to your server and can hear anything you're streaming.

[a200]

@Segway ich habe folgendes Skript am Laufen:

Spoiler

var device = "upnp.0.WS300_664C"; //Hier das upnp Gerät eintragen das gesteuert werden soll. 
var control = 'javascript.0.Tab2'; //Hier das Objekt eintragen wo die Steuerobjekte angelegt werden sollen
var oldVol; 
var outURL;
var newVol;
var debug = true;

// Array mit mp3-Streams
var sender = ["https://wdr-1live-live.icecastssl.wdr.de/wdr/1live/live/mp3/128/stream.mp3",
    "http://mp3.ffh.de/radioffh/hqlivestream.mp3",
    "http://swr-swr3-live.cast.addradio.de/swr/swr3/live/mp3/128/stream.mp3",
    "http://109.199.61.243:80/4784/live.mp3",
    "http://mp3.ffh.de/ffhchannels/hq80er.mp3",
    "https://stream.rockland.de/rockland_ludwigshafen.mp3",
    "http://streamhq.top100station.com/top100station-high.mp3",
    "http://st01.dlf.de/dlf/01/128/mp3/stream.mp3",
    "http://hr-hrinfo-live.cast.addradio.de/hr/hrinfo/live/mp3/128/stream.mp3",
    "http://ndr-ndr2-niedersachsen.cast.addradio.de/ndr/ndr2/niedersachsen/mp3/128/stream.mp3",
    "http://mp3channels.webradio.rockantenne.de/heavy-metal",
    "http://streams.radiobob.de/bob-kuschelrock/mp3-192/mediaplayer",
    "http://mp3.radiorsg.c.nmdn.net/radiorsg/livestream.mp3",
    "http://ice912.echo.msk.ru:9120/stream",
    "http://mp3channels.webradio.antenne.de/80er-kulthits",
    "https://streams.regenbogen.de/rr-mannheim-128-mp3",
    "http://st03.dlf.de/dlf/03/128/mp3/stream.mp3",
    "http://tuner.m1.fm/charts.mp3"];
 
// Array mit mp3-Sendern passend zu Streams
var sname = ["1 Live", 
    "Hit Radio FFH", 
    "SWR 3", 
    "1 Live - Diggi", 
    "Hit Radio FFH - 80er", 
    "Rockland Radio - MH & LU", 
    "Top 100 - Station",
    "Deutschlandfunk",
    "hr info",
    "NDR 2",
    "Rock Antenne - Heavy Metal",
    "Kuschelrock",
    "Radio RSG",
    "Echo of Moscow",
    "ANTENNE BAYERN - 80er Kulthits",
    "Radio Regenbogen",
    "Deutschlandfunk Nova",
    "Top Of The Charts"];   

//createState(name, initialValue, forceCreation, common, native, callback);
createState(control + '.MediaControl.Play', false, {type: 'boolean', read: 'true', write: 'true', role: 'button.play'});
createState(control + '.MediaControl.Pause', false, {type: 'boolean', read: 'true', write: 'true', role: 'button.pause'});
createState(control + '.MediaControl.Stop', false, {type: 'boolean', read: 'true', write: 'true', role: 'button.stop'});
createState(control + '.AudioControl.Vol_UP', false, {type: 'boolean', read: 'true', write: 'true', role: 'button.volume_up'});
createState(control + '.AudioControl.Vol_Down', false, {type: 'boolean', read: 'true', write: 'true', role: 'button.volume_down'});
createState(control + '.AudioControl.Mute', false, {type: 'boolean', read: 'true', write: 'true', role: 'button.mute'});
createState(control + '.MediaControl.MediaURL', '', {type: 'string', read: 'true', write: 'true'});
createState(control + '.Num2URL', '', {type: 'string', read: 'true', write: 'true'});
createState(control + '.SenderName', '', {type: 'string', read: 'true', write: 'true'});

on({id: control + '.Num2URL', change: "ne"}, function (obj) {
    var tmpnr = getState(control + '.Num2URL').val;
    setState(control + '.MediaControl.MediaURL', sender[tmpnr], true);
    setState(control + '.SenderName', sname[tmpnr], true);
});
    

on({id: control + '.MediaControl.Play', val: true
    }, function(obj){

        if(debug) log("PLAY gedrückt");
        //Wiedergabe starten
        setState(device + '.MediaRenderer.AVTransport.Play.InstanceID', 0);
        setState(device + '.MediaRenderer.AVTransport.Play.Speed', 1);
        setState(device + '.MediaRenderer.AVTransport.Play', 'send');
        setTimeout(function(){setState(obj.id, false);}, 150);
    });
    
on({id: control + '.MediaControl.Pause', val: true
    }, function(obj){
        
        if(debug) log("PAUSE gedrückt");
        //Wiedergabe pausieren
        setState(device +  '.MediaRenderer.AVTransport.Pause.InstanceID', 0);
        setState(device + '.MediaRenderer.AVTransport.Pause', 'send');
        setTimeout(function(){setState(obj.id, false);}, 150);
    });

on({id: control + '.MediaControl.Stop', val: true
    }, function(obj){
        
        if(debug) log("STOP gedrückt");
        //Wiedergabe stoppen
        setState(device +  '.MediaRenderer.AVTransport.Stop.InstanceID', 0);
        setState(device + '.MediaRenderer.AVTransport.Stop', 'send');
        setTimeout(function(){setState(obj.id, false);}, 150);
    });
    
on({id: control + '.AudioControl.Vol_UP', val: true
    }, function(obj){
        oldVol = getState(device + '.MediaRenderer.RenderingControl.Volume').val;
        
        if(debug) log("old: " + oldVol);
        if(oldVol != "" && oldVol != null) {
            if(parseInt(oldVol) < 96) newVol = parseInt(oldVol) + 5; //der Wert um den die Lautstärke geändert wird, kann beliebig geändert werden
        }
        else
            newVol = 50;
        if(debug) log("new: " + newVol);

        //neue Lautstärke senden
        setState(device + '.MediaRenderer.RenderingControl.SetVolume.Channel', 'Master');
        setState(device + '.MediaRenderer.RenderingControl.SetVolume.DesiredVolume', newVol);
        setState(device +  '.MediaRenderer.RenderingControl.SetVolume.InstanceID', 0);
        setState(device + '.MediaRenderer.RenderingControl.SetVolume', 'send');
        setTimeout(function(){setState(obj.id, false);}, 150);
        setState(device + '.MediaRenderer.RenderingControl.Volume', newVol);
    });
    
on({id: control + '.AudioControl.Vol_Down', val: true
    }, function(obj){
        oldVol = getState(device + '.MediaRenderer.RenderingControl.Volume').val;
        
        if(debug) log("old: " + oldVol);
        if(oldVol != "" && oldVol != null) {
            if(parseInt(oldVol) > 4) newVol = parseInt(oldVol) - 5; //der Wert um den die Lautstärke geändert wird, kann beliebig geändert werden
        }
        else
            newVol = 50;
        if(debug) log("new: " + newVol);

        //neue Lautstärke senden
        setState(device + '.MediaRenderer.RenderingControl.SetVolume.Channel', 'Master');
        setState(device + '.MediaRenderer.RenderingControl.SetVolume.DesiredVolume', newVol);
        setState(device +  '.MediaRenderer.RenderingControl.SetVolume.InstanceID', 0);
        setState(device + '.MediaRenderer.RenderingControl.SetVolume', 'send');
        setTimeout(function(){setState(obj.id, false);}, 150);
        setState(device + '.MediaRenderer.RenderingControl.Volume', newVol);
    });
    
on({id: control + '.AudioControl.Mute', val: true
    }, function(){
        var oldMute = getState(device + '.MediaRenderer.RenderingControl.Mute').val;

        if(debug) log("MUTE gedrückt");        
        if(!oldMute){
            setState(device + '.MediaRenderer.RenderingControl.SetMute.InstanceID', 0);
            setState(device + '.MediaRenderer.RenderingControl.SetMute.Channel', 'Master');
            setState(device + '.MediaRenderer.RenderingControl.SetMute.DesiredMute', 1);
            setState(device + '.MediaRenderer.RenderingControl.SetMute', 'send');
            setState(device + '.MediaRenderer.RenderingControl.Mute', true);            
        }else{
            setState(device + '.MediaRenderer.RenderingControl.SetMute.InstanceID', 0);
            setState(device + '.MediaRenderer.RenderingControl.SetMute.Channel', 'Master');
            setState(device + '.MediaRenderer.RenderingControl.SetMute.DesiredMute', 0);
            setState(device + '.MediaRenderer.RenderingControl.SetMute', 'send');
            setState(device + '.MediaRenderer.RenderingControl.Mute', false);
        }
        //setTimeout(function(){setState(obj.id, false);}, 150);
    });
    
on({id: control + '.MediaControl.MediaURL'
    }, function(obj){
    if(debug) log("NEUER SENDER gedrückt");
    setState(device + '.MediaRenderer.AVTransport.SetAVTransportURI.CurrentURI', obj.newState.val);
    setState(device + '.MediaRenderer.AVTransport.SetAVTransportURI.InstanceID', 0);
    setState(device + '.MediaRenderer.AVTransport.SetAVTransportURI', 'send');
    setTimeout(function () {setState('javascript.0.Tab2.MediaControl.Play', true,true)}, 10000);
});

Damit werden Datenpunkte erzeugt über die der Player gesteuert wird.

Hier ein Bespiel für ein Widget:

Spoiler

[{"tpl":"tplIconState","data":{"oid":"javascript.0.Tab2.MediaControl.Play","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"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,"text":"","value":"true","src":"/vis.0/main/Images/ButtonIcons/audio_play.png"},"style":{"left":"80px","top":"362px","width":"150px","height":"150px","background":"transparent","border-radius":"75px","border-width":"2px","border-style":"solid","border-color":"#777","padding-bottom":"","z-index":"10","box-shadow":"0 0 20px grey"},"widgetSet":"jqui"}]

Weitere Buttons kannst du erstellen indem du die Object ID des Widgets an die Datenpunkte anpasst:
javascript.0.Tab2.MediaControl.Play für PLAY
javascript.0.Tab2.MediaControl.Stop für STOP
javascript.0.Tab2.AudioControl.Vol_Down für LEISER
javascript.0.Tab2.AudioControl.Vol_UP für LAUTER
und in
javascript.0.Tab2.Num2URL wird eine Zahl zwischen 0 und 9 angegeben. Die Nummer entspricht der Position in Sender-Array. Wird also in javascript.0.Tab2.Num2URL eine 2 eingetragen, dann wird in javascript.0.Tab2.MediaControl.MediaURL die URL "http://swr-swr3-live.cast.addradio.de/swr/swr3/live/mp3/128/stream.mp3" eingetragen und abgespielt. Gleichzeitig wird in javascript.0.Tab2.SenderName "SWR 3" eingetragen.

Hier ein Beispiel für ein Sender-Button:

Spoiler

[{"tpl":"tplIconState","data":{"oid":"javascript.0.Tab2.Num2URL","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"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,"value":"2","src":"/vis.0/main/Images/Radiosender/swr3.png"},"style":{"left":"1000px","top":"240px","width":"150px","height":"150px","border-radius":"10px","border-width":"5px","border-style":"solid","border-color":"{val:javascript.0.Tab2.Num2URL; val==\"2\"? \"#14ff1f\": \"#777\"}","box-shadow":"{val:javascript.0.Tab2.Num2URL; val==\"2\"? \"0 0 20px grey\": \"\"}","z-index":"5"},"widgetSet":"jqui"}]

Melde dich, wenn du Fragen hast.

LG, a200.

[Segway]

@a200
Suuuper ! Danke, das hilft mir weiter. Das bastel ich mir mal zusammen. Wenn was ist melde ich mich :-) DANKE

[Segway]

@a200

Jo soweit habe ich es jetzt implementiert und experimentiert.

Bei meinem Lautsprecher muss zwangsläufig auch unter

SetAVTransportURI

der request gesetzt werden (kleine Klingel / Tastendruck) --> nur dann wird der neue Sender übernommen.
Habe das versucht in die Rubrik WIEDERGABE STARTEN (im javascript) zu implementieren aber leider geht es nicht :-( Ne Idee ?

UPDATE:
es geht jetzt aber ich muss den Datenpunkt anpassen --> .request und dann nicht auf SEND sondern auf TRUE setzen.

Frage:
Kann ich einfach noch ein paar Sender hinzufügen ? Habe das gemacht aber er nimmt den 18.-20igsten Sender NICHT an :-(

[a200]

@Segway sagte in [Frage] Internetradio - wie geht das ?:

@a200
Frage:
Kann ich einfach noch ein paar Sender hinzufügen ? Habe das gemacht aber er nimmt den 18.-20igsten Sender NICHT an :-(

das sollte problemlos gehen. Du musst die beiden Arrays sender und sname um die neuen Einträge erweitern.

var sender = ["https://wdr-1live-live.icecastssl.wdr.de/wdr/1live/live/mp3/128/stream.mp3",
    "http://mp3.ffh.de/radioffh/hqlivestream.mp3",
    ...
    "http://tuner.m1.fm/charts.mp3", // Komma nicht vergessen
    "http://........mp3"];           // neuer Eintrag

var sname = ["1 Live", 
    "Hit Radio FFH", 
    ...
    "Top Of The Charts", // Komma nicht vergessen
    "Sendername"];           // neuer Eintrag

Und dann noch ein Button bei dem du die "18" in den Datenpunkt "javascript.0.Tab2.Num2URL" schreibst.

[Segway]

@a200 sagte in [Frage] Internetradio - wie geht das ?:

@Segway sagte in [Frage] Internetradio - wie geht das ?:

@a200
Frage:
Kann ich einfach noch ein paar Sender hinzufügen ? Habe das gemacht aber er nimmt den 18.-20igsten Sender NICHT an :-(

das sollte problemlos gehen. Du musst die beiden Arrays sender und sname um die neuen Einträge erweitern.

var sender = ["https://wdr-1live-live.icecastssl.wdr.de/wdr/1live/live/mp3/128/stream.mp3",
    "http://mp3.ffh.de/radioffh/hqlivestream.mp3",
    ...
    "http://tuner.m1.fm/charts.mp3", // Komma nicht vergessen
    "http://........mp3"];           // neuer Eintrag

var sname = ["1 Live", 
    "Hit Radio FFH", 
    ...
    "Top Of The Charts", // Komma nicht vergessen
    "Sendername"];           // neuer Eintrag

Und dann noch ein Button bei dem du die "18" in den Datenpunkt "javascript.0.Tab2.Num2URL" schreibst.

Jau habe ich gesehen....nur leider hat Murphis Gesetzt eingeschlagen.
Genau den Stream, den ich einfügte wollte er nicht nehmen, warum auch immer !!! Somit blieb der letzte Sender aktiv :-) VLC spielte den problemlos ab.

Habe mir nun von surfmusik die playlist des Senders heruntergeladen und in Notepad geöffnet und diese Adresse eingegeben --> siehe da ES GEHT NUN :-)

[a200]

@Segway Cool. Es freut mich, dass es geht. Über eine positive Bewertung würde ich mich freuen.

und @Jey-Cee nicht vergessen. Seine Arbeit war die Grundlage für meine Erweiterung.

[Segway]

@a200
Klar ... wo soll ich bewerten ???

P.S.:
Ne Idee wie man mit mehreren WLan Lautsprechern in unterschiedlichen Räumen umgehen sollte, dass die Musik auf mehreren abspielt ?

[Phil87]

@kmxak ich habe eine Frage zu dem HTML Widget, ich möchte gerne https://www.jumpradio.de/musik/livestreamplayer/index.html?channelname=live diesen link in den Widget integrieren. Was muss ich hier beachten? kann ich einfach den http: Punkt wechsel oder sieht der Link anders aus?

[kmxak]

@Phil87

Die URL sollte folgende sein:

http://avw.mdr.de/streams/284320-0_mp3_high.m3u

Die URL einfach im Widget ändern.
Da ich das seit 2017 aber nicht mehr nutze weiß ich nicht ob das klappt.

Kannst ja mal probieren.

[Phil87]

@kmxak

leider klappt es nicht. Gibt es noch eine andere Idee die ich nutzen kann?

[Karel Puhli]

@a200

Nabend!
Eine Frage, funktionieren die Skripte / Widgets noch?
Sitze zurzeit an einer neuen VIS und sammle Ideen...
Danke und beste Grüße!

[a200]

@karel-puhli werde ich heute prüfen und berichten!

[Karel Puhli]

@a200

Schon ein Ergebnis?

Beste Grüße!

[a200]

@karel-puhli out of the box geht es nicht. Ich schau mal ob was angepasst werden muss.

[Lueghi]

@metaxa sagte in [Frage] Internetradio - wie geht das ?:

...
Raspi2 (ehem. LXCCU, war echt ein toller Start in die neue Welt) sollte fürs BadRadio reichen

...

Hallo metaxa, da ich auch mit der Überlegung eines Badradios spiele, bin ich über Deinen Beitrag gestolpert :grin: .
Mir ist aber eine Sache noch nicht so ganz klar daher hoffe ich auf eine Erklärung:

Läuft auf dem Bad-Raspi auch ein iobroker? Und wenn ja ist der nur dafür da, damit man ihn vom Master-iobroker aus steuern kann?
Hatte das bisher so verstanden, das der mpd-Adapter auf dem Master-iobroker einen mpd-client (in dem Fall der Bad-Raspi) DIREKT ansteuern kann.

[metaxa]

@lueghi sagte in [Frage] Internetradio - wie geht das ?:

hoffe ich auf eine Erklärung:

Bin mittlerweile auf ein anderes System erfolgreich umgestiegen --> LMS. Warum? Damit "erreiche" ich sämtliche Player im Haus und kann diese direkt, oder in Gruppen für Durchsagen oder Radio, oder ..... direkt aus iO steuern.

Google Suchbegriffe:
Sqeezebox --> moOde --> https://moodeaudio.org/
LMS --> Logitech Media Server

Ich habe vor ca. 2 Jahren

• mir einen NUC geleistet und darauf Proxmox installiert.
• darauf (unter Anderen) einen Container eingereichtet und den LogitechMediaServer installiert
• auf meinem alten RPI2 das MoOde Image aufgespielt
• danach am LMS die UpnP/DLNA bridge installiert
• auf miner iO Hauptinstallation den SqueezeboxRPC Adapter installiert

Seitdem steuere ich meinen Mediaplayer auf der Terrasse, im Bad, 2 IKEA Sonos Lautsprecher alle direkt aus dem iO an.

Funktioniert prächtig!

LG, mxa

[Lueghi]

@metaxa
Mach Dir bitte keinen Streß! Es eilt nicht bei mir ....

[Lueghi]

@metaxa
Da hat sich meine Antwort mit Deiner Erklärung überschnitten ....
Danke für die Info. Ich habe eine ähnliche Konstellation:

• proxmox auf einem HP Microserver
• Twonky als Medienserver

Werde mir das mal ansehen.

[metaxa]

@lueghi

@lueghi sagte in [Frage] Internetradio - wie geht das ?:

Werde mir das mal ansehen.

Passt. "Sqeezebox Player" war damals der Schlüssel zum Verknüpfen der vielzähligen Informationen. Die Hardwareansprüche der einzelnen Player sind sehr gering und damit für ausgediente Einplatinenrechner oder eben Fremgeräte via UpnP treffend.