joshpatra/videospeed
1
0
Fork 0
mirror of https://github.com/SoPat712/videospeed.git synced 2025-08-21 18:08:46 -04:00
Code Issues Packages Projects Releases Wiki Activity

Apply controller to videos in all accessible iframes.

Browse Source
This commit is contained in:
George Ogata
2016-01-18 03:56:42 -05:00
parent 0fde1a3cc9
commit ed79c8e860
2 changed files with 62 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
inject.js
View File

@@ -16,22 +16,18 @@ chrome.extension.sendMessage({}, function(response) {
}; };
var controllerAnimation; var controllerAnimation;
var readyStateCheckInterval;
chrome.storage.sync.get(tc.settings, function(storage) { chrome.storage.sync.get(tc.settings, function(storage) {
tc.settings.speed = Number(storage.speed); tc.settings.speed = Number(storage.speed);
tc.settings.speedStep = Number(storage.speedStep); tc.settings.speedStep = Number(storage.speedStep);
tc.settings.rewindTime = Number(storage.rewindTime); tc.settings.rewindTime = Number(storage.rewindTime);
tc.settings.advanceTime = Number(storage.advanceTime); tc.settings.advanceTime = Number(storage.advanceTime);
tc.settings.resetKeyCode = Number(storage.resetKeyCode); tc.settings.resetKeyCode = Number(storage.resetKeyCode);
tc.settings.rewindKeyCode = Number(storage.rewindKeyCode); tc.settings.rewindKeyCode = Number(storage.rewindKeyCode);
tc.settings.slowerKeyCode = Number(storage.slowerKeyCode); tc.settings.slowerKeyCode = Number(storage.slowerKeyCode);
tc.settings.fasterKeyCode = Number(storage.fasterKeyCode); tc.settings.fasterKeyCode = Number(storage.fasterKeyCode);
tc.settings.advanceKeyCode = Number(storage.advanceKeyCode); tc.settings.advanceKeyCode = Number(storage.advanceKeyCode);
tc.settings.rememberSpeed = Boolean(storage.rememberSpeed); tc.settings.rememberSpeed = Boolean(storage.rememberSpeed);
});
readyStateCheckInterval = setInterval(initializeVideoSpeed, 10);
}
);
function defineVideoController() { function defineVideoController() {
tc.videoController = function(target) { tc.videoController = function(target) {
@@ -68,16 +64,18 @@ chrome.extension.sendMessage({}, function(response) {
} }
tc.videoController.prototype.initializeControls = function() { tc.videoController.prototype.initializeControls = function() {
var fragment = this.document.createDocumentFragment(); var document = this.document;
var container = this.document.createElement('div');
var speedIndicator = this.document.createElement('span');
var controls = this.document.createElement('span'); var fragment = document.createDocumentFragment();
var fasterButton = this.document.createElement('button'); var container = document.createElement('div');
var slowerButton = this.document.createElement('button'); var speedIndicator = document.createElement('span');
var rewindButton = this.document.createElement('button');
var advanceButton = this.document.createElement('button'); var controls = document.createElement('span');
var hideButton = this.document.createElement('button'); var fasterButton = document.createElement('button');
var slowerButton = document.createElement('button');
var rewindButton = document.createElement('button');
var advanceButton = document.createElement('button');
var hideButton = document.createElement('button');
rewindButton.innerHTML = '«'; rewindButton.innerHTML = '«';
fasterButton.textContent = '+'; fasterButton.textContent = '+';
@@ -107,13 +105,13 @@ chrome.extension.sendMessage({}, function(response) {
container.addEventListener('click', function(e) { container.addEventListener('click', function(e) {
if (e.target === slowerButton) { if (e.target === slowerButton) {
runAction('slower', this.document) runAction('slower', document)
} else if (e.target === fasterButton) { } else if (e.target === fasterButton) {
runAction('faster', this.document) runAction('faster', document)
} else if (e.target === rewindButton) { } else if (e.target === rewindButton) {
runAction('rewind', this.document) runAction('rewind', document)
} else if (e.target === advanceButton) { } else if (e.target === advanceButton) {
runAction('advance', this.document) runAction('advance', document)
} else if (e.target === hideButton) { } else if (e.target === hideButton) {
container.nextSibling.classList.add('vc-cancelled') container.nextSibling.classList.add('vc-cancelled')
container.remove(); container.remove();
@@ -135,17 +133,27 @@ chrome.extension.sendMessage({}, function(response) {
e.stopPropagation(); e.stopPropagation();
}, true); }, true);
} }
function setSpeed(v, speed) {
v.playbackRate = speed;
}
} }
function initializeVideoSpeed() { function initializeWhenReady(document) {
if (document.readyState === 'complete') { var readyStateCheckInterval = setInterval(function() {
clearInterval(readyStateCheckInterval); if (document.readyState === 'complete') {
clearInterval(readyStateCheckInterval);
initializeNow(document);
}
}, 10);
}
defineVideoController(); function initializeNow(document) {
if (document === window.document) {
defineVideoController();
} else {
var link = document.createElement('link');
link.href = chrome.extension.getURL('inject.css');
link.type = 'text/css';
link.rel = 'stylesheet';
document.head.appendChild(link);
}
document.addEventListener('keypress', function(event) { document.addEventListener('keypress', function(event) {
// if lowercase letter pressed, check for uppercase key code // if lowercase letter pressed, check for uppercase key code
@@ -180,12 +188,18 @@ chrome.extension.sendMessage({}, function(response) {
} }
}); });
var forEach = Array.prototype.forEach;
var videoTags = document.getElementsByTagName('video'); var videoTags = document.getElementsByTagName('video');
videoTags.forEach = Array.prototype.forEach; forEach.call(videoTags, function(video) {
videoTags.forEach(function(video) { new tc.videoController(video);
var control = new tc.videoController(video); });
var frameTags = document.getElementsByTagName('iframe');
forEach.call(frameTags, function(frame) {
// Ignore frames we don't have permission to access (different origin).
try { var childDocument = frame.contentDocument } catch (e) { return }
initializeWhenReady(childDocument);
}); });
}
} }
function runAction(action, document) { function runAction(action, document) {
@@ -202,14 +216,14 @@ chrome.extension.sendMessage({}, function(response) {
// Maximum playback speed in Chrome is set to 16: // Maximum playback speed in Chrome is set to 16:
// https://code.google.com/p/chromium/codesearch#chromium/src/media/blink/webmediaplayer_impl.cc&l=64 // https://code.google.com/p/chromium/codesearch#chromium/src/media/blink/webmediaplayer_impl.cc&l=64
var s = Math.min(v.playbackRate + tc.settings.speedStep, 16); var s = Math.min(v.playbackRate + tc.settings.speedStep, 16);
setSpeed(v, Number(s.toFixed(2))); v.playbackRate = Number(s.toFixed(2));
} else if (action === 'slower') { } else if (action === 'slower') {
// Audio playback is cut at 0.05: // Audio playback is cut at 0.05:
// https://code.google.com/p/chromium/codesearch#chromium/src/media/filters/audio_renderer_algorithm.cc&l=49 // https://code.google.com/p/chromium/codesearch#chromium/src/media/filters/audio_renderer_algorithm.cc&l=49
var s = Math.max(v.playbackRate - tc.settings.speedStep, 0); var s = Math.max(v.playbackRate - tc.settings.speedStep, 0);
setSpeed(v, Number(s.toFixed(2))); v.playbackRate = Number(s.toFixed(2));
} else if (action === 'reset') { } else if (action === 'reset') {
setSpeed(v, 1.0); v.playbackRate = 1.0;
} }
// show controller on keyboard input // show controller on keyboard input
@@ -235,4 +249,6 @@ chrome.extension.sendMessage({}, function(response) {
} }
}); });
} }
initializeWhenReady(document);
}); });

3
manifest.json
View File

@@ -31,5 +31,8 @@
"css": [ "inject.css" ], "css": [ "inject.css" ],
"js": [ "inject.js" ] "js": [ "inject.js" ]
} }
],
"web_accessible_resources": [
"inject.css"
] ]
} }