Coverart

DjHenky 1961

Hallo Leden,

Ik was laatst op een site itune radio waar elke x het cover op de achtergrond van de site kwam. Ik heb het hier over een shoutcast stream. Ooit heb ik zelf een wix site gemaakt en weet niet of dit hier ook mogelijk is. Alvast bedankt voor het meedenken en wacht op een reactie hierop.
Grtz Henk

Ongelezen bericht door **Wout** » 30 mar 2024, 14:39

Code: Selecteer alles

<?php

header("Refresh:30");

$station = "VUL HIER JE NAAM IN"; //ex: Radio Station
$sc_ip = "VUL HIER JE SHOUTCAST IP/HOST IN"; //ex: 6x.3x.18x.14x
$sc_port = "VUL HIER JE SHOUTCAST POORT IN"; //ex: 8000
$sc_sID = "VUL HIER JE SHOUTCAST STREAM ID IN"; //ex: 1 (default=1)

$sc_nocover = "https://upload.wikimedia.org/wikipedia/commons/b/b9/No_Cover.jpg";

function shoutcast_load($url){
    	curl_setopt($ch=curl_init(), CURLOPT_URL, $url);
	curl_setopt($ch, CURLOPT_TIMEOUT, 10); //timeout in seconds
    	curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    	$response = curl_exec($ch);
    	curl_close($ch);
    	return $response;
}

$url = "http://$sc_ip:$sc_port/stats?type=xml&sid=$sc_sID";
$data = shoutcast_load($url);
$xml = simplexml_load_string($data);

$song = $xml -> SONGTITLE;

$singinfo = explode(" - ", $song);

$artiest = $singinfo[0];
$titel = $singinfo[1];

function albumart_load($artiest,$titel,$size="extralarge") // small (64x64px), medium (126x126px), large (174x174px), extralarge (300x300px)
    { 
	$URL = "http://api.depubliekeomroep.nl/anp/albumart.php?artiest=".urlencode($artiest)."&titel=".urlencode($titel)."&size=".urlencode($size); 
        $c = curl_init(); 
        curl_setopt($c, CURLOPT_RETURNTRANSFER, 1); 
        curl_setopt($c, CURLOPT_URL, $URL);
	curl_setopt($c, CURLOPT_TIMEOUT, 10); //timeout in seconds 
        $contents = curl_exec($c); 
        curl_close($c);
	return $contents;
}

$cover = albumart_load("$artiest","$titel");
 
if ($cover == "") {
$cover = "$sc_nocover"; }

//BEGIN SERVER STATUS CHECK

if ($xml -> STREAMSTATUS != 1) {

print "<!DOCTYPE html>\n";
print "<html lang=\"en\">\n";
print "<head>\n";
print "<title>".$station."</title>\n";
print "</head>\n";
print "<body style=\"background-color:grey\">\n";
print "<img width=\"300\" height=\"300\" src=\"".$sc_nocover."\"><br><br>\n";
print "<font face=\"verdana\" color=\"#ffffff\"><b>Station offline</b></font><br><br>\n";
print "</body>\n";
print "</html>";

} else {

print "<!DOCTYPE html>\n";
print "<html lang=\"en\">\n";
print "<head>\n";
print "<title>".$station."</title>\n";
print "</head>\n";
print "<body style=\"background-color:grey\">\n";
print "<img width=\"300\" height=\"300\" src=\"".$cover."\"><br><br>\n";
print "<font face=\"verdana\" color=\"#ffffff\"><b>".htmlspecialchars($song)."</b></font><br><br>\n";
print "</body>\n";
print "</html>";

}

?>

bron: https://www.radioforum.nl/viewtopic.php ... 51#p496751

DjHenky 1961

Werkt hier helaas niet want wix ondersteund alleen html5
Is hier misschien ook een oplossing voor?
Alvast bedankt.

radioomega · Ongelezen bericht door **radioomega** » 01 apr 2024, 02:50

hoi

ik denk dat het ook niet werk bij jou want het is php ik weet niet of wix dat ondersteun

DjHenky 1961

Hallo Omega,

Nee wix ondersteund idd geen php ik heb daarover al mail contact gehad met hun. Vanaar wederom mn vraag of dit in java/html mogelijk is. Ik denk dat hier ook wel een manier voor is alleen zover gaat mijn kennis helaas niet. Ik wacht het wel weer even af of er iemand is die hier een oplossing voor heeft.
Grtz Henk

Ongelezen bericht door **Wout** » 01 apr 2024, 17:31

Java-script

Code: Selecteer alles

const station = "VUL HIER JE NAAM IN"; //ex: Radio Station
const sc_ip = "VUL HIER JE SHOUTCAST IP/HOST IN"; //ex: 6x.3x.18x.14x
const sc_port = "VUL HIER JE SHOUTCAST POORT IN"; //ex: 8000
const sc_sID = "VUL HIER JE SHOUTCAST STREAM ID IN"; //ex: 1 (default=1)
const sc_nocover = "https://upload.wikimedia.org/wikipedia/commons/b/b9/No_Cover.jpg";

function shoutcast_load(url) {
    return fetch(url, { method: 'GET', timeout: 10000 }) // timeout in milliseconds
        .then(response => response.text());
}

function albumart_load(artiest, titel, size = "extralarge") {
    const URL = `http://api.depubliekeomroep.nl/anp/albumart.php?artiest=${encodeURIComponent(artiest)}&titel=${encodeURIComponent(titel)}&size=${encodeURIComponent(size)}`;
    return fetch(URL, { method: 'GET', timeout: 10000 }) // timeout in milliseconds
        .then(response => response.text());
}

