Git Product home page Git Product logo

videospeed's Introduction

The science of accelerated playback

TL;DR: faster playback translates to better engagement and retention.

The average adult reads prose text at 250 to 300 words per minute (wpm). By contrast, the average rate of speech for English speakers is ~150 wpm, with slide presentations often closer to 100 wpm. As a result, when given the choice, many viewers speed up video playback to ~1.3~1.5 its recorded rate to compensate for the difference.

Many viewers report that accelerated viewing keeps their attention longer: faster delivery keeps the viewer more engaged with the content. In fact, with a little training many end up watching videos at 2x+ the recorded speed. Some studies report that after being exposed to accelerated playback, listeners become uncomfortable if they are forced to return to normal rate of presentation.

Faster HTML5 Video

HTML5 video provides a native API to accelerate playback of any video. The problem is many players either hide or limit this functionality. For the best results, playback speed adjustments should be easy and frequent to match the pace and content being covered: we don't read at a fixed speed, and similarly, we need an easy way to accelerate the video, slow it down, and quickly rewind the last point to listen to it a few more times.

Player

** Once the extension is installed simply navigate to any page that offers HTML5 video (example), and you'll see a speed indicator in top left corner. Hover over the indicator to reveal the controls to accelerate, slowdown, and quickly rewind or advance the video. Or, even better, simply use your keyboard:

  • S - decrease playback speed.
  • D - increase playback speed.
  • R - reset playback speed to 1.0x.
  • Z - rewind video by 10 seconds.
  • X - advance video by 10 seconds.
  • G - toggle between current and user configurable preferred speed.
  • V - show/hide the controller.

You can customize and reassign the default shortcut keys in the extensions settings page as well as add additional shortcut keys to match your preferences. As an example, you can assign multiple "preferred speed" shortcuts with different values, allowing you to quickly toggle between your most frequently used speeds. To add a new shortcut, open extension settings and click "Add New". After making changes or adding new settings, remember to refresh the video viewing page for them to take effect.

settings Add New shortcut

Unfortunately, some sites may assign other functionality to one of the shortcut keys - this is inevitable. As a workaround, the extension listens both for lower and upper case values (i.e. you can use Shift-<shortcut>) if there is other functionality assigned to the lowercase key. This is not a perfect solution since some sites may listen to both, but it works most of the time.

FAQ

The video controls are not showing up? This extension is only compatible with HTML5 video. If you don't see the controls showing up, chances are you are viewing a Flash video. If you want to confirm, try right-clicking on the video and inspect the menu: if it mentions flash, then that's the issue. That said, most sites will fallback to HTML5 if they detect that Flash it not available. You can try manually disabling Flash plugin in Chrome:

  • In a new tab, navigate to chrome://settings/content/flash
  • Disable "Allow sites to run Flash"
  • Restart your browser and try playing your video again

The speed controls are not showing up for local videos? To enable playback of local media (e.g. File > Open File), you need to grant additional permissions to the extension.

  • In a new tab, navigate to chrome://extensions
  • Find "Video Speed Controller" extension in the list and enable "Allow access to file URLs"
  • Open a new tab and try opening a local file; the controls should show up.

License

(MIT License) - Copyright (c) 2014 Ilya Grigorik

videospeed's People

Contributors

alexkudrow avatar arjun-io avatar asselin avatar bk7312 avatar canarslan12 avatar chadbailey avatar codebicycle avatar deefdragon avatar dotproto avatar elijahlynn avatar fent avatar gitoffthelawn avatar igrigorik avatar jbrains avatar jedawson avatar jordn avatar majinbui avatar mariusi7 avatar metaist avatar oggy avatar paulirish avatar pd4d10 avatar russelldavis avatar sainaen avatar seansilke avatar siadat avatar simevidas avatar thewheat avatar thrashbun avatar vovayatsyuk avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

videospeed's Issues

Clash with Lynda.com's HTML5 videos?

I believe that Video Speed Controller freezes Lynda.com pages when the HTML5 video format is picked and a user tries to play a video.

Perhaps you can see this happening on a page like this:
http://www.lynda.com/Storyline-tutorials/Articulate-Storyline-2-First-Look/192762-2.html

You may want to know that Lynda.com offers buttons to speed up HTML5 videos, but only up to 2x. Maybe this is the reason?

The reason I believe that the extension clashes is that the pages and HTML5 videos worked fine when I disabled the extension.

Obviously I can switch to the other video format, or disable the extension temporarily and use the site's built-in accelerator, but I just wanted to check first whether the problem has a solution, as I prefer to use the extension if possible, as it offers more customizable control over video speeds.

