Vossensprong

Blogs met tag: #NPO Radio 2

Blogs met tag: #NPO Radio 2

← Wis tagfilter

Top 2000 live: twee spelers, een popquiz en een CDN-plan

Twee Top 2000-vensters naast elkaar op top2000feitjes.nl: links een neon Live studio-venster, rechts het Live radio-venster met nu draaiend nummer, draaiende LP en een paarse lichtkrant
Kijken én luisteren, naast elkaar. Links staat in het echt het beeld uit de studio; hier een neonillustratie. Gewoon op top2000feitjes.nl.

Een tijdje terug schreef ik hier dat mijn eigen Top 2000-site uit de hand was gelopen. Dat was, achteraf bekeken, een buitengewoon voorzichtige formulering. Toen had ik een site met feitjes. Nu heb ik een site met twee live-spelers naast elkaar, een popquiz met eregalerij, een nieuwsticker met veertien bronnen, een database met ruim vier miljoen nummers en een CDN-plan. Voor iets wat ooit begon met “ik ga even een paar feitjes op een pagina zetten”.

Alles hieronder staat op top2000feitjes.nl. Klik gerust mee. Ik heb het adres er in dit stuk expres vaak ingezet, want als je het niet onthoudt na tien minuten lezen, dan ligt dat aan mij.

Twee spelers naast elkaar: de enige echte reden dat ik niet meer slaap

Het begon onschuldig: een knop ‘Luister live’. Even later een knop ‘Kijk live’, voor het beeld uit de studio van NPO Radio 2. En toen bedacht ik dat het eigenlijk nogal zonde is dat je dan het ene of het andere hebt. Dus nu staan ze naast elkaar: links het videobeeld, rechts de radiospeler met precies het nummer dat nu draait.

Die rechterkant is minder saai dan hij klinkt. Je ziet de artiest, de titel, de draaiende LP (ja, hij draait echt, dat was net zo min nodig als de rest), het tijdstip waarop het nummer begon en wat het nummer in de Top 2000 doet: hoeveel plekken omhoog of omlaag ten opzichte van vorig jaar, hoe vaak het in de lijst stond, wat zijn hoogste notering ooit was. Staat er geen notering, dan zegt de speler dat de artiest nog nooit in de Top 2000 stond. Zo word je in één blik bijgepraat, zonder dat je er een cursus Top 2000 voor hoeft te volgen.

Het Kijk live-venster met het studiobeeld van NPO Radio 2 links en het Live radio-venster met nu draaiend nummer rechts
Zo zag het er in de eerste versie uit: beeld links, radio rechts. Beeld en logo: NPO Radio 2.

En alles is losgekoppeld: de vensters zijn los te slepen, kleiner of groter te maken, en het geluid blijft doorspelen terwijl je rondklikt over de site. Je kunt dus de lijst lezen, een artiest opzoeken en ondertussen in de studio kijken hoe de presentator zijn koffie naar binnen werkt. Voor zover ik kan vinden bestaat er geen andere Top 2000-site die het beeld uit de studio en een Top 2000-radiospeler naast elkaar zet, met bij elk nummer de geschiedenis uit alle edities erbij. Maar ik zocht niet heel hard, dus corrigeer me vooral als ik het mis heb.

De data: vierenvijftigduizend noteringen en één man met een rekenmachine

Een Top 2000-site met feitjes heeft data nodig, en dus ben ik begonnen met het verzamelen van alle edities. Alle 27, van 1999 tot en met 2025, elk met precies 2000 plekken. Dat is 54.000 noteringen, die ik positie voor positie heb vergeleken met andere bronnen. De top 100 en de onderste 100 van elke editie klopten uiteindelijk met een tweede bron. En één keer zat de fout niet bij mij, maar bij een van die bronnen, die Dreams van The Cranberries en Fleetwood Mac had verwisseld. Ik vond dat spannender dan de rest van de wereld.

Waar dat toe leidt: 4.925 verschillende nummers van ruim tweeduizend artiesten. Slechts 531 daarvan stonden in alle 27 edities. En 684 nummers stonden er maar één keer in: even meedoen, dan weer weg. Zo veel eendagsvliegen dat er een aparte pagina voor is. Bohemian Rhapsody was 22 keer nummer 1. De andere vijf keer waren het vier andere nummers (Hotel California zelfs twee keer). Dat is geen competitie, dat is een abonnement.

