@zhw2590582/srt.js
v1.0.1
Published
Let the html5 video player support .srt format subtitles.
Downloads
4
Readme
srt.js
Let the html5 video player support .srt format subtitles.
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()
License
MIT © Harvey Zack