Skip to content

Video Timestamp Chrome Extension allows users to add and save timestamps from YouTube videos for future reference. This solves the challenge of remembering or manually noting down timestamps, making it highly useful for anyone who frequently references specific moments in videos. You can follow the steps in readme to deploy. Follow me for more😁✌🏻

License

Notifications You must be signed in to change notification settings

SartHak-0-Sach/Video_timestamp_bookmark_chrome-extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

10 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“Œ Video Timestamp Bookmark Chrome Extension

πŸ“‹ Table of Contents

  1. πŸ€– Introduction
  2. βš™οΈ Tech Stack
  3. πŸ“‚ File Structure
  4. πŸ”‹ Features
  5. 🀸 Quick Start
  6. πŸ”— Author
  7. πŸš€ More

πŸ€– Introduction

The Video Timestamp Bookmark Chrome Extension allows users to add and save timestamps from YouTube videos for future reference. This solves the challenge of remembering or manually noting down timestamps, making it highly useful for students, professionals, and anyone who frequently references specific moments in videos.

βš™οΈ Tech Stack

Technology Purpose
HTML, CSS, JS Core development of the extension interface
Chrome APIs Integration with Chrome for bookmarks, storage, and popup functionality

πŸ“‚ File Structure

The project follows this file structure for clarity and maintainability:

assets
β”œβ”€β”€ bookmark.png      # Icon for saving timestamps
β”œβ”€β”€ delete.png        # Icon for deleting bookmarks
β”œβ”€β”€ ext-icon.png      # Extension logo
β”œβ”€β”€ play.png          # Icon for playing bookmarked timestamps
β”œβ”€β”€ save.png          # Icon for saving
background.js         # Manages background tasks for the extension
contentScript.js      # Injected script for interacting with YouTube
manifest.json         # Chrome extension configuration file
popup.css             # Styling for the popup UI
popup.html            # Extension's popup interface
popup.js              # Handles functionality of popup
utils.js              # Helper functions for the extension
LICENSE
README.md

πŸ”‹ Features

  • πŸ“Œ Bookmark Timestamps: Save specific timestamps from YouTube videos for later.
  • πŸ“‚ Organized Storage: Keep bookmarks structured and easily accessible.
  • 🎬 Play From Bookmark: Resume watching from any saved timestamp with one click.
  • πŸ—‘οΈ Delete Bookmarks: Remove unwanted bookmarks quickly.
  • πŸ› οΈ User-Friendly Popup: Intuitive and minimalistic interface.

🀸 Quick Start

Installation

  1. Clone this repository:
    git clone https://github.com/yourusername/video-timestamp-bookmark.git
    cd video-timestamp-bookmark
  2. Open Chrome and navigate to chrome://extensions/.
  3. Enable Developer Mode in the top right corner.
  4. Click Load Unpacked and select the project folder.

Usage

  1. Navigate to any YouTube video.
  2. Click on the extension icon in the Chrome toolbar.
  3. Use the popup interface to:
    • Save the current timestamp.
    • View, play, or delete saved bookmarks.

πŸ”— Author

Sarthak Sachdev

πŸš€ More

Contributions are welcome! Feel free to submit a pull request or suggest features for the next version.

About

Video Timestamp Chrome Extension allows users to add and save timestamps from YouTube videos for future reference. This solves the challenge of remembering or manually noting down timestamps, making it highly useful for anyone who frequently references specific moments in videos. You can follow the steps in readme to deploy. Follow me for more😁✌🏻

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published