🎵 Mini-Player Embed
Bindet einen klickbaren Mini-Player auf deiner Website ein. Besucher können direkt auf deiner Seite hören.
<div style="width:100%;max-width:400px;background:linear-gradient(135deg,#090012,#1a0030);border:1px solid rgba(255,0,140,.3);border-radius:14px;padding:20px;font-family:Arial,sans-serif;box-shadow:0 0 40px rgba(255,0,140,.12)">
<div style="display:flex;align-items:center;gap:12px;margin-bottom:14px">
<div style="width:52px;height:52px;border-radius:8px;background:linear-gradient(135deg,#FF008C,#c800a0);display:flex;align-items:center;justify-content:center;font-size:24px">🎵</div>
<div>
<div style="font-size:14px;font-weight:700;color:#fff" id="rr-title">RecordsRadio</div>
<div style="font-size:11px;color:#7a6090;margin-top:2px">Beste Musik · 24/7 · Überall</div>
</div>
</div>
<button id="rr-btn" onclick="rrToggle()" style="width:100%;padding:10px;background:linear-gradient(135deg,#FF008C,#c800a0);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:1px">▶ Stream starten</button>
<div style="text-align:center;margin-top:8px"><a href="https://recordsradio.de" style="font-size:10px;color:#7a6090;text-decoration:none" target="_blank">recordsradio.de</a></div>
</div>
<script>
var _rrAudio=null,_rrOn=false;
function rrToggle(){
if(!_rrAudio){_rrAudio=new Audio('https://recordsradio.stream.laut.fm/recordsradio.mp3');
_rrAudio.onplaying=function(){_rrOn=true;document.getElementById('rr-btn').textContent='⏸ Stopp';
fetch('https://api.laut.fm/station/recordsradio/current_song').then(r=>r.json()).then(d=>{
if(d.title)document.getElementById('rr-title').textContent=d.artist?.name+' – '+d.title;
}).catch(()=>{});};
_rrAudio.onerror=function(){alert('Stream nicht erreichbar');};
}
if(_rrOn){_rrAudio.pause();_rrAudio.src='';_rrAudio=null;_rrOn=false;document.getElementById('rr-btn').textContent='▶ Stream starten';}
else{_rrAudio.play();}
}
</script>
