https://github.com/9at8/watch-and-learn

A browser extension that replaces Learn’s default player with video.js
https://github.com/9at8/watch-and-learn

Last synced: 2 days ago
JSON representation

A browser extension that replaces Learn’s default player with video.js

• Host: GitHub
• URL: https://github.com/9at8/watch-and-learn
• Owner: 9at8
• License: mit
• Created: 2021-01-27T09:11:58.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-04-15T10:07:15.000Z (6 months ago)
• Last Synced: 2024-04-18T07:02:30.433Z (6 months ago)
• Language: JavaScript
• Homepage: https://chrome.google.com/webstore/detail/watch-and-learn/flkieefnhcdppcpgpokibmokkochikei
• Size: 9.07 MB
• Stars: 13
• Watchers: 3
• Forks: 4
• Open Issues: 24
• Metadata Files:
  • Readme: README.org
  • License: LICENSE

Awesome Lists containing this project

README

        
* Watch and Learn

[[file:/static/icon128.png]]

A browser extension that replaces Learn's default video and audio player with [[https://videojs.com/][video.js]].

[[https://chrome.google.com/webstore/detail/watch-and-learn/flkieefnhcdppcpgpokibmokkochikei][Install from the chrome store]]

** Features and Screenshots

*** Binge mode

Now you can "Learn and Chill"!

[[file:/assets/binge-mode.gif]]

*** 3x playback rate

[[file:/assets/playback-rate.png]]

*** Default playback rate for all lectures

All videos will run at this rate without you needing to do anything. The default is 1x. You can also increment it in 0.05 step intervals.

[[file:/assets/default-playback-rate.jpg]]

*** Picture in picture

[[file:/assets/pip.png]]

** Reviews

- "/Makes dealing with the reality of video lectures a bit more manageable/" - 4B CS student

- "/MY LIFE HAS CHANGED! I no longer hate watching lectures on learn :)/" - 4B CS student

- and (potentially) many more ... (open an issue to add yours here!)

** Why?

The default video and audio player on Learn does not work well enough. It's missing a lot of keyboard shortcuts, seeking tracks is not precise and does not support picture in picture, which most browsers support.

This extension replaces the default player with a [[https://videojs.com][video.js]] player.

Video.js is an extensible video player for browsers, has a lot of plugins, and is used by a lot of companies in production. Watch and Learn leverages it to offer the following features:

- playback rates up to 3x on all videos and audios

- picture in picture support

- keyboard shortcuts like 'M' to mute, 'Space' to pause/play, 'F' to fullscreen, and many more using the 'videojs-hotkeys' plugin

** Known Issues

See issues - [[https://github.com/9at8/watch-and-learn/issues]]

** Installation (*recommended*)

1. Install from the [[https://chrome.google.com/webstore/detail/watch-and-learn/flkieefnhcdppcpgpokibmokkochikei][chrome store]]

** Installation (from zip)

1. Download the zip from the latest release and unzip it

1. Open [[chrome://extensions]]

1. Enable developer mode

1. Click on "Load unpacked", and pick this directory

** Contributing

1. Clone this repo

1. ~yarn~

1. ~yarn run build~ if you're installing

1. ~yarn run build:watch~ if you're testing

1. Open [[chrome://extensions]]

1. Enable developer mode

1. Click on "Load unpacked", and pick this directory