Der folgende Artikel ist original auf mac-intosh.de erschienen:
Wer schonmal Radio mit dem iPhone gehört hat, kennt bestimmt das Problem: Kaum geht man aus der Radio App, hört auch das Radio auf zu spielen, es gibt bislang kaum eine App, bei der man Radio im Hintergrund hören kann. Doch es gibt Abhilfe.
Wer es sich ganz einfach machen will, der kann sich die App Flycast laden, doch Flycast ist mit einer Durchschnittswertung von 2 Sternen kein Brüller und stürzt auch öfter mal ab, dafür gibt es immerhin eine “Play in Background” Funktion. Es kann auch vorkommen, dass man die Lieblingsradiostation bei Flycast, trotz riesiger Auswahl, nicht findet. Da muss man dann selber anfangen zu basteln, eine kleine Webapplikation schafft Abhilfe. Hierfür benötigt man dann:
- ein klein wenig Webspace
- einen HTML-Editor
- ein Bildbearbeitungsprogramm (Optional)
Machen wir uns also ans Werk. Für dieses Beispiel habe ich mir den Stream von WDR2 ausgesucht. Erreichbar ist er unter der Adresse: http://www.wdr.de/wdrlive/media/wdr2.m3u.
Zuerst erstellt man ein Icon für den Home Bildschirm. Größe sollte 57×57 Pixel sein, das Format .png, wichtig ist, dass die Bilddatei keine Transparenz hat! Das Icon kann dann zum Beispiel so aussehen, wie es am Anfang dieses Artikels zu sehen ist. Dieser erste Punkt ist optional, da das Icon nur als Eyecandy dient, wichtig ist es also nicht, aber schön. Das Icon lädt man schonmal auf den Webspace hoch.
Nun erstellt man eine HTML-Datei mit folgendem Inhalt:
<html>
<head>
<link rel="apple-touch-icon" href="http://www.beispielseite.de/radio.png"/>
<title>Radio</title>
</head>
<body>
<h2>KCBS</h2>
<p><a href="http://208.80.54.69/KCBSAMDIALUPCMP3">Listen</a></p>
<h2>Radio Radioname</h2>
<p><a href="http://www.beispielradio.de/stream/rp_128.m3u">128K</a></p>
</body>
</html>Im von mir erstelltem Beispiel sieht es dann so aus:
<html>
<head>
<link rel="apple-touch-icon" href="http://mac-intosh.de/radio.png"/>
<title>Radio</title>
</head>
<body>
<h2>KCBS</h2>
<p><a href="http://208.80.54.69/KCBSAMDIALUPCMP3">Listen</a></p>
<h2>WDR2</h2>
<p><a href="http://www.wdr.de/wdrlive/media/wdr2.m3u">128K</a></p>
</body>
</html>
Die HTML-Datei ist ansich selbsterklärend, in der Zeile mit “apple-touch-icon” steht der Link zum Icon, unter WDR2 ist der Link zum Radiostream. Die HTML-Datei lädt man nun auch auf den Webspace und besucht vom iPhone aus die Adresse. Meine Beispielseite ist erreichbar unter: mac-intosh.de/radio.html.
Wenn man die Seite nun besucht kommt man auf eine Seite, wie sie rechts zu sehen ist, nicht schön, dafür zweckmäßig. Ein Klick auf WDR2 startet den Stream, wenn man den Home Button drückt spielt die Musik fröhlich weiter.
Zuletzt fehlt nur noch das passende Symbol auf dem Home-Bildschirm.
Unten in der Mitte auf das + drücken -> Zu Home-Bildschirm. Wenn man bis hierhin alles richtig gemacht hat, dann sieht man das vorher erstellte Icon zur linken Seite. Nun einen Namen als Beschreibung festlegen, auf Hinzufügen drücken und das war’s.
Das Symbol sollte nun auf dem Home-Bildschirm zu finden sein.
Doch wer hierfür zu faul sein sollte, da helfe ich doch gerne. Wer möchte, kann meine kleine Webapplikation benutzen, in den nächsten Tagen werde ich noch den ein oder anderen Radiosender aufnehmen. Bei besonderen Wünschen kann man mit auch eine Mail schreiben (Adresse ist im Impressum zu finden).
