diff options
| author | William Lahti <wilahti@gmail.com> | 2018-07-10 08:47:56 -0700 |
|---|---|---|
| committer | Chocobozzz <me@florianbigard.com> | 2018-07-10 17:47:56 +0200 |
| commit | 999417328bde0e60cd59318fc1c18672356254ce (patch) | |
| tree | 22673fcbd4dc333e3362912b2c813e97a41c765f /client/src/standalone/videos/test-embed.html | |
| parent | 0b755f3b27190ea4d9c301ede0955b2736605f4c (diff) | |
| download | PeerTube-999417328bde0e60cd59318fc1c18672356254ce.tar.gz PeerTube-999417328bde0e60cd59318fc1c18672356254ce.tar.zst PeerTube-999417328bde0e60cd59318fc1c18672356254ce.zip | |
Ability to programmatically control embeds (#776)
* first stab at jschannel based player api
* semicolon purge
* more method-level docs; consolidate definitions
* missing definitions
* better match peertube's class conventions
* styling for embed tester
* basic docs
* add `getVolume`
* document the test-embed feature
Diffstat (limited to 'client/src/standalone/videos/test-embed.html')
| -rw-r--r-- | client/src/standalone/videos/test-embed.html | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/client/src/standalone/videos/test-embed.html b/client/src/standalone/videos/test-embed.html new file mode 100644 index 000000000..a60ba2899 --- /dev/null +++ b/client/src/standalone/videos/test-embed.html | |||
| @@ -0,0 +1,51 @@ | |||
| 1 | <html> | ||
| 2 | <head> | ||
| 3 | <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> | ||
| 4 | </head> | ||
| 5 | <body> | ||
| 6 | <header> | ||
| 7 | <div class="logo"> | ||
| 8 | <div class="icon"> | ||
| 9 | <img src="../../assets/images/logo.svg"> | ||
| 10 | </div> | ||
| 11 | <div> | ||
| 12 | PeerTube | ||
| 13 | </div> | ||
| 14 | </div> | ||
| 15 | |||
| 16 | <div class="spacer"></div> | ||
| 17 | <h1>Embed Playground</h1> | ||
| 18 | </header> | ||
| 19 | <main> | ||
| 20 | <aside> | ||
| 21 | <div id="host"></div> | ||
| 22 | </aside> | ||
| 23 | <div id="controls"> | ||
| 24 | <div> | ||
| 25 | <button onclick="player.play()">Play</button> | ||
| 26 | <button onclick="player.pause()">Pause</button> | ||
| 27 | <button onclick="player.seek(parseInt(prompt('Enter position to seek to (in seconds)')))">Seek</button> | ||
| 28 | </div> | ||
| 29 | <br/> | ||
| 30 | |||
| 31 | <div id="options"> | ||
| 32 | <fieldset> | ||
| 33 | <legend>Resolutions:</legend> | ||
| 34 | <div id="resolution-list"></div> | ||
| 35 | <br/> | ||
| 36 | </fieldset> | ||
| 37 | |||
| 38 | <fieldset> | ||
| 39 | <legend>Rates:</legend> | ||
| 40 | <div id="rate-list"></div> | ||
| 41 | </fieldset> | ||
| 42 | </div> | ||
| 43 | |||
| 44 | </div> | ||
| 45 | </main> | ||
| 46 | |||
| 47 | <!-- iframes are used dynamically --> | ||
| 48 | <iframe hidden></iframe> | ||
| 49 | <a hidden></a> | ||
| 50 | </body> | ||
| 51 | </html> | ||