ssmak / playable

Control the playback of Youtube on PC / Tablet / Mobile from any web browsers.

playable

Control the playback of Youtube on PC / Tablet / Mobile from any web browsers.

git clone https://github.com/ssmak/playable.git ~/playable.git
cd ~/playable.git
npm install && npm start

History

I have a daughter. She is 3 years old and likes watching Youtube on iPad. However, I am very concerned with her eyes. So, why not moving the view to a large TV rather than the small and brightness screen. This is a full web based solution and work with socker.io and Youtube API.

This project is tried to bring the view from iPad to a large TV or monitor but leaving the control in the iPad (So the child can be still happy on touch, touch, touch.. but view on a large monitor).

Installation + Test

1. Clone from GitHub (https://github.com/ssmak/playable)

git clone https://github.com/ssmak/playable.git ~/playable.git

2. In command line, change to the project root

cd ~/playable.git

3. Install the project dependencies

npm install

4. Start the service now!

npm start

5. Visit the below link as a Youtube viewer

http://localhost:8080

6. Visit the below link as a remote

http://localhost:8080/remote

7. Join a channel with the same channel id and with FUN!!

Customization

The port 8080 is used by default and you can change to other port by passing the argument --port.

Additional

1. As a web service, it can be run as Docker. You can find the Dockerfile under the project root.
2. Youtube API requests an api-token, please replace the project default token by your own in this file ./resource-loader.js. Then, use browserify(http://browserify.org) to bundle as ./resource-loader.bundle.min.js. That's it!
   

var opts = {
	maxResults: 10,
	key: '<PLACE_YOUR_GOOGLE_API_YOUTUBE_KEY_HERE>'
};

License

MIT