diff options
Diffstat (limited to 'Base/res')
| -rw-r--r-- | Base/res/html/misc/video-source-children.html | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/Base/res/html/misc/video-source-children.html b/Base/res/html/misc/video-source-children.html new file mode 100644 index 0000000000..098d45a83f --- /dev/null +++ b/Base/res/html/misc/video-source-children.html @@ -0,0 +1,59 @@ +<html> +<head> +<style type="text/css"> + video { + border: 1px solid #333; + } + + table, td { + border: 1px solid #333; + border-collapse: collapse; + } + + thead, tfoot { + background-color: #333333; + color: #ffffff; + } +</style> +</head> +<body> + <table> + <thead> + <tr> + <th colspan="2">Metadata</th> + </tr> + </thead> + <tbody> + <tr> + <td>Current Source</td> + <td id=src>null</td> + </tr> + <tr> + <td>Is Selected</td> + <td id=selected>false</td> + </tr> + </tbody> + </table> + + <br /> + + <video id=video controls> + <source> + <source src=""> + <source src="Yo I don't exist!"> + <source src="../../../home/anon/Videos/test-webm.webm"> + </video> + + <script type="text/javascript"> + let video = document.getElementById('video'); + + video.videoTracks.onaddtrack = (event) => { + document.getElementById('selected').textContent = event.track.selected; + }; + + video.addEventListener('loadedmetadata', () => { + document.getElementById('src').textContent = video.currentSrc; + }); + </script> +</body> +</html> |