Liebe Zielgruppe. Es hätten zwar nur vier von euch vermisst, aber das sind ja schon vier zu viel. Außerdem kannten ganze 27 Leute das Radio noch gar nicht, also kann es ja nicht schaden, mal wieder darauf hinzuweisen. Wenn ihr da rechts oben nix seht, lest ihr mich gerade im RSS. Oder auf einem Telefon. Oder in einer Konsole. Oder was weiß denn ich. In dem Fall kommt halt mal mit einem ordentlichen Browser auf der Website vorbei...

Wie dem auch sei. Nachdem ich selber Bedenken bezüglich der ganzen Tracker bekommen habe, die das laut.fm-Widget so mit sich bringt, habe ich meine leeten Javascriptskillz entstaubt und ein 1-Klick-Nachlade-Script geschrieben. Standardmäßig ist das Radio jetzt deaktiviert. Wer Radio hören will, klickt einmal auf den Platzhalter, wartet ein bisschen und klickt dann nochmal auf den Play-Knopf.

Ja, zugegeben, das ist ein bisschen umständlich, weil man das jedes Mal machen muss. Falls sich hier eine|r mit Cookies auskennt, kann sie|er mir das Ding ja vielleicht noch so erweitern, dass man per Checkbox sagen kann "Ich will das Radio hier immer sehen" und dann wird ein entsprechender Cookie gesetzt, der beim nächsten Laden der Seite irgendwie ausgewertet wird. Das übersteigt allerdings meine Fähigkeiten.

daMax. Respecting your privacy since... today

Update: hat sich erledigt. Jetzt mit Cookiekrams.

Volle Transparenz! Der komplette Sourcecode bisher:

</p> <div id="theradio" style="width:200px;height:220px;line-height:5px;"><a href="#" onclick="LoadLautFmRadio();return false;"></p> <div id="radioplatzhalter" style="width:200px;height:185px;background:url(https://blog.todamax.net/images/radioplatzhalter.png) no-repeat;"></div> <p></a><center></p> <div id="radioprivacy"> <small> <a href="http://laut.fm/pages/terms_and_conditions" target="_blank" rel="noopener">Datenschutzbestimmungen von laut.fm</a></small></div> <p></center></div> <p><script type="text/javascript">/* <![CDATA[ */ function LoadLautFmRadio() { var radiodiv; radiodiv = document.getElementById('theradio'); radiodiv.innerHTML ='<iframe width="200" height="185" id="widget" name="widget" border="0" style="border:0px" allowtransparency="true" scrolling="no" src="http://laut.fm/widgets/player_for/todamax,?player%5Bstations%5D=todamax%2C&player%5Bcolor%5D%5Bcolor%5D=white&player%5Bshadow%5D=false&player%5Bdisplay%5D%5Bborder%5D%5Bradius%5D=5px&player%5Bautoplay%5D=false&player%5Bcolor%5D%5Bbackground_to%5D=%23ffffff&player%5Bcolor%5D%5Bbackground_from%5D=%23ffffff&player%5Bborder%5D%5Bcolor%5D=%23e89900&player%5Bborder%5D%5Bwidth%5D=2px&player%5Bbutton%5D%5Bcolor%5D%5Bbackground_to%5D=%23e89900&player%5Bbutton%5D%5Bcolor%5D%5Bbackground_from%5D=%23e89900&player%5Bbutton%5D%5Bborder%5D%5Bcolor%5D=%23ffffff&player%5Bbutton%5D%5Bborder%5D%5Bwidth%5D=2px">widget</iframe> <small><br />  Stream: <a href="http://stream.laut.fm/todamax" style="border:none">http://stream.laut.fm/todamax</a><br />  Sendeplan: <a href="https://blog.todamax.net/blog/?p=40087" style="border:none">gibts auch</a></small>'; } /* ]]> */ </script>

Meh... irgendwie erzeugt diese Textarea da oben auf magische Weise <p>- und </p>-Tags, die da gar nicht drin sind. Denkt euch die weg...

Update, 5 Jahre später: sorry, aber die deutsche Copyrightpolitik erlaubt das alles nicht. Der Player darf keine eigene Musik abspielen, sondern muss die laut-fm-Seite öffnen. Sorry.

| Abgelegt unter Coding, Dingens
The views expressed by the author are personal.