Changes:

• Bug fix: Speculative fixes for auto-created asbplayer tabs not syncing sometimes.
• Bug fix: Fix bug where BluRay subtitles disappear when changing offset using keyboard shortcuts

Installation steps:

1. Download asbplayer-extension-0.18.2.zip, unzip it somewhere.
2. Go to chrome:https://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. Refresh any tabs where you intend to use the extension.

Usage:

1. Enable the extension.
2. Sync video elements and subtitles with asbplayer:
   • Drag and drop a subtitle file into a video element to sync it with asbplayer.
   • Or, use the subtitle track selection dialog (Ctrl+Shift+F by default) to pick a video element and any detected subtitle tracks.
   • Or, after loading a subtitle file, 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.
4. Clicking on the extension in the Chrome toolbar will open the options/help page. You can pin the extension to the Chrome toolbar so it's easy to access (click on the puzzle piece and then the "pin" button next to the entry for asbplayer).

Changes:

• Bug fix: MP3 encoding now works again.

Installation steps:

1. Download asbplayer-extension-0.18.1.zip, unzip it somewhere.
2. Go to chrome:https://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. Refresh any tabs where you intend to use the extension.

Usage:

1. Enable the extension.
2. Sync video elements and subtitles with asbplayer:
   • Drag and drop a subtitle file into a video element to sync it with asbplayer.
   • Or, use the subtitle track selection dialog (Ctrl+Shift+F by default) to pick a video element and any detected subtitle tracks.
   • Or, after loading a subtitle file, 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.
4. Clicking on the extension in the Chrome toolbar will open the options/help page. You can pin the extension to the Chrome toolbar so it's easy to access (click on the puzzle piece and then the "pin" button next to the entry for asbplayer).

Changes:

