https://github.com/tennisonchan/youtube-preview

An extension for previewing YouTube video on its thumbnail when hovering.
https://github.com/tennisonchan/youtube-preview

chrome-extension rating rewind youtube youtube-preview-demo

Last synced: 6 months ago
JSON representation

An extension for previewing YouTube video on its thumbnail when hovering.

• Host: GitHub
• URL: https://github.com/tennisonchan/youtube-preview
• Owner: tennisonchan
• Created: 2015-11-24T06:45:51.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2022-11-01T22:28:55.000Z (almost 3 years ago)
• Last Synced: 2025-03-28T03:24:59.562Z (7 months ago)
• Topics: chrome-extension, rating, rewind, youtube, youtube-preview-demo
• Language: JavaScript
• Homepage: https://chrome.google.com/webstore/detail/youtube-preview/gbkgikkleehfibaknfmdphhhacjfkdap
• Size: 5.92 MB
• Stars: 65
• Watchers: 4
• Forks: 3
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# YouTube Previewer

Youtube just got easier. Fast-forward through videos all before you have to watch the complete video.  Jump to your favorite parts in a preview motion. Not to mention you can even rewind in 10-second in one click!

[Download from Chrome Store](https://chrome.google.com/webstore/detail/youtube-preview/gbkgikkleehfibaknfmdphhhacjfkdap?utm_source=github)

## Features

### Preview Like a Gif

Speed through Youtube Videos. Jump to your favorite part, even fast-forward to your favorite part, all before you have to watch the whole video.

[![YouTube Preview Demo](https://raw.githubusercontent.com/tennisonchan/youtube-preview/78ed272/assets/rainbow-cat-demo.gif)](https://chrome.google.com/webstore/detail/youtube-preview/gbkgikkleehfibaknfmdphhhacjfkdap?utm_source=github&utm_campaign=demo)

### Rating (like / dislike) Bar

Look at the rating bar beforehand so you don't have to waste your time.

[![YouTube Preview Demo](https://raw.githubusercontent.com/tennisonchan/youtube-preview/78ed272/assets/funny-cat-rating-bar.png)](https://chrome.google.com/webstore/detail/youtube-preview/gbkgikkleehfibaknfmdphhhacjfkdap?utm_source=github&utm_campaign=demo)

### Rewind 10-sec

Rewind 10-second in one click

[![YouTube Preview Demo](https://raw.githubusercontent.com/tennisonchan/youtube-preview/78ed272/assets/obama-10-sec-rewind-button.png)](https://chrome.google.com/webstore/detail/youtube-preview/gbkgikkleehfibaknfmdphhhacjfkdap?utm_source=github&utm_campaign=demo)

### Setup

```sh

npm run pre-install

# Place your YouTube API key inside the env.js file

# cp app/scripts.babel/env-example.js app/scripts.babel/env.js

# npm install && bower install

# Re-compile the sources code automatically and Livereload(chromereload.js) reloads the extension

npm start

# Make a production version extension

npm run package

```