Asbplayer Versions Save

Changes

• Enhancement: Firefox and Firefox for Android support
• Enhancement: Subtitle detection on various sites:
  • osnplus
  • www.apps.disneyplus.com
  • Bilibili
• Enhancement: Smarter html markup inheritance when updating last card
• Enhancement: Text notification for how to toggle subtitle display on if subtitle display is toggled off
• Enhancement: Restore play/pause state following a mining action
• Enhancement: Stop audio playback when Anki dialog is closed
• Enhancement: Disney Plus video detection is faster
• Enhancement: Non-intrusive notification UI on extension updates
• Enhancement: Better subtitle appearance defaults
• Bug fix: Fix Disney Plus subtitles not downloading sometimes due to cached responses triggering CORS errors
• Bug fix: HTML/vtt tags properly filtered out from vtt subtitles (such as on Netflix)
• Bug fix: Speculative fix for seeking precision issues on netflix
• Bug fix: Fix cases where UI that is hidden for screenshot does not come back
• Bug fix: Overlay UI no longer appears on top of Anki dialog sometimes
• Bug fix: Fix UI frames having a solid white background sometimes
• Bug fix: Fix element overlays going off screen sometimes (like on Netflix)
• Bug fix: Hide video overlay when displaying subtitle track selector
• Bug fix: Fix video overlay not being centered on video element sometimes
• Bug fix: Exit fullscreen when showing notification dialog on failure to record audio
• Bug fix: Fix fonts not loading sometimes due to CSP
• Bug fix: Missing Roboto fonts added

Installation on Chromium-based browsers

The recommended way to install the extension is from the Chrome web store listing since you will receive updates automaticallly.

If you still want to install the extension manually, follow these instructions:

1. Download asbplayer-extension-1.2.0-chromium.zip - unzip it somewhere.
2. Go to chrome://extensions and enable developer mode in the top right.
3. Click "load unpacked extension" and pick the unzipped directory.
4. Restart Chrome.

Installation on Firefox

[!WARNING]
The Firefox version of asbplayer has a limited feature-set compared to the Chromium version. Notably, the Firefox version is missing the side panel, mining history, and cannot record audio from DRM-protected video streams.

1. Download asbplayer-extension-1.2.0-firefox.xpi.
2. Drag-and-drop the downloaded file into Firefox.

Installation on Firefox for Android

[!WARNING]
The Firefox for Android version of asbplayer has an even more limited feature-set compared to the Firefox and Chromium versions. In addition to the limitations mentioned in the warning above, screenshots do not work, and an unreleased version of AnkiConnect Android is required for Anki integration.

Install via the add-on listing.

Usage

See the README.

Changes

• Bug fix: Disney Plus subtitle detection works again.
• Bug fix: New lines are rendered correctly in Amazon Prime subtitles.
• Bug fix: primevideo.com is recognized as an Amazon Prime domain.
• Enhancement: Subtitle offset input field in overlay UI is more responsive (applies value on deselect).

Installation

The recommended way to install the extension is from the Chrome web store listing since you will receive updates automaticallly.

If you still want to install the extension manually, follow these instructions:

1. Download asbplayer-extension-1.1.2.zip - unzip it somewhere.
2. Go to chrome://extensions and enable developer mode in the top right.
3. If you have a previous version of the extension installed, delete it first.
4. Click "load unpacked extension" and pick the unzipped directory.
5. Restart Chrome.

Usage

See the README.

Changes

• Bug fix: Space bar does not accidentally trigger 2x playback speed on YT.

Installation

The recommended way to install the extension is from the Chrome web store listing since you will receive updates automaticallly.

If you still want to install the extension manually, follow these instructions:

1. Download asbplayer-extension-1.1.1.zip - unzip it somewhere.
2. Go to chrome://extensions and enable developer mode in the top right.
3. If you have a previous version of the extension installed, delete it first.
4. Click "load unpacked extension" and pick the unzipped directory.
5. Restart Chrome.

Usage