Daar bleef het niet bij. De artiesten en nummers zijn verrijkt met gegevens als land, jaar van uitgave en overlijdensdatum, zodat je op een artiestenkaart ziet wie er nog leeft en bij welke band iemand speelde. Elk nummer heeft een eigen verloopgrafiek. De site heeft per editiejaar een pagina met foto en nieuws, en in de sitemap staan, Nederlands en Engels samen, ruim achtduizend adressen. Niemand heeft daarom gevraagd. Ik kan het alleen niet laten.

En dan is er nog de Kelderklasse: een eigen database van ruim vier miljoen nummers die er niet of nog niet in staan, gekoppeld aan de Top 2000-artiesten. Zoek je op een artiest, dan zie je niet alleen wat er in de lijst stond, maar ook wat de rest van zijn of haar werk is. Ja, ik heb dat nodig gevonden. Nee, niemand had erom gevraagd. Voor zover ik kan zien doet geen enkele andere Top 2000-site dit, al zou ik mijn hand er niet voor in het vuur steken: mijn onderzoek bestond uit een middag zoeken en een flinke dosis wishful thinking.

Opmerkelijke feitjes: de lichtkrant die nergens om vroeg

Onder het radiovenster loopt een paarse lichtkrant met opmerkelijke feitjes. Er zijn er 200, en ze komen allemaal uit mijn eigen database of hebben een bron. Dingen als: Hotel California stond in alle 27 edities tussen plek 1 en 4. Of dat Big Mama Thornton Hound Dog al in 1952 opnam, lang voordat Elvis ermee kwam. Of waar de ‘Cuby’ in Cuby & The Blizzards vandaan komt: van een hond, en volgens het bandmuseum die van de buren.

Het Live radio-venster met onderaan een paarse lichtkrant met een opmerkelijk feitje
De lichtkrant onder het radiovenster. Hij pauzeert als je erover beweegt, zodat je de links erin kunt aanklikken.

De lichtkrant loopt gewoon door, ook als je er niet naar kijkt. Klik je op een naam of een nummer, dan opent een popup met uitleg, zonder dat de radio ophoudt met spelen. Wie meer wil weten, klikt op ‘Meer’. Wie de bron wil zien, klikt op ‘Bron’. Wie er genoeg van heeft, zet hem uit in de instellingen. Daarover straks meer.

De nieuwsticker: want nieuws moet ook ergens langskomen

Op het videobeeld zelf loopt, als je dat wilt, een nieuwsticker met koppen van veertien Nederlandse en Belgische bronnen: NOS, NU.nl, RTL Nieuws, De Telegraaf, NRC, de Volkskrant, Trouw, Het Parool, Tweakers, GeenStijl, VRT NWS, HLN, De Morgen en Sporza. Je kiest zelf welke rubrieken je wilt (Binnenland, Buitenland, Economie, Politiek, Sport, Tech, Cultuur en Opmerkelijk) en van welke bronnen, met een maximum van zes tegelijk. Anders hadden we straks een ticker die zo vol zit dat je de studio niet meer ziet.

Er staan alleen kop, bron en een link in. Geen logo’s, geen plaatjes, niets herschreven. Je klikt op een kop en leest het artikel op de site van de bron zelf, in een nieuw venster. En er is een knop ‘Boomer Boost’, waarmee de tekst twee keer zo groot wordt. Ik noem hem zo omdat ik de naam te mooi vond om niet te gebruiken, en ik bedoel het liefdevol. De ticker staat alleen aan op computer en iPad: op een telefoon is het beeld al klein genoeg.

De popquiz: Pop quiz, hotshot!

Tien vragen, drie antwoorden per vraag, en een timer die onverbiddelijk aftelt. Hoe sneller je antwoordt, hoe meer punten je krijgt, wat googelen weinig aantrekkelijk maakt. Er zijn drie niveaus: Meezinger, Platenkenner en Orakel van Radio 2. Dat derde niveau heet niet voor niets orakel, en ik hou het liever bij de eerste twee.

