vtt-live-edit


Live edit VTT subtitles (delay, sync, position, style...) on html5 native player.

Demonstration

!Alt text

Installation

``
npm install vtt-live-edit --save
`

Documentation

The library modify the currently showing subtitle track of a video (selected by the video id)

__addOffset__

Add an offset to the currently showing subtitle track. Default is 500ms.

addOffset(

__removeOffset__

Remove an offset to the currently showing subtitle track. Default is 500ms.

removeOffset(

__moveLeft__

Move the subtitle to the left. Default is 5%.

moveLeft(

__moveRight__

Move the subtitle to the right. Default is 5%.

moveRight(

__moveUp__

Move the subtitle up (line by line).

moveUp(

__moveDown__

Move the subtitle down (line by line).

moveDown(

__setFontSize__

Set the subtitles font size

setFontSize();

__setFontColor__

Set the subtitles font color

setFontColor();




Usage

` html

`

` js
const vtt = require('vtt-live-edit');
// or import vtt from 'vtt-live-edit';

vtt.addOffset('video', 0.5); // Add 500ms offset
vtt.removeOffset('video', 0.5); // Remove 500ms offset
vtt.moveLeft('video', 5); // Move subtitle 5% left
vtt.moveRight('video', 5); // Move subtitle 5% right
vtt.moveUp('video'); // Move subtitle one line up
vtt.moveDown('video'); // Move subtitle one line down
vtt.setFontSize(20); // Set subtitle size to 20px
vtt.setFontColor('#bbb'); // Set subtitle size to #BBB
``

License

MIT