Adds the ability to add a bookmark to any place on a YouTube video (aka time-tags, notes, private comments).
Smart Bookmarks for YouTube: Productivity Up Extension
This extension was written due to lack of a bookmarking system on YouTube and inspired by Pluralsight. I love the ability of Pluralsight to add to any place on a video my own thoughts, ideas and notes that have to be reviewed later or even exported and reviewed later on any other device in Evernote. So I've made something similar in a \"Chrome Extension\" form-factor!
You can add multi-line comments to any place on a video and they will be visible only to you (until you want to share them!). The focus of this extension is shifted towards usability. Hotkeys are supported — they work inside the pop-up window and directly on YouTube's page.
Depending on the interest in the extension a lot of features may be added later. Also, feedback is highly appreciated. So don't hesitate and support development!
You will be able to:
1. Add a bookmark to any video.
2. Control any video with hotkeys (play\\pause\\rewind).
3. Quickly navigate to any bookmark without reloading a video.
4. Manage any previously added bookmarks (edit/delete).
5. See a list of all videos with bookmarks (and manage it).
6. Export bookmarks to a clipboard (for sharing with others).
7. Import bookmarks from a clipboard (from a friend or just from 'backup').
Use cases (ideas):
1. Education and learning: Invest in yourself by learning from YouTube videos.
2. Entertainment: You can bookmark the funniest moments in any video and share them with your friend.
3. Cooking: Mark different stages of a cooking video in order to quickly find the most important parts for you. Then export the recipe!
4. Programming: Save places that contains code or something that requires additional attention or reviewing.
5. Create a table of contents (TOC) for a video—and share it with others via a comment on the video's page. Save time for someone and someone will save it for you.
Please support the extension development and help it grow!
## How does it work?
### Adding a bookmark
Just navigate to any YouTube video and click on the extension icon. The pop-up will be opened. In order to add a bookmark just press the '+' (add) button. The bookmark will be added immediately to the video but without text. In order to add a text description for the bookmark, click the 'edit' button. You'll be redirected to an editor. Add any text; press 'save'. Done!
### Navigating to a bookmark
In order to navigate to a bookmark (to go to a saved point in a video) just click on a bookmark. Try it.
### Exporting bookmarks for a video
The bookmarks can be exported only to a particular video (not all bookmarks for all videos). In order to export it, navigate to a video on YouTube, open the extension and then click on the 'More' button (three dots in the right top corner) and then 'Export'. It will export your bookmarks in a YAML format.
Another way is to export them in a 'simple' format—use the 'Export (simple)' button.
### Importing bookmarks for a video
! Important: when you import your bookmarks, the old ones will be removed. In order to import a previously exported bookmark, navigate to a video to which you want to import bookmarks, open the extension and then click on the 'More' button (three dots in the right top corner) and then click 'Import'. Paste the exported bookmarks into the opened window and press 'Import'.
## Hotkeys (works inside a pop-up)
The extension also supports hotkeys. They are:
Video navigation:
`Space` - play/pause
`Comma` - backward 5 seconds
`Period` - forward 5 seconds
Bookmarking:
`a` - add immediate bookmark
`shift+i` - add bookmark with a text
`i` - add text for an immediate bookmark
Editing a bookmark's text:
`enter` - save changes
`shift+enter` - add a new line
`ctrl+b` - cancel editing
Change-log:
- 0.1.2.2 (Marche 31, 2024) - fix another \"response is not successful\" error on opening a supported page
- 0.1.2.1 (March 13, 2024) - fix \"response is not successful\" error on opening a supported page
- 0.1.2.0 (October 19, 2021) - improve add button behavior, fix youtube author and title
- 0.1.1.1 (August 29, 2021) - fix broken progress-bar annotation on youtube
- 0.1.1.0 (March 13, 2021) - add experimental progress-bar annotations on coursera.org, etc
- NEW: Experimental progress-bar annotations on coursera.org (position-fixer isn't working yet)
- NEW: Notifications on mouse hover on progress bar are now displayed on top of visual markers. Previously they were showing in the top right corner of the page
- NEW: \"Copy bookmark with range\" feature exports a time range to the clipboard
- example: \"00:21-00:24 incredible trick\"
- available in the bookmark-list (the popup) by:
- long mouse click on \"copy\" button on any bookmark
- Ctrl+Shift+C in the default hotkey mode (configurable)
- YY (shift+y twice) in the vim hotkey mode
- FIX: YouTube mouse over bookmarks on the progress-bar not showing a bookmark's note
- FIX: Invalid position of bookmark markers on progress-bar while toggling the full-screen in a video
0.1.0.2 (January 27, 2021) - disable google payments verification
0.1.0.1 (August 31, 2020) - fix simple import broken in some cases
0.1.0.0 (August 3, 2020) - add list navigation hotkeys to the popup, fixes, bump the minor version
- NEW: Add an experimental vim-like hotkey mode to the popup window (see options > popup options > hotkey mode)
- NEW: Add the ability to use keyboard shortcuts in the bookmark-list
- selecting bookmarks
- select the first bookmark in the list
- select the last bookmark in the list
- select next bookmark in the list
- select previous bookmark in the list
- editing the selected bookmark
- coping the selected bookmark
- deleting the selected bookmark
- navigating to the selected bookmark
- NEW: Add the ability to use keyboard shortcuts in the video-list for
- selecting videos
- select the first video in the list
- select the last video in the list
- select next video in the list
- select previous video in the list
- deleting the selected video
- navigating to the selected video
- NEW: bookmarks and videos are also selectable using a keyboard during the search in the popup
- NEW: highlight an active bookmark on opening the extension
- NEW: highlight an active video on opening the video list
- NEW: option to configure the escape button behavior for the popup
- FIX: incorrect behavior of the free trier - limits are working correctly now
- FIX: escape now cancels editing bookmark instead of closing the extension
- Notice 1: for the full list of available commands for the default hotkey mode see options > popup options > hotkeys
- Notice 2: the popup code is almost completely rewritten - a lot of bugs may be introduced
- Notice 3: the popup can be opened by the shortcut too in Chrome: Manage Extensions > Burger Menu > Keyboard shortcuts
0.0.14.1 (May 25, 2020) - fix purchases not detected due to minimization
0.0.14.0 (May 7, 2020) - ability to copy bookmark via a button, reset hotkeys to default; possibly performance improvements
0.0.13.2 (April 24, 2020) - add coursera support, fix supported video detection
0.0.13.0 (November 18, 2019) - add new feature: \"add bookmark and fix position\", bug-fixes
0.0.12.0 (June 9, 2019) - add options for \"+\" button, add hotkeys configuration for the popup, small enhancements
0.0.11.0 (June 1, 2019) - add progress bar annotation for youtube.com, target chrome 65
0.0.10.0 (May 27, 2019) - add page-scope hotkeys, preferences and notifications
0.0.9.0 (May 23, 2019) - add support for EDX, embed player
0.0.8.0 (April 24, 2019) - add support for global hotkeys (configurable via the extensions -> 'keyboard shortcuts' in chrome)
0.0.7.0 (April 5, 2019) - (1) add support for HTML5 players on khanacademy.org and skillshare.com (2) disable 'add' button on non-supported pages.
0.0.6.0 (March 7, 2019) - add support for bookmarking on vimcasts.org
0.0.5.0 (March 1, 2019) - add the ability to search inside bookmarks and videos (press CTRL+F to trigger the search-bar)
Read more
You can add multi-line comments to any place on a video and they will be visible only to you (until you want to share them!). The focus of this extension is shifted towards usability. Hotkeys are supported — they work inside the pop-up window and directly on YouTube's page.
Depending on the interest in the extension a lot of features may be added later. Also, feedback is highly appreciated. So don't hesitate and support development!
You will be able to:
1. Add a bookmark to any video.
2. Control any video with hotkeys (play\\pause\\rewind).
3. Quickly navigate to any bookmark without reloading a video.
4. Manage any previously added bookmarks (edit/delete).
5. See a list of all videos with bookmarks (and manage it).
6. Export bookmarks to a clipboard (for sharing with others).
7. Import bookmarks from a clipboard (from a friend or just from 'backup').
Use cases (ideas):
1. Education and learning: Invest in yourself by learning from YouTube videos.
2. Entertainment: You can bookmark the funniest moments in any video and share them with your friend.
3. Cooking: Mark different stages of a cooking video in order to quickly find the most important parts for you. Then export the recipe!
4. Programming: Save places that contains code or something that requires additional attention or reviewing.
5. Create a table of contents (TOC) for a video—and share it with others via a comment on the video's page. Save time for someone and someone will save it for you.
Please support the extension development and help it grow!
## How does it work?
### Adding a bookmark
Just navigate to any YouTube video and click on the extension icon. The pop-up will be opened. In order to add a bookmark just press the '+' (add) button. The bookmark will be added immediately to the video but without text. In order to add a text description for the bookmark, click the 'edit' button. You'll be redirected to an editor. Add any text; press 'save'. Done!
### Navigating to a bookmark
In order to navigate to a bookmark (to go to a saved point in a video) just click on a bookmark. Try it.
### Exporting bookmarks for a video
The bookmarks can be exported only to a particular video (not all bookmarks for all videos). In order to export it, navigate to a video on YouTube, open the extension and then click on the 'More' button (three dots in the right top corner) and then 'Export'. It will export your bookmarks in a YAML format.
Another way is to export them in a 'simple' format—use the 'Export (simple)' button.
### Importing bookmarks for a video
! Important: when you import your bookmarks, the old ones will be removed. In order to import a previously exported bookmark, navigate to a video to which you want to import bookmarks, open the extension and then click on the 'More' button (three dots in the right top corner) and then click 'Import'. Paste the exported bookmarks into the opened window and press 'Import'.
## Hotkeys (works inside a pop-up)
The extension also supports hotkeys. They are:
Video navigation:
`Space` - play/pause
`Comma` - backward 5 seconds
`Period` - forward 5 seconds
Bookmarking:
`a` - add immediate bookmark
`shift+i` - add bookmark with a text
`i` - add text for an immediate bookmark
Editing a bookmark's text:
`enter` - save changes
`shift+enter` - add a new line
`ctrl+b` - cancel editing
Change-log:
- 0.1.2.2 (Marche 31, 2024) - fix another \"response is not successful\" error on opening a supported page
- 0.1.2.1 (March 13, 2024) - fix \"response is not successful\" error on opening a supported page
- 0.1.2.0 (October 19, 2021) - improve add button behavior, fix youtube author and title
- 0.1.1.1 (August 29, 2021) - fix broken progress-bar annotation on youtube
- 0.1.1.0 (March 13, 2021) - add experimental progress-bar annotations on coursera.org, etc
- NEW: Experimental progress-bar annotations on coursera.org (position-fixer isn't working yet)
- NEW: Notifications on mouse hover on progress bar are now displayed on top of visual markers. Previously they were showing in the top right corner of the page
- NEW: \"Copy bookmark with range\" feature exports a time range to the clipboard
- example: \"00:21-00:24 incredible trick\"
- available in the bookmark-list (the popup) by:
- long mouse click on \"copy\" button on any bookmark
- Ctrl+Shift+C in the default hotkey mode (configurable)
- YY (shift+y twice) in the vim hotkey mode
- FIX: YouTube mouse over bookmarks on the progress-bar not showing a bookmark's note
- FIX: Invalid position of bookmark markers on progress-bar while toggling the full-screen in a video
0.1.0.2 (January 27, 2021) - disable google payments verification
0.1.0.1 (August 31, 2020) - fix simple import broken in some cases
0.1.0.0 (August 3, 2020) - add list navigation hotkeys to the popup, fixes, bump the minor version
- NEW: Add an experimental vim-like hotkey mode to the popup window (see options > popup options > hotkey mode)
- NEW: Add the ability to use keyboard shortcuts in the bookmark-list
- selecting bookmarks
- select the first bookmark in the list
- select the last bookmark in the list
- select next bookmark in the list
- select previous bookmark in the list
- editing the selected bookmark
- coping the selected bookmark
- deleting the selected bookmark
- navigating to the selected bookmark
- NEW: Add the ability to use keyboard shortcuts in the video-list for
- selecting videos
- select the first video in the list
- select the last video in the list
- select next video in the list
- select previous video in the list
- deleting the selected video
- navigating to the selected video
- NEW: bookmarks and videos are also selectable using a keyboard during the search in the popup
- NEW: highlight an active bookmark on opening the extension
- NEW: highlight an active video on opening the video list
- NEW: option to configure the escape button behavior for the popup
- FIX: incorrect behavior of the free trier - limits are working correctly now
- FIX: escape now cancels editing bookmark instead of closing the extension
- Notice 1: for the full list of available commands for the default hotkey mode see options > popup options > hotkeys
- Notice 2: the popup code is almost completely rewritten - a lot of bugs may be introduced
- Notice 3: the popup can be opened by the shortcut too in Chrome: Manage Extensions > Burger Menu > Keyboard shortcuts
0.0.14.1 (May 25, 2020) - fix purchases not detected due to minimization
0.0.14.0 (May 7, 2020) - ability to copy bookmark via a button, reset hotkeys to default; possibly performance improvements
0.0.13.2 (April 24, 2020) - add coursera support, fix supported video detection
0.0.13.0 (November 18, 2019) - add new feature: \"add bookmark and fix position\", bug-fixes
0.0.12.0 (June 9, 2019) - add options for \"+\" button, add hotkeys configuration for the popup, small enhancements
0.0.11.0 (June 1, 2019) - add progress bar annotation for youtube.com, target chrome 65
0.0.10.0 (May 27, 2019) - add page-scope hotkeys, preferences and notifications
0.0.9.0 (May 23, 2019) - add support for EDX, embed player
0.0.8.0 (April 24, 2019) - add support for global hotkeys (configurable via the extensions -> 'keyboard shortcuts' in chrome)
0.0.7.0 (April 5, 2019) - (1) add support for HTML5 players on khanacademy.org and skillshare.com (2) disable 'add' button on non-supported pages.
0.0.6.0 (March 7, 2019) - add support for bookmarking on vimcasts.org
0.0.5.0 (March 1, 2019) - add the ability to search inside bookmarks and videos (press CTRL+F to trigger the search-bar)
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Smart Bookmarks for YouTube: Productivity Up", "short_name": "smart-bookmarks", "version": "0.1.2.2", "default_locale": "en", "description": "Adds the ability to add a bookmark to any place on a YouTube video (aka time-tags, notes, private comments).", "permissions": [ "storage" ], "content_security_policy": "script-src 'self' https://ssl.google-analytics.com 'unsafe-eval'; object-src 'self'", "author": "Pavel Sapehin", "icons": { "16": "icon-32.png", "128": "icon-128.png" }, "browser_action": { "default_icon": { "19": "icon-32.png", "38": "icon-32.png" }, "default_title": "Smart Bookmarks for YouTube", "default_popup": "index.html" }, "background": { "scripts": [ "buy.js", "background-script.js" ] }, "content_scripts": [ { "matches": [ "*://*.youtube.com/*", "*://youtube.com/*", "*://youtu.be/*", "*://*.skillshare.com/*", "*://skillshare.com/*", "*://coursera.org/*", "*://*.coursera.org/*", "*://*.khanacademy.org/*", "*://khanacademy.org/*", "*://*.vimcasts.org/*", "*://vimcasts.org/*", "*://*.edx.org/*", "*://edx.org/*" ], "js": [ "content-script.js" ], "all_frames": true } ], "web_accessible_resources": [ "components/snackbar/*", "component-injector.js" ], "commands": { }}
Read more