Een quizvraag in neonstijl: In welk jaar kwam Get Back van The Beatles uit, met drie antwoorden, een score en een aflopende timer
Vraag 1 van 10, nog veertien seconden. Het goede antwoord is 1969.

Om mee te doen log je in met je e-mailadres en krijg je een zescijferige code, die je daarna altijd kunt blijven gebruiken. Kwijt? Dan vraag je hem opnieuw aan en krijg je dezelfde terug. Je kiest een bijnaam (er zit een filter op scheldwoorden en kwetsende namen, want ik ken het internet) en je komt in de Hall of Hotshots als je dat zelf wilt. Aan het einde vraag ik expliciet of je naam en resultaat getoond mogen worden. Zeg je nee, dan doe ik er niets mee. Elke zaterdag begint een nieuwe editie, en wie dat wil kan zich aanmelden voor een e-mail als er een nieuwe ronde is. Dat vakje staat standaard uit, en elke mail heeft een afmeldlink. Alles wissen kan ook.

Speel hem op top2000feitjes.nl/popquiz, en vertel me niet dat je de Beatles-vraag fout had.

De instellingen: alles kan aan, alles kan uit

Ik heb een vermoeden dat mensen heel verschillende ideeën hebben over wat een Top 2000-site moet doen. Daarom kun je bijna alles aan- en uitzetten. In de instellingen vind je onder meer:

  • het thema van The Jumping Fox,
  • een countdown tot de start,
  • de ticker met feitjes en de nieuwsticker,
  • de equalizer en de speler in kleur,
  • het radiovenster altijd los,
  • party mode (wat het doet, ontdek je zelf),
  • slim herstel van de verbinding, als je stream haperde,
  • de opmerkelijke feitjes onder Live radio,
  • en lijsten downloaden als Excel, voor mensen die liever zelf rekenen.

Onderaan staat een link ‘Alles op standaard’, voor als je jezelf hebt vastgezet.

Links het instellingenpaneel met schakelaars voor thema, countdown, ticker, equalizer, party mode en nieuwsticker; rechts het venster Nieuwsticker: rubrieken met rubrieken, bronnen en Boomer Boost
Het instellingenpaneel en het venster waarin je de rubrieken en bronnen van de nieuwsticker kiest.

Je keuzes worden bewaard in je eigen browser en nergens anders. Ik weet dus niet wat jij aan- of uitzet. Wat misschien ook wel een geruststelling is.

Voor zover ik kan vinden: wat ik nergens anders zag

Ik wil niet opscheppen. Nou ja, een beetje. Dingen waarvan ik, voor zover ik kan vinden, niet weet dat ze ergens anders bestaan:

  • een Top 2000-radiospeler en het live studiobeeld naast elkaar, met bij elk nummer de geschiedenis uit 27 edities,
  • een nieuwsticker over het live beeld, met eigen keuze uit veertien bronnen en acht rubrieken,
  • een lichtkrant met 200 opmerkelijke feitjes, waarvan elke naam en elk nummer aanklikbaar is,
  • een popquiz die zijn vragen haalt uit dezelfde data als de rest van de site, met eregalerij en een nieuwe ronde elke week,
  • de Kelderklasse: de rest van het werk van de artiesten, naast wat er in de lijst stond.

Ik beweer dus niet dat het nergens bestaat. Ik beweer dat ik het nergens heb gezien. Dat is iets anders, en als je het ergens wel hebt gezien, mail dan gerust. Ik vind het alleen jammer als ik mijn gelijk moet halen.

Privacy: geen cookies, en geen gedoe

Wat mij betreft hoort een hobbysite geen bezoekers te volgen. Dus staat er op top2000feitjes.nl geen cookiebanner, want er zijn geen cookies om te melden. Voor het tellen van bezoekers gebruik ik een eigen, anonieme teller: er worden geen IP-adressen bewaard en geen profielen gemaakt. Ik wil alleen weten of er überhaupt iemand komt.

