/media_speed

Simple bookmarklet to control html video and audio speed

Primary LanguageHTMLMIT LicenseMIT

Media Speed Bookmarklet

Simple bookmarklet to control html video and audio speed.

media control popup

Motivation

I've gotten used to watching the majority of youtube videos at 2x speed. Sometimes 2x isnt enough and I need more. Sometimes I write code.

Features

  • Ability to set the playback speed for every audio or video element on the page
  • Ability to skip to the end of a piece of media. This skips ads too
  • Ability to go back to the beginning

Installation

  1. Go to this page https://caiorss.github.io/bookmarklet-maker/
  2. Give it a title
  3. Copy the contents of index.js into the Code text area
  4. Click the "Generate Bookmarklet" button
  5. Drag that blue link to your bookmarks bar

Usage

  1. Go a webpage with audio or video, or both, elements
  2. Click on the bookmarklet you just created
  3. Choose the audio or video from the drop down that you want to speed up or slow down
  4. Slide the slider to change the media's speed
  5. Enjoy

Development

I wrote this in longform js so that it is easy to understand and modify. Have fun submitting any improvements. Someone make it bounce in or something cool.

Shout Outs

  • Nature Clip for their demo videos used in test/test.html

License

MIT