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

Re: Gratis SHOUTcast HTML5 Player

Bericht door corsschip » 27 jan 2019 01:22

Ben overigens benieuwd wat de test code voor resultaat geeft...


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

Re: Gratis SHOUTcast HTML5 Player

Bericht door corsschip » 27 jan 2019 04:42

Goed nieuws! :D

Ja, op een subdomein kan het blijkbaar een "raar verhaal" worden, dus...
Nu alleen nog een gratis key aanmaken bij Last.fm voor de album art.

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

Re: Gratis SHOUTcast HTML5 Player

Bericht door corsschip » 27 jan 2019 05:03

Het is overigens wel aan te raden om de javascript code te gebruiken om de link voor de popup te tonen, zodat de popup werkt in de populaire browsers en de website ook gewoon bereikbaar blijft:

<script src="js/player.popup.link.js"></script>
<!-- No Javascript HTML -->
<noscript><a href="playerpopup.php" title="Webplayer" target="_blank"> Webplayer (pop-up)</a></noscript>

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

Re: Gratis SHOUTcast HTML5 Player

Bericht door alex de groot » 27 jan 2019 15:07

corsschip schreef:
27 jan 2019 05:03
Het is overigens wel aan te raden om de javascript code te gebruiken om de link voor de popup te tonen, zodat de popup werkt in de populaire browsers en de website ook gewoon bereikbaar blijft:

<script src="js/player.popup.link.js"></script>
<!-- No Javascript HTML -->
<noscript><a href="playerpopup.php" title="Webplayer" target="_blank"> Webplayer (pop-up)</a></noscript>
De Last.fm API voor album art is gelukt. Maar voor dat script om er voor de zorgen dat de player in een pop-up venster opent snap ik niet goed.
Moet ik dat in een bestand zetten en dat bestand dan een bepaalde naam gegeven of hoe kan ik dat voor elkaar krijgen. Sorry hoor dat ik het vraag maar ik ben nu wel in veel thuis behalve in scripts.

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

Re: Gratis SHOUTcast HTML5 Player

Bericht door alex de groot » 27 jan 2019 22:11

Yes het werkt. ze hebben bij TorontoCast de poort opengezet.
https://radio854.torontocast.stream/SHO ... ML5Player/

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

Re: Gratis SHOUTcast HTML5 Player

Bericht door corsschip » 27 jan 2019 22:53

Aangezien jullie met een Wordpress website werken, wordt het lastig om uit te leggen hoe je een pop-up link kunt integreren.
De luister link opent nu tenminste in een nieuw venster en dat is al een hele verbetering.
Het mooiste zou zijn dat de link wordt geopend in een pop-up venster van minimaal 508 x 205 px.

Groet Corsschip

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

Re: Gratis SHOUTcast HTML5 Player

Bericht door corsschip » 28 jan 2019 03:04

Ik heb het script overigens wederom aangepast en het is nu ook mogelijk om een afbeelding als link voor de pop-up te gebruiken.
Hoe dit voor elkaar te krijgen is aan hand van het voorbeeld in "example.php" te zien.
Uiteraard moet je dan wel weer de nieuwste versie downloaden.

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

Re: Gratis SHOUTcast HTML5 Player

Bericht door corsschip » 28 jan 2019 03:09

alex de groot schreef:
27 jan 2019 22:11
Yes het werkt. ze hebben bij TorontoCast de poort opengezet.
https://radio854.torontocast.stream/SHO ... ML5Player/
Aha, dus dat was het probleem...

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

Re: Gratis SHOUTcast HTML5 Player

Bericht door corsschip » 28 jan 2019 03:11

corsschip schreef:
28 jan 2019 03:04
Ik heb het script overigens wederom aangepast en het is nu ook mogelijk om een afbeelding als link voor de pop-up te gebruiken.
Hoe dit voor elkaar te krijgen is aan hand van het voorbeeld in "example.php" te zien.
Uiteraard moet je dan wel weer de nieuwste versie downloaden.
Met deze code is het nu dus vrij simpel om een Pop-up Link te plaatsen waar je maar wil:

<!-- Begin Player Popup Link Code -->
<script src="js/player.popup.link.js"></script>
<a href="javascript:popUp()">Listen Live</a>
<!-- No Javascript HTML -->
<noscript><a href="playerpopup.php" target="_blank">Listen Live</a></noscript>
<!-- End Player Popup Link Code -->

Met een afbeelding wordt het dus zoiets als dit:

<!-- Begin Player Popup Link Code -->
<script src="js/player.popup.link.js"></script>
<a href="javascript:popUp()"><img src="img/listen_button.png" alt="Listen Live" style="width:64px;height:64px;border:0;display:inline;"></a>
<!-- No Javascript HTML -->
<noscript><a href="playerpopup.php" target="_blank"><img src="img/listen_button.png" alt="Listen Live" style="width:64px;height:64px;border:0;display:inline;"></a></noscript>
<!-- End Player Popup Link Code -->

Plaats reactie