EllenAM
Mijn vader bouwde zijn eigen middengolfzender op 828 kHz. Ik bouwde de site ernaast, en dat was meteen de eerste die ik ooit echt online zette.
- Rol
- Ontwerp en bouw
- Periode
- 2024 – 2025
- Frequentie
- 828 kHz
- Status
- Live
Live preview
Waarom bestaat EllenAM?
Mijn vader is een radiofanaat. Vroeger, toen hij nog jonger was dan ik nu ben, zond hij radio uit vanaf de zolderkamer van zijn ouders. Dat was zijn eerste aanraking met het uitzenden van radio.
Daarna maakte hij radio onder een piratennaam bij de zender die nu onder de naam RTV 80 uitzendt. Hij heeft ook kort bij Heerhugowaard Alive gepresenteerd, en na een paar jaar helemaal geen radio te hebben gemaakt vond hij dat het weer tijd werd om aan de slag te gaan.
Hij begon met het verzamelen van informatie en spullen om zijn eigen middengolfzender te lanceren. Na talloze uren voorbereiding, waaronder het aanvragen van een licentie om op de middengolf uit te mogen zenden en zelfs het bouwen van een antenne in de tuin, was hij zover. EllenAM was geboren.
Zo vader, zo zoon: het is nooit goed genoeg. Dus kwam hij naar mij toe met de vraag of ik een website voor hem kon maken. Ik was wel een beetje nerveus, want ik had nog nooit een website gemaakt die ook echt online kwam te staan, maar ik ging er met alle liefde mee aan de slag.
Wat de site doet
Radio uitzenden, simpeler kan het niet. Er zit een eigen audiospeler in met volumeregeling, zodat luisteraars de stream direct op de pagina kunnen starten in plaats van via een externe speler.
Daarnaast laat een widget zien wat er op dat moment draait, en kunnen luisteraars via een formulier contact opnemen met de studio of een plaatje aanvragen.
Het formulier
Een contactformulier is een uitnodiging voor spam. Daarom zit er meer omheen dan alleen een verzendknop: een CSRF-token, een honeypot-veld dat alleen bots invullen, en validatie met een lengtelimiet op elk veld.
De invoer wordt geschoond voordat er iets mee gebeurt, en de mail gaat als HTML én als platte tekst de deur uit, zodat hij in elk mailprogramma leesbaar is.
Het kan alleen zo zijn dat het formulier het niet doet. Mijn vader vergeet nog wel eens de juiste gegevens in de omgeving te zetten.
Techniek
Onder de motorkap heb ik geen gebruik gemaakt van frameworks of grote afhankelijkheden. De site draait helemaal op plain HTML, CSS, PHP en JavaScript.
De audiospeler is een custom element dat ik zelf heb geschreven. De livestream speelt in moderne browsers via HLS af, en valt in oudere browsers terug op een MP3-stream.
De site is verder volledig responsief en past zich aan elk schermformaat aan.
Toegankelijkheid en vindbaarheid
Alles is met het toetsenbord te bedienen en de focus is zichtbaar. De knoppen die anders alleen een icoon zouden zijn, hebben een ARIA-label, en velden zonder zichtbaar label hebben een verborgen label voor schermlezers.
En omdat een zender weinig heeft aan een site die niemand vindt, heb ik ook kort aandacht besteed aan simpele SEO-optimalisaties zoals meta-tags, een sitemap en een robots.txt-bestand.