Mix Youtube videos like a true DJ! https://dj.tflcl.xyz
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
TFLCL bb4cd4c795 update umami id 2 years ago
css Added search function using YT data API. Fixed slider and scrollbar on web kit. Minor changes 2 years ago
fonts CSS+Vanilla JS shooting stars (P5JS no longuer in use but still there); more styling; favicons; Trying to get in touch with Bandcamp 2 years ago
img added og:description, replaced social.png by jpg. 2 years ago
js Commented testing js lines 2 years ago
.gitignore First commit, proof of concept 3 years ago
Jenkinsfile Jenkins instructions 2 years ago
README.md Added search function using YT data API. Fixed slider and scrollbar on web kit. Minor changes 2 years ago
favicon.ico CSS+Vanilla JS shooting stars (P5JS no longuer in use but still there); more styling; favicons; Trying to get in touch with Bandcamp 2 years ago
index.html update umami id 2 years ago
robots.txt First commit, proof of concept 3 years ago
site.webmanifest CSS+Vanilla JS shooting stars (P5JS no longuer in use but still there); more styling; favicons; Trying to get in touch with Bandcamp 2 years ago

README.md

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

Bandcamp fetching