Gratis SHOUTcast HTML5 Player

Vragen over de online radio? Dit forum is voor alles omtrent online radio.

Moderator: admin6

Gebruikersavatar
corsschip
Berichten: 17
Lid geworden op: 17 jan 2019 22:58

Gratis SHOUTcast HTML5 Player

Bericht door corsschip » 17 jan 2019 23:15

Hallo,

Ik zou graag een nieuwe webplayer genaamd "SHOUTcast HTML5 Player" willen introduceren, die in staat is het huidige nummer met album art te tonen en meer...

Afbeelding

Let op: De webplayer werkt niet met SHOUTcast v1!

Je kunt de webplayer hier gratis downloaden: http://shoutcast-html5-player.com

Groet Corsschip.

Gebruikersavatar
Wissewasje
Berichten: 1133
Lid geworden op: 08 mar 2010 11:50

Re: Gratis SHOUTcast HTML5 Player

Bericht door Wissewasje » 20 jan 2019 20:57

Werkt goed, maar wat een vreemde skin. Dit lijkt op iets dat uit 2010 komt met de styling van iOS 5. Ziet er ook erg korrelig uit op retina-schermen. (geen @2x img)

Gebruikersavatar
corsschip
Berichten: 17
Lid geworden op: 17 jan 2019 22:58

Re: Gratis SHOUTcast HTML5 Player

Bericht door corsschip » 26 jan 2019 14:20

@Wittewasje:

Bedankt en over de smaak van de skin (het uiterlijk) valt natuurlijk niet te twisten, de skin heb ik dus vooral op mijn eigen smaak gebaseerd.
De skin komt standaard in 2 tinten (donker en licht), maar is qua kleuren helemaal aan te passen, wanneer je een beetje thuis bent in html kleurcodes...
De grote (pixels) van de album art is ook nog aan te passen in het config bestand, maar dat zal de laadtijd weer vertragen (vooral mobiel).
De speler is helaas niet te verbeteren qua pixels, maar die zal in de toekomst nog worden vernieuwd.

Groet Corsschip.

Gebruikersavatar
alex de groot
Berichten: 610
Lid geworden op: 05 sep 2004 14:49

Re: Gratis SHOUTcast HTML5 Player

Bericht door alex de groot » 26 jan 2019 17:42

Ik heb de player geupload naar mijn server. Hij speelt ook, maar meld wel dat het station offline is.
http://radio854.torontocast.stream/SHOU ... rpopup.php
Wat heb ik verkeerd gedaan?

Gebruikersavatar
corsschip
Berichten: 17
Lid geworden op: 17 jan 2019 22:58

Re: Gratis SHOUTcast HTML5 Player

Bericht door corsschip » 26 jan 2019 18:28

@alex de groot:

Heb je misschien in het config.php bestand "cristina.torontocast.com:8218" bij "$sc_url_ip = ..." ingevuld?
Dan moet je ":8218" verwijderen, aangezien de poort alleen bij "$sc_url_port = ..." moet worden ingevuld!
Stuur anders even een volledige kopie van het config.php bestand, dan kan ik het beter beoordelen.
Wanneer ik het station online test, werkt hij gewoon...

Groet Corsschip.
Laatst gewijzigd door corsschip op 26 jan 2019 18:39, 1 keer totaal gewijzigd.

Gebruikersavatar
alex de groot
Berichten: 610
Lid geworden op: 05 sep 2004 14:49

Re: Gratis SHOUTcast HTML5 Player

Bericht door alex de groot » 26 jan 2019 18:37

corsschip schreef:
26 jan 2019 18:28
@alex de groot:

Heb je misschien in het config.php bestand "http://" bij "$sc_url_ip = " ingevuld?
Stuur anders even een volledige kopie van het config.php bestand, dan kan ik het beter beoordelen.

Groet Corsschip.
Ja bij "$sc_url_ip=" heb ik cristina.torontocast.com ingevuld
en bij "$sc_url_port= heb ik het poortnummer 8218 ingevuld.
dus de player speelt wel als ik op de playknop klik alleen meld hij dus dat het radiostation offline is.

