asbplayer-extension v0.20.0

It is highly recommended to upgrade to this version of the extension as it includes the Manifest V3 upgrade which will be enforced by Chrome in 2023. This means all previous versions of the extension will no longer work some time in 2023.

Changes:

• Enhancement: Manifest V3 upgrade.
• Enhancement: Much improved tab management. In most cases the extension should no longer create tabs unnecessarily. As a result the "auto sync" feature has greatly improved UX.
• Enhancement: Anki dialog supports zoom-out for time rang selection and the radius for surrounding subtitles is configurable.
• Enhancement: No longer need to click check mark button to apply time range selection to the sentence field.
• Enhancement: Update availability check.
• Enhancement: Language preferences for auto-detected subtitles are saved per-site (i.e. separated between YouTube and Netflix).
• Enhancement: Do not prime UI when mining a subtitle for the first time from a specific video. Prevent audio clip lag on some sites.
• Bug fix: Auto-pause works even if subtitles are not being displayed.
• Bug fix: Update-last-card keyboard shortcut respects audio-encoding preference.
• Bug fix: Properly sanitize file names before storing in Anki.
• Security: Validation on HTTP requests from extension to ensure that they are AnkiConnect commands.
• Security: Improved security in window-frame communication.

Installation:

1. Download asbplayer-extension-0.20.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.

asbplayer-extension v0.19.0

Changes:

• Feature: Keyboard shortcut to retake a screenshot (Ctrl+Shift+V by default).
• Feature: Keyboard shortcut to update-last-card with media (Ctrl+Shift+U by default).
• Feature: Keyboard shortcut to toggle auto-pause mode (Shift+P by default).
• Feature: Rewind button on Anki dialog that seeks video to beginning of mined subtitle.
• Feature: Copy-image-to-clipboard button in Anki dialog.
• Feature: Support new asbplayer setting for automatically copying subtitle to clipboard when mining it.
• Improvement: Less lag when loading Anki dialog for the first time.
• Bug fix: Caps lock doesn't break key binds.
• Bug fix: Netflix video title detection doesn't break as often.

Installation steps:

1. Download asbplayer-extension-0.19.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. Refresh any tabs where you intend to use the extension.
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.

asbplayer-extension v0.18.2

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://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).

asbplayer-extension v0.18.1

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://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).

asbplayer-extension v0.18.0

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://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).

asbplayer-extension-0.17.0

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://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).

asbplayer-extension-0.16.1

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://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.

asbplayer-extension-0.16.0

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://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.

asbplayer-extension-0.15.0

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://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.

asbplayer-extension-0.14.0

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://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.