HLS.js plugin for live captions – CaptionHub

HLS.js is supported using our plugin. To integrate you can add some code to the page with the player. It will look something like this:

import Hls from 'hls.js';
import { Timbra } from '@captionhub/timbra.js';

const video = document.getElementById('my-player');
const hls = new Hls();

hls.loadSource('<<HLS URL>>');
hls.attachMedia(video);

const timbra = new Timbra.HLSJSPlugin({
  video: video,
  hls: hls,
  captionsURL: "<<captions URL>>"
});

timbra.startCaptions();

You can also load the script from our CDN. You can get the versioned script URL and captions URL from the “Plugin integration” tab on a live project page. For all options, see the Timbra.js docs.

Supported versions

The latest HLS.js version is supported.