<?php
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//######################################### shoutcast-html5-player.com #########################################//
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Enter your settings:
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//##############################################################################################################//
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$sc_lastfm_api_key = "GET-YOUR-KEY"; // => https://www.last.fm/join?next=/api/account/create
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$sc_url_ip = "cristina.torontocast.com" ; // <= CHANGE THIS ex: "cristina.torontocast.com" or "0.0.0.0" (no http:// !)
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$sc_url_port = "8218" ; // <= CHANGE THIS ex: "8000"
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$sc_sID = "1"; // <= CHANGE THIS ex: "1" (SHOUTcast Default)
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$sc_url_mount = "stream" ; // <= CHANGE THIS ex: ";" (SHOUTcast Default)
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$sc_url_ext = "mp3" ; // <= CHANGE THIS ex: "mp3" (SHOUTcast Default)
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$sc_url = "https://www.radio854.com" ; // <= CHANGE THIS ex: "http://www.radiostation.com"
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$sc_url_name = "Radio 854" ; // <= CHANGE THIS ex: "RADIO STATION"
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$sc_offline_txt = "STATION TEMPORARILY OFFLINE!" ; // <= CHANGE THIS ex: "STATION OFFLINE!"
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$sc_autostart_player = "" ; // <= CHANGE THIS to "autoplay" or leave empty ("")
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$sc_startvolume_player = "0.75" ; // <= CHANGE THIS from "0.0" to "1.0"
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$theme_color = "dark" ; // <= CHANGE THIS to "dark" or "light" (2 options!)
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$sc_scroll_now_playing = "marquee" ; // <= CHANGE THIS to "marquee" or leave empty ("")
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$show_max_songs_history = "10" ; // <= CHANGE THIS to "5" or "10" (2 options!)
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$album_art_size = "large" ; // <= CHANGE THIS to "medium", "large" or "extralarge"
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$time_zone = "Europe/Brussel" ; //YOUR TIMEZONE => http://php.net/manual/en/timezones.php
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$time_zone_format = "H:i:s" ; // <= CHANGE THIS ex: "H:i:s" or "h:i:s A" (AM/PM)
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//##############################################################################################################//
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Do not edit below this line!!!
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//######################################### shoutcast-html5-player.com #########################################//
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
include "config_include.php";
?>

Gebruikersavatar
corsschip
Berichten: 17
Lid geworden op: 17 jan 2019 22:58

Re: Gratis SHOUTcast HTML5 Player

Bericht door corsschip » 26 jan 2019 18:53

Erg vreemd, aangezien ik het config.php bestand exact heb gekopieerd en bij mij werkt hij gewoon:

https://www.startlinken.nl/shoutcasthtm ... webplayer/

Misschien toch opnieuw downloaden en nog eens proberen?
Ik heb momenteel ook een nieuwere versie online, die compatible is met https streams.
Hierdoor is het config.php bestand ook aangepast, dus niet de oude versie gebruiken, maar alle waarden opnieuw handmatig invullen!

Gebruikersavatar
corsschip
Berichten: 17
Lid geworden op: 17 jan 2019 22:58

Re: Gratis SHOUTcast HTML5 Player

Bericht door corsschip » 26 jan 2019 19:36

Mocht dat allemaal niet helpen, check dan alle config bestanden op CHMOD waarde, want die moet minimaal "0644" zijn!

Succes.

Gebruikersavatar
alex de groot
Berichten: 610
Lid geworden op: 05 sep 2004 14:49

Re: Gratis SHOUTcast HTML5 Player

Bericht door alex de groot » 26 jan 2019 21:13

corsschip schreef:
26 jan 2019 19:36
Mocht dat allemaal niet helpen, check dan alle config bestanden op CHMOD waarde, want die moet minimaal "0644" zijn!

Succes.
Alle bestanden staan op 644.
Maar moet de het volgende niet gewijzigd worden?
$sc_offline_txt = "STATION TEMPORARILY OFFLINE!" ; // <= CHANGE THIS ex: "STATION OFFLINE!"

Gebruikersavatar
corsschip
Berichten: 17
Lid geworden op: 17 jan 2019 22:58

