webspelers voor websites

Wil je vormgeving laten horen of wil je iets vragen over vormgeving? Dat kan hier!

Moderator: admin6

Plaats reactie
station-drz
Berichten: 656
Lid geworden op: 03 mar 2010 17:54

webspelers voor websites

Bericht door station-drz »

Hallo allen,

Ik ben bezig met het inrichten van een eigen website voor mijn hobby radio station en nu wil ik graag een webspeler/pop-up player plaatsen.

Hiervoor heb al wat het internet afgesnuffeld maar de codes die ik tegen kom zijn of best aan de prijs voor een hobby station met mogelijk 5 luisteraars op een avond. of totaal niet mijn smaak.

Is er hier een handige harry die mij kan helpen?

Het hoeft allemaal niet zo fancy als de landelijke stations maar ik wil wel een beetje een degelijke uitstraling geven, alleen mis ik zelf de kennis en kunde om dit te fixen. ( chat gpt was helaas ook geen hulp in dat opzicht :)) )


ik bouw mijn website via Wix dus extra files etc importeren op mijn databank word volgens mij iet wat moeilijk.

ik hoor graag van jullie.
Hey ho, hey ho, je krijgt je orban niet cadeau! :))
Gebruikersavatar
remco_k
Berichten: 5579
Lid geworden op: 06 sep 2003 16:35

Re: webspelers voor websites

Bericht door remco_k »

Als je het zelf wilt proberen is de tip: Begin eenvoudig. Plaats een standaard html audio speler:

Code: Selecteer alles

<audio loop="loop" controls="controls" preload="none">
    <source src="https://<jouw-stream-link>;" type="audio/mpeg" />
    No HTML5 audio support by your browser.
</audio>
  • De ; achter de streamlink is kan belangrijk zijn als je Shoutcast gebruikt.
  • Als je audioformaat AAC+ is gebruik je ipv audio/mpeg -> audio/aac.
Vanaf daar kan je verder experimenteren door een popup te maken, wat design te maken (met CSS). Daar is verder plenty over te vinden op het internet. Of vraag aan chatgpt. Die plempt misschien wel gewoon een compleet werkende CSS+HTML op je scherm.

Je kan bovenstaande makkelijk testen in: https://www.w3schools.com/html/tryit.as ... html_intro
Plak daar deze code in:

Code: Selecteer alles

<!DOCTYPE html>
<html>
<head>
<title>Stream demo</title>
</head>
<body>
<h2>Stream demo</h2>
<audio loop="loop" controls="controls" preload="none">
  <source src="https://qxjr002.digiplay.nl/stream/8090/stream/demo/" type="audio/mpeg" />
No HTML5 audio support by your browser.</audio>
</body>
</html>
Klik op Run, je ziet nu rechts een audio speler, je kan op play drukken, er wordt dan een demo stream afgespeeld.
Een cassettebandje was genoeg | Alles kan stuk
Goedkope Shoutcast2 SSL stream? Kijk op digiplay.nl.
Plaats reactie