Additional Shortcuts

Great work! This chrome extension is simple yet very helpful. If possible, it would be really convenient to be able to assign a keyboard shortcut to play/pause and to skip forward by a defined interval.

Awesome work, Thanks!

Wishlist: Hulu

Christmas came early when I found out today that videospeed works with Netflix. Is this new?

Any chance it could work with Hulu?

Exclusions website

Create a exclusions website filter that tells the extension what websites not to run on. Kind of like adblock's version of it.

Thanks!

Show overlay speed whenever speed is changed

It seems the overlay disappears when the mouse isn't hovered over the video for a few seconds. This is fine but I want to be able to see what the speed is when I change the speed. The overlay should return briefly whenever the speed is changed so the user can see what the current speed setting is.

Buttons on Configure page not working

After checking the box for "Remember Playback Speed," I can't click the save button to save the configuration, and therefore the option to remember playback speed isn't available. The "Restore Defaults" button also doesn't seem to work.
screen shot 2014-08-25 at 4 08 44 pm

Alternative sortcuts

I’m using more than one keyboard layout (English/Hebrew/Russian/Arabic), so when I search YouTube in one of the other languages, the shortcuts do not work.

If you could add additional alternative layout for each of the actions, it would be most helpful, I’ll then just add the equivalent to the A-S-D keystrokes on the other layouts.

Thank you!

New shortcut to 'restore' original speed (1x)

I use this extension quite a bit to watch slow motion replays of baseball. After I have replayed the desired section in slow mode I always want to restore the speed, which requires me to press multiple times to get back to 1x. Would a PR be accepted to add a keyboard shortcut for the "r" key to restore to a hardcoded 1x speed?

Options Panel having no effect

I believe the May 17 update broke the options / settings functionality. They're being saved, but not used.

I found this issue while testing addition of an "Advance" (skip forward) option button, and had to back up and verify I hadn't broken it myself.

Custom playback speed not saved for embedded videos

For example, on Khan Academy website, I have to keep speeding up the video manually with every new page, which can get tedious with short videos and long courses with many of them; plus keyboard shortcuts not working on such pages makes things even more repetitive as one is forced to use the mouse.

It would help a little if the + any - signs are always visible—with the speed—and clickable.

Thank you.

Keyboard controls not working in fullscreen?

Hi.

This used to work just fine (last time I used it was about three weeks ago) but today when I'm watching a Netflix video in fullscreen the keyboard speed up and slow down keys do not respond. It still shows the current speed in the corner as if the plugin were active. If I hit escape to back out of fullscreen and continue watching within the browser then I can use the keyboard controls.

If I go to Chrome's View menu and choose to make Chrome fullscreen, then it works. For some reason it's just Netflix's fullscreen control that is making it behave oddly.

I'm using Google Chrome Version 43.0.2357.134 (64-bit) running in Ubuntu 15.04

Off by 5%

Every now and then the speed difference will be off by 5% vs 10%. This has only happened on YouTube videos so far. When I figure out how to reproduce I will post here. Until then just consider this a stub.

Default speed & indicator showing.

I would like to see a feature where you can specify a default starting speed for every video. Since Youtube introduced higher speeds, I've been watching most videos at 1.25 or 1.5x so this would save a little bit of time in the beginning of every video. The 'remember playback speed' kind of works, but an overall default would be alot better.

Also I'd like to have an option for the speed indicator in the corner to be always visible when not in fullscreen. Like it used to be, before an update a while ago. Or maybe make it so that the speed indicator becomes visible when you change the speed with keyboard controls.

Video freezing when using Video Speed Controller

Hello there!

First of all I wish to say I LOVE your app :)

That said, I wish to know if you are aware of an issue that when using video speed controller the video freezes? (it freezes, unfreeze, freeze and unfreeze again and keep doing it) Tried reinstalling but didn't help.

Thank you very much and I'be very glad for your reply.
Take care!

keep the minimum at 0.00

keep the minimum at 0.00 not .05 since I use it w/ a change of 1.00 and use the min as a pause and I can't get the maximum 4.00 since it would exceed it at 4.05 which causes the audio to not work

Vine Issue

This extension prevents users from being able to un-mute embedded Vines, as shown here:

image

Change speed/rewind while video is paused

I'm not sure if it's always been like this or if I just noticed it. It seems that now the speed change and rewind don't work while the video is paused (shortcuts or with the mouse buttons).

hitbox.tv overlay too big

The controller overlay covers the whole video screen on hitbox.tv, obstructing all video controls.

