Teil 2 – Wie bau ich nun die Ausgabe aus Teil 1 in meine Website ein?
Dazu brauchen wir zunächst ein wenig JS Code ( stats.js )
// globale Instanz von XMLHttpRequest
var xmlHttp = false;
// XMLHttpRequest-Instanz erstellen
// ... für Internet Explorer
try {
xmlHttpy = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
xmlHttpy = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
xmlHttpy = false;
}
}
// ... für Mozilla, Opera und Safari
if (!xmlHttpy && typeof XMLHttpRequest != 'undefined') {
xmlHttpy = new XMLHttpRequest();
}
// aktuelle Daten laden
loadradioData();
// alle 30 Sekunden neue Daten / den Track holen
setInterval("loadradioData()",30000);
function loadradioData()
{
if (xmlHttpy) {
xmlHttpy.open('GET', 'radiostats.php', true);
xmlHttpy.onreadystatechange = function () {
if (xmlHttpy.readyState == 4) {
//Fügt die aus der PHP ausgelesenen Daten in in den <div id="radio_stats></div> ein
document.getElementById("radio_stats").innerHTML = xmlHttpy.responseText;
}
};
xmlHttpy.send(null);
}
}
Diese binden wir in die Radio Website z.b. index.php ein:
<html> <head> <title>Shoutcast Radio Titel per JS ausgeben</title> <script src="stats.js" type="text/javascript"><!--mce:0--></script> </head>
Im 2en Schritt müssen wir im <body> noch unseren DIV einfügen in dem der Songtitel erscheinen soll:
<body> <div id="radio_stats" style="color:red;" align="left"> </div> <!-- in dem DIV erscheint der Songtitel --> </body> </html>
Und das wars dann auch schon! Ihr habt eine dynamische Streamtitel Anzeige für euren Shoutcastserver und euer Webradio!
Downloaden könnt ihr das ganze hier !
PS: Falls ihr ein Webradio betreibt und Hilfe benötigt oder einen Programmierer sucht sagt Bescheid!
