Available in the Chrome Webstore
- A Chrome | Chromium Based Web Extension: Simple web-extension to speed up or slow down video speeds with a simple stylish slider. Has some additional features to customize the some of the styles of Netflix subtitles through a simple form component.
- Adjust video playback rates: from 0.0X - 10.0X
- Works with most HTML5 Video: embedded iframes including Netflix, Youtube, Amazon, Vimeo, JW Players etc...
- Change Netflix Subtitles Styles the font-size, font-weight, horizontal and vertical positioning, as well as font-color of the subtitles in Netflix
- For the fun in learning to build a simple web-extension.
- To learn more about the browser/Chrome APIs, Web APIs, DOM rendering, and iframes.
- Moreover, someone I know wanted to watch videos at very precise playback speeds. My simple JS bookmarklets weren't cutting it for them anymore as the wanted more control. Furthermore, the bookmarklets didn't work for iframes and some embedded videos.
Use the official extension in the Chome Webstore (pending..)
npm install
npm run build
uses webpack to create a dist folder.
Google Chrome / Chromium Based Browser
- After you've created the dist folder then proceed to add the extension to Chrome otherwise it won't work.
- In Chrome go to the extensions page (
chrome://extensions). - Enable Developer Mode.
- Drag your folder anywhere on the page to import it (do not delete the folder afterwards).
- Uses the Chrome Extension API
- Uses Chrome Extension Manifest Version 3 with service workers
- Injects content scripts in the webpage, looks for changes in the DOM using
MutationObserverto watch and findvideotags included those inside of iframes on DOM load. - Uses plain old JavaScript but bundles with webpack to allow for import / export modules & tree shaking.
This extension DOES NOT collect or monitor any user information.
This is MIT licensed.