Re: Gratis SHOUTcast HTML5 Player

Bericht door corsschip » 27 jan 2019 00:10

Dat verandert alleen de tekst die wordt getoond wanneer het station offline is, dus lost verder niets op.
Ik raad toch sterk aan de nieuwe versie te uploaden, mocht dat nog niet zijn gedaan...

Gebruikersavatar
corsschip
Berichten: 17
Lid geworden op: 17 jan 2019 22:58

Re: Gratis SHOUTcast HTML5 Player

Bericht door corsschip » 27 jan 2019 00:56

Maak anders even een bestand aan in dezelfde map (/SHOUTcastHTML5Player), wat je "phpinfo.php" noemt en kopieer deze code erin:

<?php phpinfo(); ?>

Open het bestand online: https://radio854.torontocast.stream/SHO ... hpinfo.php
Zoek vervolgens naar "allow_url_fopen" en controleer of de waarde op "On" staat...
Mocht dit niet het geval zijn, dan verwijs ik je naar deze topic:

https://stackoverflow.com/questions/276 ... ot-working

Gebruikersavatar
alex de groot
Berichten: 610
Lid geworden op: 05 sep 2004 14:49

Re: Gratis SHOUTcast HTML5 Player

Bericht door alex de groot » 27 jan 2019 01:08

corsschip schreef:
27 jan 2019 00:56
Maak anders even een bestand aan in dezelfde map (/SHOUTcastHTML5Player), wat je "phpinfo.php" noemt en kopieer deze code erin:

<?php phpinfo(); ?>

Open het bestand online: https://radio854.torontocast.stream/SHO ... hpinfo.php
Zoek vervolgens naar "allow_url_fopen" en controleer of de waarde op "On" staat...
Mocht dit niet het geval zijn, dan verwijs ik je naar deze topic:

https://stackoverflow.com/questions/276 ... ot-working
allow_url_fopen staat op on

Gebruikersavatar
alex de groot
Berichten: 610
Lid geworden op: 05 sep 2004 14:49

Re: Gratis SHOUTcast HTML5 Player

Bericht door alex de groot » 27 jan 2019 01:09

alex de groot schreef:
27 jan 2019 01:08
corsschip schreef:
27 jan 2019 00:56
Maak anders even een bestand aan in dezelfde map (/SHOUTcastHTML5Player), wat je "phpinfo.php" noemt en kopieer deze code erin:

<?php phpinfo(); ?>

Open het bestand online: https://radio854.torontocast.stream/SHO ... hpinfo.php
Zoek vervolgens naar "allow_url_fopen" en controleer of de waarde op "On" staat...
Mocht dit niet het geval zijn, dan verwijs ik je naar deze topic:

https://stackoverflow.com/questions/276 ... ot-working
allow_url_fopen staat op on
Ik heb ook al de nieuwe versie geprobeerd, maar die geeft het zelfde probleem

Gebruikersavatar
corsschip
Berichten: 17
Lid geworden op: 17 jan 2019 22:58

Re: Gratis SHOUTcast HTML5 Player

Bericht door corsschip » 27 jan 2019 01:15

Met deze php code kun je testen of "file_get_contents" uberhaupt werkt op je server:

<?php
$str = file_get_contents('http://www.example.com/');
if($str === false)
{
print_r(error_get_last());
die(__FILE__ . __LINE__);
}
echo htmlspecialchars($str);
?>

Mocht je iets vergelijkbaars krijgen als dit resultaat:

"file_get_contents(http://www.example.com): failed to open stream: no suitable wrapper could be found"

Dan kun je hier terecht voor verdere stappen: http://drib.tech/programming/php-file_g ... ot-working

Succes!

Gebruikersavatar
corsschip
Berichten: 17
Lid geworden op: 17 jan 2019 22:58

Re: Gratis SHOUTcast HTML5 Player

Bericht door corsschip » 27 jan 2019 01:19

Ik zie overigens dat je nog werkt met een oudere php versie: "PHP Version 5.6.40", nu weet ik niet precies of het daaraan kan liggen, maar ik werk zelf met deze versie: "PHP Version 7.2.14-1"...

Plaats reactie