1. Pin the extension to the Chrome toolbar so it's easy to access the settings (click on the puzzle piece and then the "pin" button next to the entry for asbplayer).
2. Enhance video elements with subtitles using asbplayer via one of the following methods:
   • Drag and drop a subtitle file into a video element.
   • Open the subtitle selector dialog (Ctrl + Shift + F by default).
   • Load a subtitle file from the asbplayer site, and pick a video element to sync with using the camera button on the bottom right.
   • Open the side panel (extension icon -> Open Side Panel or the backtick ` button by default) and click "load subtitles" when a video element is on screen.
3. Use the appropriate keyboard shortcuts (Ctrl + Shift + X by default) to mine the current subtitle.

See the README of this repo for more help.

Changes

• Enhancement: Pinned tab is no longer used for background tasks like audio recording.
• Enhancement: Better mobile support.
  • Action button opens subtitle track selector instead of opening settings.
  • Better settings defaults for mobile.
  • Swiping left/right seeks between subtitles.
  • Compatibility with Ankiconnect Android.
• Enhancement: Video overlay (enables mining on Android)
• Enhancement: "Repeat" playback mode. Repeats the current subtitle until disabled. Thanks to @iam6lake.
• Enhancement: Automatically play after invoking "seek to beginning of current or last subtitle". Thanks to @artjomsR.
• Enhancement: WebSocket client support (enables one-click mining).
• Enhancement: Significant performance improvements to subtitle list.
• Enhancement: Subtitle detection on Emby. Thanks to @bpwhelan.
• Enhancement: Subtitle detection on Rakuten Viki.
• Enhancement: Videos are now detected on twitch.tv.
• Enhancement: Russian localization.
• Enhancement: Timestamps in subtitle list are no longer selectable.
• Enhancement: YouTube subtitles no longer overlap.
• Bug fix: Exported images are no longer wrapped in a div.
• Bug fix: Sentence field is populated correctly when using manual recording binds.
• Bug fix: Better XML tag filtering on subtitle text.
• Bug fix: ipynb files are viewable on GitHub
• Bug fix: Keyboard shortcuts are bound only after loading a subtitle track

Installation

The recommended way to install the extension is from the Chrome web store listing since you will receive updates automaticallly.

If you still want to install the extension manually, follow these instructions:

1. Download asbplayer-extension-1.1.0.zip - unzip it somewhere.
2. Go to chrome://extensions and enable developer mode in the top right.
3. If you have a previous version of the extension installed, delete it first.
4. Click "load unpacked extension" and pick the unzipped directory.
5. Restart Chrome.

Usage

1. Pin the extension to the Chrome toolbar so it's easy to access the settings (click on the puzzle piece and then the "pin" button next to the entry for asbplayer).
2. Enhance video elements with subtitles using asbplayer via one of the following methods:
   • Drag and drop a subtitle file into a video element.
   • Open the subtitle selector dialog (Ctrl + Shift + F by default).
   • Load a subtitle file from the asbplayer site, and pick a video element to sync with using the camera button on the bottom right.
   • Open the side panel (extension icon -> Open Side Panel or the backtick ` button by default) and click "load subtitles" when a video element is on screen.
3. Use the appropriate keyboard shortcuts (Ctrl + Shift + X by default) to mine the current subtitle.

See the README of this repo for more help.

Changes

• Bug fix: Prevent settings menu from crashing due to buggy style keys
• Bug fix: Font menu selector actually works on Windows
• Bug fix: Text selection no longer lost on re-recording from Anki dialog
• Bug fix: 'Update last card' from Anki dialog is no longer broken when using tags
• Enhancement: Mining buttons are disabled in side panel while recording audio

Installation

The recommended way to install the extension is from the Chrome web store listing since you will receive updates automaticallly.

If you still want to install the extension manually, follow these instructions:

1. Download asbplayer-extension-1.0.1.zip - unzip it somewhere.
2. Go to chrome://extensions and enable developer mode in the top right.
3. If you have a previous version of the extension installed, delete it first.
4. Click "load unpacked extension" and pick the unzipped directory.
5. Restart Chrome.

Usage

