VideoContext VS video.js

The actual editor was not, but the library that it was responsible for compositing videos in the browser that we built the UI around is the (unfortunately now unmaintained) VideoContext

Otherwise, it'll all just depend on what your intended output. Check out something like https://github.com/bbc/VideoContext for starters or just play around with animating a HTMLCanvasElement and recording its output with HTMLCanvasElement.captureStream().

For people who like to watch with subtitles, VLC currently doesn't support streaming to chromecast with SRT subtitles.. there are several issues for it and I believe support is slated for the next major version of Chromecast, but not sure when that will be.

The typical "workaround" is to reencode the video file to include the subtitles directly, but that sounded like too much work, so I hacked together a static page using https://videojs.com/ to embed a player and load the video and subtitles in a browser window.

Here it is in gist form if anyone has a similar issue: https://gist.github.com/HartS/9bb2721fa73b6798efcdbf5c463e87...

This was hacked together as quickly as possible for my own needs, so definitely not intended to be an example of clean code. You need to run the python server separately to serve the SRT because video-js can't load it from a file URL IIRC

Thank you! This is the kind of creative solution I was looking for. Your comment helped me find video.js which has first-party support for opening M3U8 streams.

🔀 Repositório no GitHub

🔗 Site oficial

Now, to display the HLS stream to viewers, we’ll use HLS.js, which we installed earlier. For more UI customizations, you can check out Video.js, which uses HLS.js internally.

How nicely (if at all) does Sauron work with web components written in JavaScript? For example; If I wanted to include a video player in my app, would I be able to integrate https://videojs.com into the project, or would I have to write a video player component in Rust+Sauron first?

href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" /> id="my-video" class="video-js" controls preload="auto" height="420" poster="/sample/cover.png" data-setup="{}" > src="/sample/index.m3u8" type="application/x-mpegURL" /> class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that href="https://videojs.com/html5-video-support/" target="_blank" >supports HTML5 video >

Video Player

You can play video and audio in browser using HTML5 and JS. The VideoJS library can be helpful.

A plugin that displays customizable markers upon progress bars of the video with Video.js. This could be used to show video breaks and show overlaid text on the video when playback reaches the specific break point.