From 71e3c9e32fc3336a62720c785554f84792cad913 Mon Sep 17 00:00:00 2001 From: Ilya Grigorik Date: Sun, 2 Mar 2014 19:22:09 -0800 Subject: [PATCH 1/5] first pass at a readme --- README.md | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..e8d848e --- /dev/null +++ b/README.md @@ -0,0 +1,39 @@ +# The science of accelerated playback + +Average adult reads prose text at [250 to 300 words per minute][1] (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 people [speed up video playback to ~1.3~1.5 its recorded rate][2] to compensate for the difference. + +Better, many students report that [accelerated viewing keeps their attention longer][3]: faster deliver keeps the viewer more engaged with the content. With a little training, many end up watching videos comfortable at speeds twice the normal speed and even higher. In fact, some studies report that after being exposed to accelerated playback, [listeners become uncomfortable](http://xenia.media.mit.edu/~barons/html/avios92.html#beasleyalteredspeech) if they are forced to return to normal rate of presentation. + +*In short, faster playback can translate to better engagement and quicker progress.* + +## Faster HTML5 Video + +Good news, HTML5 video provides a native API to accelerate playback of any video. The problem is, many players either hide, or limit this functionality. For best results, you want to be able to adjust the playback speed continuously: we don't read at a fixed speed, and similarly, you should have a simple and easy way to accelerate the video, slow it down, or quickly rewind the last point to listen to it a few more times. + +![Stats](https://lh6.googleusercontent.com/0irdyySLwcMyzqWoqBWr6q3o8i1RNyJyY4Lfv0DX0adQlHuzqsf_5QrYs3Bte2Dc59wSUojGhg=s640-h400-e365-rw) + +#### *[Install Chrome Extension](https://chrome.google.com/webstore/detail/html5-video-playback-spee/nffaoalbilbmmfgbnbgppjihopabppdk)* + +Once the extension is installed simply navigate to any page that offers HTML5 video ([example](http://www.youtube.com/watch?v=E9FxNzv1Tr8)), and you'll see a speed indicator in top right corner. Hover over the indicator to reveal the controls to accelerate, slowdown, or rewind the video (10 seconds + lowers playback speed). Or, even better, simply use your keyboard: + +* *a* - will rewind video 10s and lower playback speed. +* *s* - will lower playback speed. +* *d* - will accelerate playback speed. + +Enjoy. Also, as a protip for YouTube: make sure you [enable the HTML5 opt-in experiment](http://www.youtube.com/html5)! + + +## Wishlist / Todo list + +* Make it not suck with Vimeo content: "s" shortcut and button clicks +* Some YouTube videos still fallback to flash: force iOS user-agent to force HTML5? +* Add plumbing for configurable shortcuts +* Your awesome feature here... Pull requests are welcome! + + +(MIT License) - Copyright (c) 2014 Ilya Grigorik + + +[1](http://www.paperbecause.com/PIOP/files/f7/f7bb6bc5-2c4a-466f-9ae7-b483a2c0dca4.pdf) +[2](http://research.microsoft.com/en-us/um/people/lhe/papers/chi99.tc.pdf) +[3](http://www.enounce.com/docs/BYUPaper020319.pdf) From 680d75997695117afbcae4dedd48d570210bd0e0 Mon Sep 17 00:00:00 2001 From: Ilya Grigorik Date: Sun, 2 Mar 2014 19:33:44 -0800 Subject: [PATCH 2/5] moar better readme --- README.md | 32 +++++++++++++++----------------- 1 file changed, 15 insertions(+), 17 deletions(-) diff --git a/README.md b/README.md index e8d848e..ccf01d6 100644 --- a/README.md +++ b/README.md @@ -1,39 +1,37 @@ # The science of accelerated playback -Average adult reads prose text at [250 to 300 words per minute][1] (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 people [speed up video playback to ~1.3~1.5 its recorded rate][2] to compensate for the difference. +**TL;DR: faster playback can translate to better engagement, retention, and much quicker progress.** -Better, many students report that [accelerated viewing keeps their attention longer][3]: faster deliver keeps the viewer more engaged with the content. With a little training, many end up watching videos comfortable at speeds twice the normal speed and even higher. In fact, some studies report that after being exposed to accelerated playback, [listeners become uncomfortable](http://xenia.media.mit.edu/~barons/html/avios92.html#beasleyalteredspeech) if they are forced to return to normal rate of presentation. +Average adult reads prose text at [250 to 300 words per minute](http://www.paperbecause.com/PIOP/files/f7/f7bb6bc5-2c4a-466f-9ae7-b483a2c0dca4.pdf) (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 people [speed up video playback to ~1.3~1.5 its recorded rate](http://research.microsoft.com/en-us/um/people/lhe/papers/chi99.tc.pdf) to compensate for the difference. + +Better, many students report that [accelerated viewing keeps their attention longer](http://www.enounce.com/docs/BYUPaper020319.pdf): faster deliver keeps the viewer more engaged with the content. With a little training, many end up watching videos comfortable at speeds twice the normal speed and even higher. In fact, some studies report that after being exposed to accelerated playback, [listeners become uncomfortable](http://xenia.media.mit.edu/~barons/html/avios92.html#beasleyalteredspeech) if they are forced to return to normal rate of presentation. -*In short, faster playback can translate to better engagement and quicker progress.* ## Faster HTML5 Video -Good news, HTML5 video provides a native API to accelerate playback of any video. The problem is, many players either hide, or limit this functionality. For best results, you want to be able to adjust the playback speed continuously: we don't read at a fixed speed, and similarly, you should have a simple and easy way to accelerate the video, slow it down, or quickly rewind the last point to listen to it a few more times. +HTML5 video provides a native API to accelerate playback of any video. The problem is, many players either hide, or limit this functionality. For 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. -![Stats](https://lh6.googleusercontent.com/0irdyySLwcMyzqWoqBWr6q3o8i1RNyJyY4Lfv0DX0adQlHuzqsf_5QrYs3Bte2Dc59wSUojGhg=s640-h400-e365-rw) +![Player](https://www.evernote.com/shard/s1/sh/8e6bd540-9c82-4eef-b154-5917ef75851e/1996a206333b153097d821011abae10e/res/c128bb7c-a4f9-4e0a-8c27-717b6e151944/skitch.png?resizeSmall&width=832) #### *[Install Chrome Extension](https://chrome.google.com/webstore/detail/html5-video-playback-spee/nffaoalbilbmmfgbnbgppjihopabppdk)* -Once the extension is installed simply navigate to any page that offers HTML5 video ([example](http://www.youtube.com/watch?v=E9FxNzv1Tr8)), and you'll see a speed indicator in top right corner. Hover over the indicator to reveal the controls to accelerate, slowdown, or rewind the video (10 seconds + lowers playback speed). Or, even better, simply use your keyboard: +Once the extension is installed simply navigate to any page that offers HTML5 video ([example](http://www.youtube.com/watch?v=E9FxNzv1Tr8)), and you'll see a speed indicator in top left corner. Hover over the indicator to reveal the controls to accelerate, slowdown, or rewind the video (10 seconds + lowers playback speed). Or, even better, simply use your keyboard: -* *a* - will rewind video 10s and lower playback speed. -* *s* - will lower playback speed. -* *d* - will accelerate playback speed. +* **a** - will rewind video 10s and lower playback speed. +* **s** - will lower playback speed. +* **d** - will accelerate playback speed. Enjoy. Also, as a protip for YouTube: make sure you [enable the HTML5 opt-in experiment](http://www.youtube.com/html5)! -## Wishlist / Todo list +### Wishlist * Make it not suck with Vimeo content: "s" shortcut and button clicks * Some YouTube videos still fallback to flash: force iOS user-agent to force HTML5? -* Add plumbing for configurable shortcuts -* Your awesome feature here... Pull requests are welcome! +* Add plumbing for configurable shortcuts? +* Your awesome feature here... +### License + (MIT License) - Copyright (c) 2014 Ilya Grigorik - - -[1](http://www.paperbecause.com/PIOP/files/f7/f7bb6bc5-2c4a-466f-9ae7-b483a2c0dca4.pdf) -[2](http://research.microsoft.com/en-us/um/people/lhe/papers/chi99.tc.pdf) -[3](http://www.enounce.com/docs/BYUPaper020319.pdf) From ff6558b817ac74a363aa73fac2330768109c2406 Mon Sep 17 00:00:00 2001 From: Ilya Grigorik Date: Sun, 2 Mar 2014 21:49:26 -0800 Subject: [PATCH 3/5] moar better english --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index ccf01d6..175e3e0 100644 --- a/README.md +++ b/README.md @@ -2,9 +2,9 @@ **TL;DR: faster playback can translate to better engagement, retention, and much quicker progress.** -Average adult reads prose text at [250 to 300 words per minute](http://www.paperbecause.com/PIOP/files/f7/f7bb6bc5-2c4a-466f-9ae7-b483a2c0dca4.pdf) (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 people [speed up video playback to ~1.3~1.5 its recorded rate](http://research.microsoft.com/en-us/um/people/lhe/papers/chi99.tc.pdf) to compensate for the difference. +Average adult reads prose text at [250 to 300 words per minute](http://www.paperbecause.com/PIOP/files/f7/f7bb6bc5-2c4a-466f-9ae7-b483a2c0dca4.pdf) (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](http://research.microsoft.com/en-us/um/people/lhe/papers/chi99.tc.pdf) to compensate for the difference. -Better, many students report that [accelerated viewing keeps their attention longer](http://www.enounce.com/docs/BYUPaper020319.pdf): faster deliver keeps the viewer more engaged with the content. With a little training, many end up watching videos comfortable at speeds twice the normal speed and even higher. In fact, some studies report that after being exposed to accelerated playback, [listeners become uncomfortable](http://xenia.media.mit.edu/~barons/html/avios92.html#beasleyalteredspeech) if they are forced to return to normal rate of presentation. +Better, many viewers report that [accelerated viewing keeps their attention longer](http://www.enounce.com/docs/BYUPaper020319.pdf): faster delivery keeps the viewer more engaged with the content. With a little training, many end up watching videos at speeds twice the normal rate and even higher. In fact, some studies report that after being exposed to accelerated playback, [listeners become uncomfortable](http://xenia.media.mit.edu/~barons/html/avios92.html#beasleyalteredspeech) if they are forced to return to normal rate of presentation. ## Faster HTML5 Video From a8a976ce0b15a09e153f40293ea99796e0cc5822 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=A0ime=20Vidas?= Date: Mon, 3 Mar 2014 21:19:19 +0100 Subject: [PATCH 4/5] Fixed issue with double click --- inject.js | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/inject.js b/inject.js index 5092446..3e17b07 100644 --- a/inject.js +++ b/inject.js @@ -64,6 +64,11 @@ chrome.extension.sendMessage({}, function(response) { e.preventDefault(); e.stopPropagation(); }, true); + + container.addEventListener('dblclick', function(e) { + e.preventDefault(); + e.stopPropagation(); + }, true); } function runAction(action) { From 3ddc4248f943715f2b5d3daa29ac6b40df30f59f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=A0ime=20Vidas?= Date: Mon, 3 Mar 2014 22:08:16 +0100 Subject: [PATCH 5/5] Fixed full screen issue on Vimeo --- inject.js | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/inject.js b/inject.js index 3e17b07..44bbf12 100644 --- a/inject.js +++ b/inject.js @@ -65,10 +65,17 @@ chrome.extension.sendMessage({}, function(response) { e.stopPropagation(); }, true); + // Prevent full screen mode on YouTube container.addEventListener('dblclick', function(e) { e.preventDefault(); e.stopPropagation(); }, true); + + // Prevent full screen mode on Vimeo + container.addEventListener('mousedown', function(e) { + e.preventDefault(); + e.stopPropagation(); + }, true); } function runAction(action) {