Muziekvisualizer voor YouTube en HTML5-video
Zie je muziek bewegen met de live-effecten Blocks, Frequency en Music Tunnel
Een muziekvisualizer is een realtime grafisch effect dat geanimeerde vormen tekent uit een audiosignaal: balken, golven of tunnels die met het geluid meebewegen. De gratis Turn Off the Lights-extensie rendert er een direct bovenop elke HTML5-videospeler: een YouTube-videoclip, een Vimeo-concert of een podcastspeler krijgt zo een levende lichtshow zonder een aparte app te installeren.
Drie visualisatiestijlen
De audiovisualisatiefunctie luistert naar het geluid van de video via de AnalyserNode van de Web Audio API van de browser en schildert het resultaat op een canvaslaag boven de video. Jij kiest de stijl op de optiepagina:
- Blocks, een muur van gekleurde blokken die op de beat omhoog en omlaag gaat, de klassieke equalizerlook.
- Frequency, een live spectrumgrafiek van de audiofrequenties, van diepe bas tot hoge tonen, frame voor frame getekend.
- Music Tunnel, een draaiende tunnel van licht die met de muziek mee pulseert en ademt, ontworpen voor luistersessies op volledig scherm.
De achtergrondopaciteit van elke stijl is instelbaar, dus het effect kan een subtiele glinstering over de video zijn of een opvallend effect dat de speler vult. En omdat de visualisatie een knop is op dezelfde videowerkbalk als de videosnelheidsregelaar en de videozoom, kun je hem voor het ene nummer inschakelen en voor het volgende weer uit zonder de pagina te verlaten. Hij werkt zelfs in de zwevende Picture-in-Picture-video, waar de muziekvisualisatie doorgaat in zijn eigen minispeler.
Hoe je audiovisualisatie inschakelt
- Installeer de gratis Turn Off the Lights-extensie voor Chrome, Firefox, Edge, Opera, Safari of je favoriete browser.
- Klik met de rechtermuisknop op de grijze lampknop in de werkbalk van je browser en selecteer Opties.
- Open het tabblad Geavanceerde opties, zoek de sectie Videowerkbalk en schakel Videowerkbalk in.
- Speel een HTML5-video af: de gekozen audiovisualisatie verschijnt als live-overlay op de videospeler en reageert realtime op het geluid.
Waar het werkt
De audiovisualisatie werkt op standaard HTML5-videospelers, dus op YouTube, YouTube Music, Vimeo, Dailymotion en de meeste andere sites die HTML5-video of -audio in de browser afspelen. Combineer het met Atmosphere Lighting, de gloed die rond het videoframe straalt, voor een complete sfeervolle luisteropstelling, en dim de rest van de pagina met de lampknop voor de volledige Turn Off the Lights-ervaring.
Veelgestelde vragen
Wat is een muziekvisualizer?
Een muziekvisualizer is een realtime grafisch effect dat geanimeerde vormen tekent uit een audiosignaal, zoals balken, golven of tunnels die met het geluid meebewegen. Turn Off the Lights rendert er een direct bovenop elke HTML5-video in je browser.
Welke visualisatiestijlen kan ik kiezen?
Er zijn drie ingebouwde stijlen: Blocks, dat gekleurde blokken toont die op de beat omhoog gaan; Frequency, dat een live spectrum van de audiofrequenties tekent; en Music Tunnel, een draaiende tunnel die met de muziek mee pulseert. Je kunt ook de dekking van de overlay aanpassen.
Werkt de audiovisualisatie op YouTube en YouTube Music?
Ja. Het werkt op standaard HTML5-videospelers, dus op YouTube, YouTube Music, Vimeo, Dailymotion en de meeste andere sites die HTML5-video of -audio in de browser afspelen.
Is de audiovisualisatie gratis?
Ja. Het zit in de gratis en open-source Turn Off the Lights-browserextensie, zonder in-app aankopen of abonnementen, op Chrome, Firefox, Edge, Opera, Safari en andere ondersteunde browsers. Je kunt de code zelf lezen op GitHub.
Het is de ultieme tool voor je webbrowser om je web- en video-ervaring te beheersen, gemaakt voor videoliefhebbers zoals jij. Download Turn Off the Lights vandaag en zie je muziek tot leven komen.