1.7 KiB
1.7 KiB
Mix Youtube videos like a pro DJ!
About
This website is a tribute to the old twoyoutubevideosandamotherfuckingcrossfader.com. It's a simple way to play music from Youtube and smoothly fade between tracks thanks to the crossfader.
What's next?
Maybe one day
Search videos straight from the app (needs API key and calls)- Compatibility with Bandcamp music (not sure if it can be done without too much hacks)
- A playlist of to-be-played tracks that can be added manually ("add url") or through the search
- A history of played tracks?
Should be done quickly
- Clean code (especially old P5JS)
- Sanitize it (naming, organization, comments...)
- Add current tracks/playlists as hashes in the URL so we can share track combinations
- Better indication of the video current status (playing or paused),maybe using
outlineon the iframe, or changing thebox-shadow color?
External resources and inspiration
Inspiration
- Original idea: http://twoyoutubevideosandamotherfuckingcrossfader.com/
- Youtube embedded player API implementation: https://thomaspark.co/projects/needledrop/
- Starry night: https://www.youtube.com/watch?v=NJjEGoqTn1Y
- CSS/JS shooting stars: https://www.geeksforgeeks.org/how-to-create-shooting-star-animation-effect-using-css/
Bandcamp fetching
- https://gist.github.com/Romern/cd7f1e9a742d27eb3ac104201f6ae87c
- https://stackoverflow.com/questions/65085046/how-do-i-pull-album-art-thumbnail-from-bandcamp
- https://github.com/89z/mech/blob/master/bandcamp/bandcamp.go
- https://github.com/openwhyd/openwhyd/blob/master/app/controllers/api/bandcampExtractor.js
- https://github.com/ytdl-org/youtube-dl/blob/master/youtube_dl/extractor/bandcamp.py
- https://github.com/masterT/bandcamp-scraper