Take timestamped notes of YouTube videos directly in the browser.

Latest Version

Version
1.0
Update
March 5, 2024
Size
17.66KiB
Developer
Category
Users
64
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Tabs
ActiveTab
Storage
See more

YouTube Notes Extension

The YouTube Notes Chrome extension is a useful tool for taking timestamped notes on YouTube videos and storing them locally within your browser.

Usage
To utilize the YouTube Notes extension effectively, follow these steps:

1. Pinning the Extension
It's recommended to pin the extension in your browser for easy access. Click the jigsaw icon in your browser toolbar, then select the pin icon for the YouTube Notes extension. If you prefer shortcuts, you can access it by pressing Ctrl + Y on Windows and Linux, or Cmd + I on Mac (the shortcut was chosen to be Y for easy remembrance (YoutTube), but on Mac, it opens the latest downloads).

2. Creating Notes
- Navigate to any YouTube video you want to take notes on.
- Play the video until the moment you want to take notes. You can pause the video or keep it playing. The extension will automatically capture the timestamp when you open it.

3. Editing Notes
- Open the extension on the video where you took notes.
- Locate the note you want to edit and click on the timestamp associated with that note.
- The video will be navigated to the corresponding moment, and the note will appear in the text box.
- Edit the note as desired and save it again.

4. Deleting Notes
- Open the extension on the video where you took notes.
- Find the note you want to delete and click on the trash icon.
- To confirm the deletion, select the check icon. Otherwise, click the cross icon.

5. Viewing All Notes
Please note that the functionality to view all notes directly within the extension is not yet implemented. However, you can still access your notes since they are stored locally in your browser. Follow these steps:

- Install the Storage Area Explorer extension.
- Right-click on the extension icon in your browser's toolbar and select \"Inspect pop-up.\"
- Navigate to the \"Storage Explorer\" tab. You will find your notes stored there, where you can remove, edit, or export them.

The format used to store the notes is as follows:
- The channels key stores all the channels for the videos you took notes on, formatted as {channelId: channelName, ...}.
- For each of the previous channelIds, you will find a key with the channelId storing the videos from that channel you took notes on, formatted as {videoId: videoName, ...}.
- Finally, for each video with ID videoId, you will find a key with the videoId storing the notes you took on that video, formatted as {timestamp: note, ...}.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "YouTube Notes", "description": "Take timestamped notes of YouTube videos directly in the browser.", "version": "1.0", "icons": { "16": "images/icon-16.png", "32": "images/icon-32.png", "48": "images/icon-48.png", "128": "images/icon-128.png" }, "background": { "service_worker": "background.js" }, "action": { "default_popup": "yt-notes/popup.html", "default_icon": { "16": "images/icon-16.png", "32": "images/icon-32.png", "48": "images/icon-48.png", "128": "images/icon-128.png" } }, "content_scripts": [ { "matches": [ "https://*.youtube.com/watch*" ], "css": [ "yt-notes/popup.css" ], "run_at": "document_idle", "js": [ "content.js" ] } ], "permissions": [ "tabs", "activeTab", "storage" ], "host_permissions": [ "https://www.youtube.com/watch*" ], "externally_connectable": { "matches": [ "https://www.youtube.com/watch*" ] }, "commands": { "_execute_action": { "suggested_key": { "default": "Ctrl+Y", "mac": "Command+I" } } }}
Read more

How to download and manually install YouTube Notes extension for Chrome

Looking for a way to install YouTube Notes extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install YouTube Notes extensions manually, this article outlines two simple methods to effortlessly install YouTube Notes extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download YouTube Notes extension and manually install through Drag &Drop

If you ever need to manually install a YouTube Notes extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the YouTube Notes Extension by clicking the "Download CRX" button on the website.

Look for the YouTube Notes extension you wish to install. Go to the website and download the YouTube Notes extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for YouTube Notes extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the YouTube Notes extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download YouTube Notes extension for Chrome and install in Developer Mode

This is another method to install YouTube Notes extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the YouTube Notes extension file

Select and download the YouTube Notes extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the YouTube Notes extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your YouTube Notes extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the YouTube Notes extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install YouTube Notes extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

YouTube Notetaker | Terrain Extension · Productivity 64 11 ★ 19.44KiB

icon

matrixNote - notes in side panel Extension · Productivity 64 3 ★ 218KiB

icon

ZippyNotes - Take notes on YouTube videos Extension · Productivity 64 3 ★ 1.53MiB

icon

YouTube Time Labels Extension · Productivity 64 10 ★ 125KiB

icon

Video-Notes Extension · Productivity 64 8 ★ 3.64MiB

icon

ReClipped: YouTube Notes & Screenshots Extension · Productivity 64 46 ★ 4.04MiB

icon

vidyaNote - youtube notes & highlighter Extension · Productivity 64 4 ★ 205KiB

icon

Youtube Timestamp Bookmarker Extension · Productivity 64 10 ★ 27.81KiB

icon

LunaNotes - Take notes on YouTube Extension · Productivity 64 59 ★ 308KiB

icon

VideoMark - Take notes on YouTube, Coursera Extension · Productivity 64 11 ★ 4.41MiB

icon

NattyNote Extension · Productivity 64 3 ★ 19.59KiB

icon

YouTube Notes to Notion with Udemy, Coursera, BiliBili and more by Snipo Extension · Productivity 64 143 ★ 2.4MiB

icon

Askify - Youtube Notes Extension · Productivity 64 184 ★ 740KiB

icon

QuickNote YouTube Pro Extension · Productivity 64 2 ★ 300KiB

icon

Youtube Notes Extension · Productivity 64 1 ★ 36.12KiB

icon

Transnote - Video Notes for YouTube Extension · Productivity 64 12 ★ 6.04MiB

icon

Smart Bookmarks for YouTube: Productivity Up Extension · Productivity 64 47 ★ 902KiB

icon

Youtube Timestamp Saver Extension · Productivity 64 16 ★ 55.04KiB

icon

YouTube Timestamps Extension · Productivity 64 39 ★ 16.03KiB

icon

Clarity Extension · Productivity 64 16 ★ 1.65MiB

icon

Note Sidebar Extension · Productivity 64 60 ★ 564KiB

icon

Bookmarker for YouTube Extension · Productivity 64 24 ★ 681KiB

icon

YiNote Extension · Productivity 64 130 ★ 10.01MiB

icon

Annotate.tv Extension · Accessibility 64 12 ★ 8.14KiB