1. Pin the extension to the Chrome toolbar so it's easy to access the settings (click on the puzzle piece and then the "pin" button next to the entry for asbplayer).
2. Enhance video elements with subtitles using asbplayer via one of the following methods:
   • Drag and drop a subtitle file into a video element.
   • Open the subtitle selector dialog (Ctrl + Shift + F by default).
   • Load a subtitle file from the asbplayer site, and pick a video element to sync with using the camera button on the bottom right.
   • Open the side panel (extension icon -> Open Side Panel or the backtick ` button by default) and click "load subtitles" when a video element is on screen.
3. Use the appropriate keyboard shortcuts (Ctrl + Shift + X by default) to mine the current subtitle.

See the README of this repo for more help.

Changes

• Enhancement: Side panel integration - mining flows supported completely in UI
• Enhancement: Unified settings with the asbplayer website - all settings are in one place
• Enhancement: Settings UI overhaul including mouse-hover UX improvements from @Zyphdoz
• Enhancement: Extension does not require an asbplayer website window to work
• Enhancement: Fast-forward playback mode thanks to @artjomsR
• Enhancement: Subtitle track UI enhancements thanks to @Zyphdoz:
  • Can select up to 3 tracks from the subtitle track selector UI
  • Added a checkbox for whether to save site-specific subtitle track language preference
• Enhancement: BluRay/PGS subtitle file parsing is done asynchronously
• QoL: Lots of refactoring, code, and data model cleanup

Installation

The recommended way to install the extension is from the Chrome web store listing since you will receive updates automaticallly.

If you still want to install the extension manually, follow these instructions:

1. Download asbplayer-extension-1.0.0.zip - unzip it somewhere.
2. Go to chrome://extensions and enable developer mode in the top right.
3. If you have a previous version of the extension installed, delete it first.
4. Click "load unpacked extension" and pick the unzipped directory.
5. Restart Chrome.

Usage

1. Pin the extension to the Chrome toolbar so it's easy to access the settings (click on the puzzle piece and then the "pin" button next to the entry for asbplayer).
2. Enhance video elements with subtitles using asbplayer via one of the following methods:
   • Drag and drop a subtitle file into a video element.
   • Open the subtitle selector dialog (Ctrl + Shift + F by default).
   • Load a subtitle file from the asbplayer site, and pick a video element to sync with using the camera button on the bottom right.
   • Open the side panel (extension icon -> Open Side Panel or the backtick ` button by default) and click "load subtitles" when a video element is on screen.
3. Use the appropriate keyboard shortcuts (Ctrl + Shift + X by default) to mine the current subtitle.

See the README of this repo for more help.

Changes

• Bug fix: Don't repeatedly show subtitle selector when last-selected-track was 'Empty'
• Bug fix: Fix 'update last card' not adding configured tags
• Enhancement: Support subtitle DOM pre-caching i.e. enable extensions like jpd-breader to parse subtitles
• Enhancement: Support custom CSS styles for subtitle text
• Enhancement: Use text stroke style instead of text shadow to implement subtitle text outline style setting
• Enhancement: Support for subtitle font weight style setting
• Enhancement: Support file URLs

Special thanks to ZyphDoz for suggesting and motivating many of the changes in this release.

Installation

1. Download asbplayer-extension-0.28.0.zip, unzip it somewhere.
2. Go to chrome://extensions and enable developer mode in the top right.
3. If you have a previous version of the extension installed, delete it first.
4. Click "load unpacked extension" and pick the unzipped directory.
5. Restart Chrome.
6. Pin the extension to the Chrome toolbar so it's easy to access the settings (click on the puzzle piece and then the "pin" button next to the entry for asbplayer).

Usage

1. Enable the extension.
2. Sync video elements and subtitles with asbplayer using one of the following options:
   • Drag and drop a subtitle file into a video element.
   • Open the subtitle selector dialog (Ctrl+Shift+F by default).
   • Load a subtitle file from the asbplayer site, and pick a video element to sync with using the camera button on the bottom right.
3. Using the appropriate keyboard shortcuts (Ctrl+Shift+X by default) will mine the current subtitle. See the README of this repo for more help.

Changes

• Enhancement: Subtitle alignment option (top or bottom)
• Enhancement: Localization support (English, Japanese, German). Thanks to Mana Tsutsumi for the Japanese translation and Kai Böse for the German translation.
• Enhancement: "Take screenshot" shortcut now rewinds to beginning of subtitle if Anki dialog is already open. Thanks to ZyphDoz for this suggestion.
• QoL: Various UI cleanup
• Bug fix: Keyboard shortcuts only fire on key-down, and will override any existing key-up bindings (i.e. spacebar for play/pause no longer double-fires)
• Bug fix: Auto copy-to-clipboard works on video players in iframes (e.g. Crunchy, zoro.to)
• Bug fix: Screenshots for videos inside of iframes are properly cropped, even if not in fullscreen (e.g. Crunchy, zoro.to)
• Bug fix: Theme/language preferences selected from the website take effect immediately
• Bug fix: Video element list on asbplayer website is properly cleaned up on page refreshes

Installation

1. Download asbplayer-extension-0.27.0.zip, unzip it somewhere.
2. Go to chrome://extensions and enable developer mode in the top right.
3. If you have a previous version of the extension installed, delete it first.
4. Click "load unpacked extension" and pick the unzipped directory.
5. Restart Chrome.
6. Pin the extension to the Chrome toolbar so it's easy to access the settings (click on the puzzle piece and then the "pin" button next to the entry for asbplayer).

Usage

