https://github.com/jgthms/juketube

A YouTube jukebox built with AngularJS
https://github.com/jgthms/juketube

Last synced: 4 days ago
JSON representation

A YouTube jukebox built with AngularJS

• Host: GitHub
• URL: https://github.com/jgthms/juketube
• Owner: jgthms
• License: mit
• Created: 2013-10-17T09:04:39.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2019-04-17T21:52:19.000Z (almost 6 years ago)
• Last Synced: 2025-02-16T22:14:56.901Z (5 days ago)
• Language: JavaScript
• Homepage: http://jgthms.com/juketube/
• Size: 871 KB
• Stars: 280
• Watchers: 17
• Forks: 76
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
JukeTube

========

A YouTube powered jukebox built with AngularJS.

[![JukeTube screenshot](https://raw.github.com/jgthms/juketube/master/juketube.png)](https://jgthms.com/juketube/)

## Demo

[jgthms.com/juketube/](https://jgthms.com/juketube/)

## Purpose

When I attend parties, YouTube is often used as the sole music provider. People in turn launch the video they want to hear. The process goes as follows:

* open a new tab

* browse to YouTube

* search for a video

* open and instantly pause it (to preload it)

* wait for the current video to stop

* launch the new video

Several problems arise from this process:

* need to wait for the current video to stop before launching a new one

* need to permanently have someone queuing and launching a new video

* no automatic play, so if the current video ends, there's no music

* time spent queuing a new video

* tons of tabs opened

## Features

JukeTube is an attempt to simplify this scenario.

* Single page app

* Ajax search

* Playlists (upcoming and archived videos)

* Automatic play (as soon as the current video ends)

## Requirements

You only need a valid [YouTube Data API v3 key](https://developers.google.com/youtube/v3/) to copy-paste in **app.js**. (The current one only works on my domain).

## Possible enhancements

* Play/Pause/Next/Previous controls (currently, only the state is shown).

* Use the YouTube API to retrieve the pre-populated video titles using the ID. Right now, the titles are hard-coded.

* Save the current playlist in LocalStorage or a cookie and restore it on the next visit

* Add a `Clear playlist` button.

* Add drag controls to reorder the playlist items.

* Add search results pagination (the YouTube API provides a `pageToken` parameter).