• Feature: Image-based (i.e. BluRay/PGS/SUP) subtitle support. Caveat: Works better when subtitles are loaded from asbplayer (#91).
• Feature: Keyboard shortcuts for seeking -/+ 10 seconds (A/D keys) and to the beginning of the current subtitle (down key) (#130).
• Feature: Extension shortcuts are individually toggleable.
• Bug fix: Drag-and-drop overlay cannot extend past window boundaries. This would sometimes cause scroll bars to appear (#136).
• Bug fix: Drag-and-drop overlay accounts for scrolling.
• Bug fix: Subtitles correctly center on top of video elements that are not centered in the page e.g. default YouTube player (#123).
• Bug fix: Keyboard shortcuts aren't bound until a video is actually synced.
• Bug fix: Drag-and-drop overlay does not activate for inactive video elements e.g. CrunchyRoll ads video element.
• QoL: React components refactor (#115).
• QoL: TypeScript migration (#56).
• QoL: React 18 upgrade.

Installation steps:

1. Download asbplayer-extension-0.18.0.zip, unzip it somewhere.
2. Go to chrome:https://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. Refresh any tabs where you intend to use the extension.

Usage:

1. Enable the extension.
2. Sync video elements and subtitles with asbplayer:
   • Drag and drop a subtitle file into a video element to sync it with asbplayer.
   • Or, use the subtitle track selection dialog (Ctrl+Shift+F by default) to pick a video element and any detected subtitle tracks.
   • Or, after loading a subtitle file, 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.
4. Clicking on the extension in the Chrome toolbar will open the options/help page. You can pin the extension to the Chrome toolbar so it's easy to access (click on the puzzle piece and then the "pin" button next to the entry for asbplayer).

Changes:

• Direct integration with YouTube and Netflix that allows subtitles to be detected and synced automatically. A very big thanks to @Renji-XD for contributing this major feature (#107).
• Fix for streaming video not syncing sometimes when a new asbplayer tab is opened automatically.
• Settings popup is now implemented using React and Material UI.
• Replaced mascot with the asbplayer icon.
• Tags and URL field support for Anki cards.
• Theme selected in asbplayer is properly propagated to all extension UI.

Installation steps:

1. Download asbplayer-extension-0.17.0.zip, unzip it somewhere.
2. Go to chrome:https://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. Refresh any tabs where you intend to use the extension.

Usage:

1. Enable the extension.
2. Sync video elements and subtitles with asbplayer:
   • Drag and drop a subtitle file into a video element to sync it with asbplayer.
   • Or, use the subtitle track selection dialog (Ctrl+Shift+F by default) to pick a video element and any detected subtitle tracks.
   • Or, after loading a subtitle file, 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.
4. Clicking on the extension in the Chrome toolbar will open the options/help page. You can pin the extension to the Chrome toolbar so it's easy to access (click on the puzzle piece and then the "pin" button next to the entry for asbplayer).

Changes:

• Fix another issue where streaming video controls are not properly being hidden sometimes when taking screenshots, particularly when recording media without subtitles.

Installation steps:

1. Download the zip, unzip it somewhere.
2. Go to chrome:https://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. Refresh any tabs where you intend to use the extension.

Usage:

1. Enable the extension.
2. Drag and drop a subtitle file into a video element to sync it with asbplayer.
   Or, after loading a subtitle file, detected tabs can be found by clicking the "video camera" icon in the bottom right. Choosing a tab will sync asbplayer with that video.
3. Clicking on the extension in the Chrome toolbar will open the options/help page.

Changes:

• Fix streaming video controls not properly being hidden sometimes when taking screenshots.
• Fix issue where drag-and-drop zone on video elements does not properly hide itself.
• Allow media to be recorded for flashcards without an accompanying subtitle file. When viewing a streaming video, use Ctrl+Shift+F (default bind) to select the video to be mined even if you don't have a subtitle file. Then use either of the "copy" shortcuts to start and stop recording audio.

Installation steps:

1. Download the zip, unzip it somewhere.
2. Go to chrome:https://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. Refresh any tabs where you intend to use the extension.

Usage:

1. Enable the extension.
2. Drag and drop a subtitle file into a video element to sync it with asbplayer.
   Or, after loading a subtitle file, detected tabs can be found by clicking the "video camera" icon in the bottom right. Choosing a tab will sync asbplayer with that video.
3. Clicking on the extension in the Chrome toolbar will open the options/help page.

Changes:

• Source field includes timestamp and is editable.
• After the Anki dialog is closed the correct DOM element is focused. As a result video player keyboard shortcuts should work correctly.
• Tighter integration with Netflix player API. Using asbplayer with Netflix should feel less clunky. This change also should futureproof asbplayer against Netflix UI updates.
• Mascot character update.
• Roboto font is now packaged extension.
• Better support for variable playback rate. Audio recording takes into account the video's playback rate.
• The Anki dialog now includes a time range selector. A new time range can be selected to include surrounding subtitles in the "Sentence" field, or to rerecord audio in the newly selected time range.

Installation steps:

1. Download the zip, unzip it somewhere.
2. Go to chrome:https://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. Refresh any tabs where you intend to use the extension.

Usage:

1. Enable the extension.
2. Drag and drop a subtitle file into a video element to sync it with asbplayer.
   Or, after loading a subtitle file, detected tabs can be found by clicking the "video camera" icon in the bottom right. Choosing a tab will sync asbplayer with that video.
3. Clicking on the extension in the Chrome toolbar will open the options/help page.

Changes:

• If synced video was fullscreen before the Anki dialog was opened, an effort is made to return the video to fullscreen after the dialog is closed.
• Opening a flashcard in Anki from the Anki export dialog no longer closes the dialog.
• More precise controls detection when hiding controls for clean screenshots.
• Subtitles are explicitly hidden for clean screenshots.

Installation steps:

1. Download the zip, unzip it somewhere.
2. Go to chrome:https://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. Refresh any tabs where you intend to use the extension.

Usage:

1. Enable the extension.
2. Drag and drop a subtitle file into a video element to sync it with asbplayer.
   Or, after loading a subtitle file, detected tabs can be found by clicking the "video camera" icon in the bottom right. Choosing a tab will sync asbplayer with that video.
3. Clicking on the extension in the Chrome toolbar will open the options/help page.

Changes:

• D+1, D+2... toggle the 1st, 2nd... subtitle tracks in asbplayer. S+1, S+2... continue to toggle 1st, 2nd... subtitle tracks in video.
• Image max width/height settings configured in asbplayer are applied.
• window.devicePixelRatio is now taken into account when cropping screenshots.

Installation steps:

1. Download the zip, unzip it somewhere.
2. Go to chrome:https://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. Refresh any tabs where you intend to use the extension.

Usage:

1. Enable the extension.
2. Drag and drop a subtitle file into a video element to sync it with asbplayer.
   Or, after loading a subtitle file, detected tabs can be found by clicking the "video camera" icon in the bottom right. Choosing a tab will sync asbplayer with that video.
3. Clicking on the extension in the Chrome toolbar will open the options/help page.

Changes:

• Multiple subtitle files can be loaded. S+1, S+2... toggle the 1st, 2nd... subtitle tracks.
• The following settings configured in asbplayer are now applied:
  • Subtitle font family
  • Audio padding for recorded audio
  • Theme (dark, light) for the Anki export dialog
• Anki dialog image preview works
• The extension now prevents recording media for a subtitle from any tab other than the one with the synced video.

Installation steps:

1. Download the zip, unzip it somewhere.
2. Go to chrome:https://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. Refresh any tabs where you intend to use the extension.

Usage:

1. Enable the extension.
2. Drag and drop a subtitle file into a video element to sync it with asbplayer.
   Or, after loading a subtitle file, detected tabs can be found by clicking the "video camera" icon in the bottom right. Choosing a tab will sync asbplayer with that video.
3. Clicking on the extension in the Chrome toolbar will open the options/help page.