function displayPage(song, cover, status) {
    const body = document.querySelector('body');
    body.style.backgroundColor = 'grey';
    const html = `<!DOCTYPE html>
    <html lang="en">
    <head>
    <title>${station}</title>
    </head>
    <body>
    <img width="300" height="300" src="${cover}"><br><br>
    <font face="verdana" color="#ffffff"><b>${song}</b></font><br><br>
    </body>
    </html>`;
    body.innerHTML = html;
}

function displayOfflinePage() {
    const body = document.querySelector('body');
    body.style.backgroundColor = 'grey';
    const html = `<!DOCTYPE html>
    <html lang="en">
    <head>
    <title>${station}</title>
    </head>
    <body>
    <img width="300" height="300" src="${sc_nocover}"><br><br>
    <font face="verdana" color="#ffffff"><b>Station offline</b></font><br><br>
    </body>
    </html>`;
    body.innerHTML = html;
}

setInterval(() => {
    const url = `http://${sc_ip}:${sc_port}/stats?type=xml&sid=${sc_sID}`;
    shoutcast_load(url)
        .then(data => {
            const parser = new DOMParser();
            const xml = parser.parseFromString(data, "text/xml");
            const song = xml.querySelector('SONGTITLE').textContent;
            const [artiest, titel] = song.split(" - ");
            albumart_load(artiest, titel)
                .then(cover => {
                    if (!cover) {
                        cover = sc_nocover;
                    }
                    const status = xml.querySelector('STREAMSTATUS').textContent;
                    if (status != 1) {
                        displayOfflinePage();
                    } else {
                        displayPage(song, cover, status);
                    }
                })
                .catch(error => {
                    console.error("Error loading album art:", error);
                });
        })
        .catch(error => {
            console.error("Error loading shoutcast data:", error);
        });
}, 30000); // 30 seconden refresh interval

DjHenky 1961

Hallo Wout,
Allereerst bedankt voor de moeite die doet dus bij deze:) Ik ben ermee bezig geweest alles waar VUL voor staat heb ik gedaan maar krijg helaas alleen maar tekst te zien. Ik moet dus 4 gegevens invullen de naam van mn station, het ip, poortnummer, en het stream id. Dit alles heb ik een aantal keren gedaan om er zeker van te zijn dat ik geen fouten maak. Ik krijg het maar niet voor elkaar en laat hier even de benodigde gegevens achter. Mischien wil je er dan nog es naar kijken en je mag me de code als je wilt wel even mailen: tennishenky@hotmail.com

Sam Broadcaster
Server Type: Shoutcast v1
Server IP: fra-pioneer01.dedicateware.com
Port: 1650
url is https://fra-pioneer01.dedicateware.com/algemeen

radioomega · Ongelezen bericht door **radioomega** » 02 apr 2024, 00:47

hoi henky
ik heb bij const sc_sID = "VUL HIER JE SHOUTCAST STREAM ID IN"; //ex: 1 (default=1) 1 in gevuld
dus zo
const sc_sID = "1"; //ex: 1 (default=1) ik hoop dat het bij jou ook werkt hier wel

DjHenky 1961

Hallo Omega,
Ja dat had ik daar ook ingevuld maar zonder succes helaas.
Ik krijg alleen maar de code te zien en geen cover.
Heb je het met mijn gegevens geprobeerd? Zo ja dan,
mag je mij de hele code wel even toe mailen tennishenky@hotmail.com Alvast bedankt

.

DjHenky 1961

Nogmaals geprobeerd maar ik krijg alleen maar tekst de code dus te zien.

radioomega · Ongelezen bericht door **radioomega** » 02 apr 2024, 09:26

henky

hier werk het wel ik zie de zanger en titel alleen de cover niet
maar ik moet er bij zegen mijn web hosting ondersteun php

DjHenky 1961

Hallo Omega,

Voor mij is de titel niet nodig die komt wel bij mn player te staan. Het gaat mij puur om de foto van de zanger/zangeres of groep. Dit dan het liefst zo scherp en groot mogelijk zodat ik hem kan gebruiken voor mn site achtergrond.
Grtz Henk

radioomega · Ongelezen bericht door **radioomega** » 02 apr 2024, 18:52

ik snap wat je bedoel normaal is een kleur maar dan de cover van de artiest die je dan op dat moment draai

DjHenky 1961

Dit moet toch ook kunnen in wix op 1 of andere manier lijkt me dmv een iframe bv.Ik wacht het wel weer even af. Ps... Wout als je er nog eens naar kijkt
het is ook gratis te testen op https://www.wix.com
Thanks

Ongelezen bericht door **Wout** » 03 apr 2024, 19:45

Als je alleen code ziet dan ondersteunt het geen JavaScript.
Ik vrees dat je toch naar een andere webhoster dient te kijken als je wat meer wilt.

DjHenky 1961

Hallo Wout,
Kun je met mijn gegevens (zie boven) geen iframe voor mij maken?
Grtz Henk

BroadcasterForum Nederland

Coverart

Coverart

Re: Coverart

Re: Coverart

Re: Coverart

Re: Coverart

Re: Coverart

Re: Coverart

Re: Coverart

Re: Coverart

Re: Coverart

Re: Coverart

Re: Coverart

Re: Coverart

Re: Coverart

Re: Coverart

Re: Coverart