@zhw2590582/srt.js v1.0.1

srt.js

Let the html5 video player support .srt format subtitles.

Demo

Demo

Install

$ npm install --save @zhw2590582/srt.js

OR umd builds are also available

<script src="path/to/srt.js"></script>

Usage

html

<video class="video" preload="metadata" controls>
  <source src="./video/elephants-dream-medium.mp4" type="video/mp4" />
</video>

js

import SrtJs from '@zhw2590582/srt.js';

new SrtJs({
  videoElement: '.video',
  subtitles: [
    {
      default: true,
      src: './subtitle/english-subtitles.srt',
      label: 'English srt subtitles',
      kind: 'subtitles',
      srclang: 'en'
    },
    {
      src: './subtitle/english-subtitles.vtt',
      label: 'English vtt subtitles',
      kind: 'subtitles',
      srclang: 'en'
    }
  ]
});

Global polyfill

html

<video class="video" preload="metadata" controls>
  <source src="./video/elephants-dream-medium.mp4" type="video/mp4" />
  <track src="./subtitle/english-subtitles.srt" label="English srt subtitles" kind="subtitles" srclang="en" default />
  <track src="./subtitle/english-subtitles.vtt" label="English vtt subtitles" kind="subtitles" srclang="en" />
</video>

js

import SrtJs from '@zhw2590582/srt.js';

SrtJs.polyfill()

Polyfill Demo

License

MIT © Harvey Zack