Observe the change of <track>
element.
npm install video-transcript-tracker
- Array.form
- remove this dependency. WelCome to Pull Request!
<video id="video" width="400" src="./Google_Developer_Stories.webm" autoplay controls>
<track label="English subtitles" kind="subtitles" srclang="en" src="./video-subtitles-en.vtt" default>
Your browser does not support the video tag
</video>
<div id="main"></div>
<script src="node_modules/array.from/array-from.js"></script>
<script src="build.js"></script>
var VideoTranscriptTracker = require("video-transcript-tracker");
var video = document.getElementById("video");
var tracker = new VideoTranscriptTracker(video);
// in playing video, show next transcript, then call `onChange` handler.
tracker.onChange(function (text, track) {
console.log(text);
});
tracker.start();
Run example
npm run example
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
MIT