end0fseven
Lt. Commander
- Registriert
- Feb. 2017
- Beiträge
- 1.325
Guten Abend
Ich habe vor Jahren mir dieses kleine Webradio Tool entwickelt. Es wandelt im prinzipp nur die m3u Streams um.
Link: webradiofm.splitup.ch
Ich würde gerne meine „App“ mit der Google Cast funktion erweitern.
Mir gehen die ganzen Webradioapps im Store so auf den Keks, komplett aufgebläht und voller Werbung für die paar Sender die ich höre.
Kann ich das ganze überhaupt mit meiner Webseite realisieren? Oder müsste ich da eher eine Android App schreiben? Wenn ja, wie am besten?
Ich bin wirklich leihe was Programmieren betrifft.
Und es ist schon ein paar Jahre her wo ich meine Webseite gemacht habe ^^
Beste Dank erstmal.
Ich habe vor Jahren mir dieses kleine Webradio Tool entwickelt. Es wandelt im prinzipp nur die m3u Streams um.
Link: webradiofm.splitup.ch
Javascript:
sourceMp3.src='http://house-high.rautemusik.fm';
break;
case "tophundert":
sourceMp3.src='http://stream.top100station.com/top100station.mp3';
break;
case "onelive":
sourceMp3.src='http://wdr-1live-live.icecast.wdr.de/wdr/1live/live/mp3/128/stream.mp3?ar-distributor=ffa1';
break;
case "vintage":
sourceMp3.src='https://vintageradio.ice.infomaniak.ch/vintageradio-high.mp3';
break;
case "schlagerradio":
sourceMp3.src='https://schlagerradio.ice.infomaniak.ch/schlagerradio-high.mp3';
break;
case "pulsfm":
sourceMp3.src='http://icepool.silvacast.com/PULSFM.mp3';
break;
case "technobasefm":
sourceMp3.src='http://mp3.stream.tb-group.fm/tb.mp3';
break;
case "slam":
sourceMp3.src='https://20863.live.streamtheworld.com/WEB11_MP3_SC?';
break;
case "country-105":
sourceMp3.src='http://live.leanstream.co/CKRYFM';
break;
default:
return player.pause();
}
player.load(); //just start buffering (preload)
player.play(); //start playing
}
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>WebRadioFM</title>
<link rel="stylesheet" href="css/main.css" type="text/css"/>
<link href="/images/favicon.ico" rel="icon" type="image/x-icon" />
<!-- Icons fuer Mobile Geraete -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" type="image/png" href="/favicon.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon.png" sizes="96x96">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<!-- Icons fuer Mobile Geraete -->
<meta name="viewport" content="width=device-width">
<img src="images/banner.jpg" alt="Banner Image"/>
<script src="audio.js"></script>
</head>
<body>
<div id="miniplayer">
<audio id="player" src="sourceMp3"></audio>
<source id="sourceOgg" src="" type="audio/ogg" />
<source id="sourceMp3" src="" type="audio/mp3" />
<button id="buttonp" onclick="document.getElementById('player').play()"><img src="images/play.png"/></button>
<button id="buttonp" onclick="document.getElementById('player').pause()"><img src="images/pause.png"/></button>
<button id="buttonp" onclick="document.getElementById('player').volume-=0.1"><img src="images/vol-down.png"/></button>
<button id="buttonp" onclick="document.getElementById('player').volume+=0.1"><img src="images/vol-up.png"/></button>
</div>
<table>
<tbody>
<tr>
<td><button onclick='playRadio("radiobern1")')><img src="images/bern1.png"/></button></td>
<td><button onclick='playRadio("bigfm")'><img src="images/big_fm.png" /></button></td>
<td><button onclick='playRadio("tophundert")'><img src="images/top100.png" /></button></td>
</tr>
<tr>
<td><button onclick='playRadio("virgin")'><img src="images/virgin.png" /></button></td>
<td><button onclick='playRadio("pinguinr")'><img src="images/pinguinr.png" /></button></td>
<td><button onclick='playRadio("pure")'><img src="images/pure.png" /></button></td>
</tr>
<tr>
<td><button onclick='playRadio("rautehouse")'><img src="images/raute_house.png" /></button></td>
<td><button onclick='playRadio("my105latino")'><img src="images/my105_latino.png" /></button></td>
<td><button onclick='playRadio("onelive")'><img src="images/1live.png" /></button></td>
</tr>
<tr>
<td><button onclick='playRadio("technobasefm")'><img src="images/technobasefm.png" /></button></td>
<td><button onclick='playRadio("slam")'><img src="images/slam.png" /></button></td>
<td><button onclick='playRadio("pulsfm")'><img src="images/pulsfm.png" /></button></td>
</tr>
<tr>
<td><button onclick='playRadio("vintage")'><img src="images/vintage.png" /></button></td>
<td><button onclick='playRadio("schlagerradio")'><img src="images/schlager-radio.png" /></button></td>
<td><button onclick='playRadio("country-105")'><img src="images/country-105.png" /></button></td>
</tr>
</tbody>
</table>
</body>
<footer>
<p>WebRadioFM by <a href="https://www.splitup.ch">SplitUP.ch</a> / Copyright © 2014 - 2023</br>
Diese Seite ist auch für Smartphones angepasst</br>
Kontakt: <a href="mailto:info(at)splitup.ch">info(at)splitup.ch</a>
</p>
</footer>
</html>Ich würde gerne meine „App“ mit der Google Cast funktion erweitern.
Mir gehen die ganzen Webradioapps im Store so auf den Keks, komplett aufgebläht und voller Werbung für die paar Sender die ich höre.
Kann ich das ganze überhaupt mit meiner Webseite realisieren? Oder müsste ich da eher eine Android App schreiben? Wenn ja, wie am besten?
Ich bin wirklich leihe was Programmieren betrifft.
Und es ist schon ein paar Jahre her wo ich meine Webseite gemacht habe ^^
Beste Dank erstmal.