1. Enable the extension.
2. Sync video elements and subtitles with asbplayer using one of the following options:
   • Drag and drop a subtitle file into a video element.
   • Open the subtitle selector dialog (Ctrl+Shift+F by default).
   • Load a subtitle file from the asbplayer site, and pick a video element to sync with using the camera button on the bottom right.
3. Using the appropriate keyboard shortcuts (Ctrl+Shift+X by default) will mine the current subtitle. See the README of this repo for more help.

Full Changelog: https://github.com/killergerbah/asbplayer/compare/v0.26.0...v0.27.0

Changes

• Enhancement: Subtitle files can be loaded from the subtitle selector dialog via an 'open files' button.
• Enhancement: Selector selector detects video name on UNext.
• Enhancement: Image resize quality set to 'high.'
• Enhancement: Anki settings can be accessed from Anki dialog via gear button.
• Enhancement: Reduced size of JS through optimization of MUI imports.
• Enhancement: Right-click menu items for 'load subtitles' and 'mine subtitle.'
• Enhancement: Added an options page (same as the popup).
• Enhancement: Video element selection when multiple video elements are detected is now done via dialog rather than point-and-click.
• Enhancement: Attempting to use a mining shortcut opens the subtitle selector.
• Enhancement: Keyboard shortcut to reset subtitle offset.
• Bug fix: Better Amazon Prime support. Known issue: Subtitle timing is off sometimes by ~30 seconds.
• Bug fix: Update-last-card captures all subs in an interval, on all tracks, and not just the first subtitle on the first track.
• Bug fix: Anki dialog no longer defocuses on Netflix.
• Bug fix: Fixed some cases where UI background is not transparent.
• Bug fix: Fixed issue where audio padding was extended when re-recording audio.
• Bug fix: Fixed keyboard shortcuts not responding after exiting Anki dialog.
• Bug fix: Image max-width is now properly applied.
• Bug fix: Subtitle offset from bottom is now correctly applied and consistent between fullscreen and non-fullscreen modes.
• Bug fix: Anki dialog zoom-out works when currently-selected interval takes up most of the timeline.

Installation

1. Download asbplayer-extension-0.26.0.zip, unzip it somewhere.
2. Go to chrome://extensions and enable developer mode in the top right.
3. If you have a previous version of the extension installed, delete it first.
4. Click "load unpacked extension" and pick the unzipped directory.
5. Restart Chrome.
6. Pin the extension to the Chrome toolbar so it's easy to access the settings (click on the puzzle piece and then the "pin" button next to the entry for asbplayer).

Usage

1. Enable the extension.
2. Sync video elements and subtitles with asbplayer using one of the following options:
   • Drag and drop a subtitle file into a video element.
   • Open the subtitle selector dialog (Ctrl+Shift+F by default).
   • Load a subtitle file from the asbplayer site, and pick a video element to sync with using the camera button on the bottom right.
3. Using the appropriate keyboard shortcuts (Ctrl+Shift+X by default) will mine the current subtitle. See the README of this repo for more help.

Changes

• Enhancement: Support "auto-copy current subtitle" setting. Setting is configurable from asbplayer website.
• Enhancement: Bandai Channel subtitle track detection.
• Enhancement: Hulu subtitle track detection.
• Enhancement: Disney Plus subtitle track detection.
• Enhancement: Workaround to prevent Yomi-chan picking up garbage text surrounding subtitles.
• Enhancement: Preserve HTML markup when updating last card.
• Enhancement: Screenshot capture delay setting. Setting is configurable from extension popup.

Installation

1. Download asbplayer-extension-0.25.0.zip, unzip it somewhere.
2. Go to chrome://extensions and enable developer mode in the top right.
3. If you have a previous version of the extension installed, delete it first.
4. Click "load unpacked extension" and pick the unzipped directory.
5. Restart Chrome.
6. Pin the extension to the Chrome toolbar so it's easy to access the settings (click on the puzzle piece and then the "pin" button next to the entry for asbplayer).

Usage

1. Enable the extension.
2. Sync video elements and subtitles with asbplayer using one of the following options:
   • Drag and drop a subtitle file into a video element to sync it with asbplayer.
   • Use the subtitle track selection dialog (Ctrl+Shift+F by default) to pick a video element and any detected subtitle tracks.
   • After loading a subtitle file from the asbplayer site, detected tabs can be found by clicking the "video camera" icon in the bottom right of the asbplayer UI. Choosing a tab will sync asbplayer with that video.
3. Using the appropriate keyboard shortcuts (Ctrl+Shift+X by default) will mine the current subtitle. See the README of this repo for more help.