Skip to content

vantezzen/skip-silence

Repository files navigation


Available on chrome web store Available on Firefox Addons Available on Edge Add-ons Buy Me A Coffee

Skip Silence

"Skip Silence" is a browser extension that allows you to automatically skip parts of a video that are silent. It is highly inspired by CaryKH's automatic on-the-fly video editing tool. The extension works with most websites that use HTML5 audio and video elements (like YouTube).

Demo

(Video used: Unedited part of https://youtu.be/DQ8orIurGxw?t=234)

Installation

"Skip Silence" is available through the chrome web store. You can also install this extension on Chrome by downloading the source from GitHub and loading the unpacked, built extension through "chrome://extensions" as a "Temporary Add-On".

Firefox

"Skip Silence" only has restricted support for Firefox.

On Chrome, "Skip Silence" uses a browser API to support analyzing audio on almost all websites. Unfortunately, Firefox currently doesn't support this API and thus the extension doesn't work on some websites. Take a look at open bugs for more info.

If you have problems with the extension on a website on Firefox, you can try using a Chromium-based browser like Ungoogled Chromium.

Usage

When "Skip Silence" detects a compatible element on the current page, its icon in the menubar will be colored.

Changing icon

You can now click on this icon to reveal the settings popup.

You can now:

  • Click the toggle button to enable and disable "Skip Silence" for the current page
  • Change "Skip Silence"'s settings
  • View the current volume using the VU meter
    • The VU Meter will be blue when on normal speed and green when currently in a silent part
    • The red line represents your current volume threshold

Limitations

  • Won't work on sites that use other methods to play video or audio (e.g. Spotify Web Player uses a special method to prevent songs from being downloaded)

How does it work?

The extension attaches a JavaScript audio analyser to the current video or audio source and will speed up or slow down the video using the current volume of the audio.

Open browser bugs

The extension sometimes seems to push the boundaries of what browsers can do. Due to this, some features that would be nice to have can't be implemented as the browsers contain bugs or missing features.

Current list of bugs/feature requests the extension is waiting for

Development

This extension is using the plasmo framework for developing and building.

To start development, follow these steps:

  1. Check if your Node.js version is v18 or newer.
  2. Clone this repository.
  3. Run pnpm install to install the dependencies.
  4. Run pnpm dev to start the development server for chrome or pnpm dev:firefox for Firefox.
  5. Load your extension on Chrome following:
    1. Access chrome://extensions/
    2. Check Developer mode
    3. Click on Load unpacked extension
    4. Select the build folder.
  6. Happy hacking.

Build

Requirements:

  • NodeJS 18
  • preferably pnpm but npm will also work

Run these commands in the root of the extension files:

pnpm install # or npm install
pnpm run build # or npm run build
pnpm run build:firefox # or npm run build

After the build is done, the raw contents will be placed in /build and the compacted zip will be placed in /build/[chrome/firefox]-mv2-prod.zip.

Contributing

Please fork this repository and create a new pull request to contribute to it.

If you notice any errors, please create a new issue on GitHub.

License

Licensed under the MIT License