mirror of
https://github.com/mehotkhan/BandersnatchInteractive.git
synced 2025-07-27 17:23:22 +00:00
42 lines
1.6 KiB
Markdown
42 lines
1.6 KiB
Markdown
# Bandersnatch Interactive Player (based on html5 video player)
|
|
|
|
With this online(html) video player you can watch `Bandersnatch` episode of `Black Mirror` **interactively**.
|
|
|
|
[Live demo](https://mehotkhan.github.io/BandersnatchInteractive/)
|
|
|
|
## How to use
|
|
|
|
The only thing you need is 5hours video file of `Bandersnatch` episode, Drag & drop the file in [this](https://mehotkhan.github.io/BandersnatchInteractive/) page and enjoy!
|
|
|
|
## Screenshot
|
|
|
|
- full screen mode
|
|
|
|

|
|
|
|
- non full screen mode
|
|
- 
|
|
|
|
## Tips
|
|
|
|
- Only work on google chrome (Doesn't work on Firefox; codec problems)
|
|
- Download `Bandersnatch` video file (`5:12:14`)
|
|
- Drag it on white box on [page](https://mehotkhan.github.io/BandersnatchInteractive/) :)
|
|
- `Persian`, `English`, `Arabic`, `Spanish`, `Hebrew`, `Portuguese`, `Greek`, `Turkish`, `Polish`, `Indonesian`, `Russian` , `French` , `Hungarian` , `Korean` ,`German`
|
|
|
|
\*subtitle available, If you want add another language subtitle, tell me.
|
|
|
|
- to change subtitle : right click on video , enable show controls , after that . on bottom,right you see menu icon (3 vertical dot) then you can subtitle section
|
|
- Note : after change subtitle , disable show controls ,if dont disable it on full screen video,you cant see option selector
|
|
|
|
## Controls
|
|
|
|
- <kbd>F</kbd> - Toggle fullscreen
|
|
- <kbd>R</kbd> - Restart video
|
|
- <kbd>→</kbd> - Jump to the next segment (or to the next interaction zone)
|
|
- <kbd>←</kbd> - Jump to the previous segment
|
|
- <kbd>Space</kbd> - Toggle play and pause
|
|
|
|
## Credit
|
|
|
|
- based on [joric work](https://github.com/joric/bandersnatch)
|