Je instellingen blijven in je eigen browser. Bij de popquiz bewaar ik alleen wat nodig is om te spelen: je e-mailadres, je bijnaam en je resultaten. Een e-mail bij een nieuwe ronde krijg je alleen als je daar zelf voor kiest, je naam in de eregalerij komt er alleen als je daarmee akkoord gaat, en wissen kan altijd. Staat er iets in de privacytekst dat ik moet verduidelijken? Zeg het me. Die tekst is onderdeel van de site, en ik werk hem bij als ik iets verander.

Het CDN: want in december komt de drukte

Op 25 december begint de 28e editie. Dan komt er een heleboel mensen kijken naar iets waarvan ik vorig jaar nog dacht dat het een rustig projectje zou blijven. Mijn server is een prima server. Maar hij is ook één server, en die wil ik niet in zijn eentje laten opdraaien voor het publiek van Radio 2.

Daarom ga ik Cloudflare ervoor zetten, en wel het gratis plan. Het idee is simpel: de statische dingen (plaatjes, scripts, pagina’s) worden dichtbij de bezoeker bewaard, en mijn server hoeft alleen nog het echte werk te doen. De stappen, in gewoon Nederlands (de eerste vier zijn gedaan, de vijfde volgt):

  1. Een account en het domein erbij gezet, en de bestaande DNS-gegevens overgenomen.
  2. De versleuteling op streng gezet (SSL op ‘Full (Strict)’), zodat het verkeer tot en met mijn server beveiligd blijft.
  3. Dingen die ik niet wil uitgezet, zoals het verhullen van e-mailadressen.
  4. Op mijn server ingesteld dat hij het echte adres van de bezoeker blijft zien in plaats van dat van Cloudflare, anders gaat mijn teller raar doen en kan hij niet meer uitsluiten wat hij moet uitsluiten.
  5. Het DNSSEC-record bij mijn domeinregistratie weghalen. Dit is de stap waarbij je even niet op de verkeerde knop wilt drukken. Daarna schakel ik de nameservers om naar Cloudflare, en dat doe ik zelf.

Daarna wordt alles getest: de quiz, de zoekfunctie, de Kelderklasse en de live-gegevens. Dat laatste bestand, met het nummer dat nu speelt, mag nooit uit een cache komen. Een radiospeler die je een nummer van twee uur geleden vertelt, is echt niet de bedoeling. Na elke nieuwe versie van de site leeg ik de cache. En de privacytekst krijgt een extra alinea, want als bezoekers via Cloudflare komen, hoort dat erin te staan.

Gaat Cloudflare ooit een keer uitvallen? Dat gebeurt een of twee keer per jaar op grote schaal. Dat is dan niet leuk, maar dan zit ik in elk geval in goed gezelschap.

Wat nu?

Alles op één plek: top2000feitjes.nl. Kijk, luister, speel de popquiz, zet de nieuwsticker aan of uit en zoek je favoriete artiest op. En dan: tot 25 december. Dan zit ik waarschijnlijk met een lichtkrant op een tweede scherm naar een tweede scherm te kijken.

Ik had gezegd dat het niet nog verder uit de hand zou lopen. Het was een leugen, en ik geloofde hem zelf ook.

Groeten,
Pim

Lees verder →

Reacties

Nog geen reacties.

De korte versie

Top 2000 live: twee spelers, een popquiz en een CDN-plan · 10-11-2026

  • Op top2000feitjes.nl kijk én luister je tegelijk: het studiobeeld van NPO Radio 2 en een radiospeler naast elkaar, met bij elk nummer de geschiedenis uit 27 edities.
  • Onder de motorkap zitten 54.000 noteringen, 4.925 nummers, 200 opmerkelijke feitjes en een nieuwsticker met veertien bronnen.
  • De popquiz Pop quiz, hotshot! heeft drie niveaus en elke zaterdag een nieuwe editie, en bijna alles op de site is zelf in te stellen.
  • Geen cookies en een eigen anonieme teller; voor de drukte vanaf 25 december komt Cloudflare (gratis plan) ervoor.

Lees verder →

Wat betekent TL;DR?

TL;DR komt uit het Engels: “Too Long; Didn’t Read”, ofwel “te lang, niet gelezen”. Zo heet een korte samenvatting voor wie weinig tijd heeft. Klik op de knop voor de kernpunten van dit bericht in een paar regels; het volledige bericht blijft gewoon beschikbaar.