auto-hide in netflix?

Awesome extension. i was just wondering if there was any way to make it auto-hide while watching netflix as it's quite distracting sitting in the top corner all the time.

2 suggestions

Allow arrow keys to be configured for fast forward and rewind.

Add a turn off the lights function so that everything but the video is darkened. See Turn Off The Lights extension for more details.

Thx

feature request: enable speed control on file:// URLs

Thanks for this plugin - it's just what i was looking for.

I tried to use it to change the speed on video files that i opened directly in the browser. This didn't work; I'm guessing the plugin doesn't run in this case.

thanks in advance.

Unusable in full screen youtube video

When in full screen moving the cursor near the top edge of the video makes the title + social buttons bar appear over the extension controls, making them almost impossible to use.

Mac OS X 10.9.4 / Chrome 36

Limit permission to youtube.com

I'm always very cautious with extensions that ask for data access on all websites.
Do you think it might make sense to limit to *youtube.com?

Unwanted keypress events get triggered when typing in input box

For example, when viewing a video on YouTube, if I type some characters in the search box at the top of the YouTube webpage while the video is playing below it, if one of those characters are 'a', 's', or 'd', the keypress events of the extension get triggered, affecting the speed of the video.

The characters typed should be ignored when typed within an input text field.

Overlay position in video

Is there a way to re-position the speed overlay? In my opinion i'ts in an inconvenient place right now in the top left, and often covers up some of the content (most notably when it's on top of text in the video). It seems like a much less busy area would be the upper right, or even the bottom right. Is this possible?

Is it possible to make the Shortcuts available in the offline video player?

Hello,

Thank you for the extension.
It would be great if the shortcuts are also available while playing videos offline. In addition to the "rewind 10 sec" shortcut, adding a "forward 10 sec" shortcut would be also nice. i.e. something similar to the shortcuts in "Potplayer".

Thank you again

Zaphod Beeblebrox
President of the Galaxy :P

Remember playback speed

I think there may be a bug with this setting. Recently I noticed the video speed setting would start wherever I left it in a previous video. However, I have this option unchecked in the Options page. Is this checkbox flipped?

Make shortcuts customizeable

Love the extension! One thing I'd like to see, though, is the ability to customize the shortcuts, particularly with modifier keys. A S and D simply interfere with video players. For example, S opens up the Share window in Vimeo, one of the largest video services.

on-screen control covered by overlay

A lot of videos recently show title or other information along the top of a video on hover, this tends to cover-up the onscreen speed control making it difficult to adjust.

Show overlay on hover

So that it doesn't cover the video.
Full screen might be an issue, because arguably, the mouse is always over it.

Able to get this working on mobile platforms (iOS/Android)?

I rely on videospeed everyday (who has time for 1x?!), but I end up queueing videos longer than 10min to watch on my laptop.

Is there a way to get something like this working for iOS / Android? Hacks are fine for me, but it would be fun to build an app too.

Request : Auto hide speed bar that show on video

Hi! I love this chrome extension very very much. :D

But speed bar that show on video is bothersome, it will be great if you can make it auto hide.

Thank you so much for this awesome extension!

Separate "speed step" into forward/backwards

Lots of people get confused about "a" key rewinding and decreasing playback speed. We can separate this behavior and allow customization by splitting "speed increment" + initializing rewind key to 0.

Wisita

Love your product! but its not working on Wistia Videos.

Playback speed is not restored between YouTube playlist videos

The current playback speed is not restored but set to 1.00 between YouTube playlist videos, although the "Remember Playback Speed" setting is checked. This happens although the current and previous videos are HTML5. Version is 0.2.2

I've noticed the same issue on a few videos.. need to investigate.

Control visibility / color / opacity of button

Hi. Thank you very much for this excellent Chrome extension.

The very first time I tried to use the extension, I could neither use the shortcuts (pressing them had no effect), nor see the button at all. I thought something was wrong, and refreshed the page, but still nothing. I was going to uninstall the extension in disappointment. But something made me watch another video before uninstalling (just for the heck of it), and lo and behold, I do notice the button—but barely—hiding at the top left corner of the video! And it was a lucky shot, because that specific video just happened to have two thick black bars or borders at the right and left.

According to this experience, I strongly recommend some sort of slider or extra button that helps the user control the transparency / opacity of the button after they first notice it. Or even better, you can even update the extension so that the button shows up with an obvious color and no transparency / opacity, but as soon as the user hovers the mouse pointer over it, the button takes on a subtle color and gets becomes 50% or so transparent. Then the user can make it more visible again should they wish to do so.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.