garybernhardt

This document has moved!

It's now here, in The Programmer's Compendium. The content is the same as before, but being part of the compendium means that it's actively maintained.

denilsonsa

Embed VTT subtitles into HTML

Objective

I have a video file on my local disk. I also have some subtitles (in HTML5's [WebVTT][] format).

I want to create an HTML file to play that video with subtitles, all from the local filesystem.

Problem

bryanhunter

Monokai color to Sherwin-Williams mapping
(monokai-blue-light "#89BDFF") -> SW 6961 BLUE BEYOND
(monokai-gray "#595959") -> SW 7048 URBANE BRONZE
(monokai-gray-darker "#383830") -> SW 6258 TRICORN BLACK
(monokai-gray-darkest "#141411") -> SW 6990 CAVIAR
(monokai-gray-lightest "#595959") -> SW 7048 URBANE BRONZE
(monokai-gray-light "#E6E6E6") -> SW 6539 SOOTHING WHITE
(monokai-green "#A6E22A") -> SW 6920 CENTER STAGE
(monokai-green-light "#A6E22E") -> [SW 6920 CENTER STAGE]