https://github.com/oskarrough/sync-video

Use Firebase to keep a video synced amongst 2 or more people watching.
https://github.com/oskarrough/sync-video

Last synced: about 1 year ago
JSON representation

Use Firebase to keep a video synced amongst 2 or more people watching.

• Host: GitHub
• URL: https://github.com/oskarrough/sync-video
• Owner: oskarrough
• License: gpl-3.0
• Created: 2016-11-25T10:05:29.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-04-13T04:18:01.000Z (about 10 years ago)
• Last Synced: 2025-02-10T08:31:33.569Z (over 1 year ago)
• Language: JavaScript
• Homepage: http://ahmed.al-sudani.com/projects/sync-video
• Size: 21.5 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[![Stories in Ready](https://badge.waffle.io/ahmedalsudani/sync-video.png?label=ready&title=Ready)](https://waffle.io/ahmedalsudani/sync-video)

# sync-video

## What is this?

A tiny minimalist JavaScript app that syncs play/pause status across different

viewers.

## [Demo](http://ahmed.al-sudani.com/projects/sync-video#demo)

## License

sync-video is licensed under GPLv3.

The text of GPLv3 is included in [LICENSE](LICENSE) and can be found at

http://www.gnu.org/licenses/licenses.html

## Notes

- Tested to work under Chrome.

- Currently works with html5 only.

- Not suitable for anything serious. (No sessions, authentication, anything.)

## How to use

- Create a Firebase account and make an app

- Import jQuery 

- Import the Firebase client. (Look at [this page]

  (https://www.firebase.com/docs/web-quickstart.html) if you need to find it)

- Define a global `FIREBASE_ROOT` variable that points to one of your apps

- Call `syncVideo` with the video element as the first argument and a unique ID

  as the second. The ID has to be the same across clients.

- Profit

### TODO

- **This madness needs to end**: Rewrite whole program in a way that makes more sense.

- Change behavior so that syncVideo is a function that takes a video element and

  syncs that

- If seeking to the same spot: seek

- Change behavior so they're all unique events (fixes above)

Copyright 2014 Ahmed Al-Sudani