# 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 `outline` on the iframe, or changing the `box-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