Originally published here on YouTube.
(Give me a thumbs up and subscribe if you found this useful 🙏).
The visualisations article on MDN: https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API
02:52 Creating elements
08:49 Hooking up playback
15:46 Styling the player
21:20 Adding the viusalizer
30:58 Customising the visualiser
The class will build all of the HTML markup for us and we just need to add our own custom stylesheet to style the playlist elements which is basically the links to play each song in our player.
Check out some more Junior Developer Central Web development projects here: https://www.youtube.com/watch?v=e0e6m2mxJlU&list=PLpc_YvcwbxaTW88GAFDJ77DGihUr5H3Ha