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

add popup page

Browse Source
This commit is contained in:
Ilya Grigorik
2014-08-24 23:01:03 -07:00
parent 724ec1ada3
commit 33da3f2a5e
4 changed files with 62 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
manifest.json
View File

@@ -1,8 +1,8 @@
{
"name": "HTML5 Video Playback Speed Controller",
"version": "0.1.3",
"name": "Video Speed Controller",
"version": "0.2.0",
"manifest_version": 2,
"description": "Lean in and speed up your video learning with handy shortcuts to accelerate, slow-down, and rewind your video via your keyboard.",
"description": "Speed up, slow down, and rewind any HTML5 video with quick shortcuts.",
"homepage_url": "https://github.com/igrigorik/videospeed",
"icons": {
"16": "icons/icon16.png",
@@ -11,6 +11,14 @@
},
"permissions": [ "activeTab", "storage" ],
"options_page": "options.html",
"browser_action": {
"default_icon": {
"19": "images/icon16.png",
"38": "images/icon48.png"
},
"default_icon": "icons/icon48.png",
"default_popup": "popup.html"
},
"content_scripts": [{
"all_frames": true,
"matches": [ "http://*/*", "https://*/*"],
@@ -18,4 +26,4 @@
"js": [ "inject.js" ]
}
]
}
}

23
popup.css Normal file
View File

@@ -0,0 +1,23 @@
body {
min-width: 8em
}
hr {
width: 100%;
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.3);
}
button {
width: 100%;
background-image: linear-gradient(#EDEDED, #EDEDED 38%, #DEDEDE);
border: 1px solid rgba(0,0,0,0.25);
border-radius: 2px;
outline: none;
box-shadow: 0 1px 0 rgba(0,0,0,0.08), inset 0 1px 2px rgba(255,255,255,0.75);
color: #444;
text-shadow: 0 1px 0 rgb(240,240,240);
font: inherit;
user-select: none;
}

14
popup.html Normal file
View File

@@ -0,0 +1,14 @@
<!doctype html>
<html>
<head>
<title>Video Speed Controller: Popup</title>
<link rel="stylesheet" href="popup.css" />
<script src="popup.js"></script>
</head>
<body>
<button id="config">Configure</button>
<hr />
<button id="feedback">Send feedback</button>
<button id="about">About</button>
</body>
</html>

13
popup.js Normal file
View File

@@ -0,0 +1,13 @@
document.addEventListener('DOMContentLoaded', function () {
document.querySelector('#config').addEventListener('click', function() {
window.open(chrome.extension.getURL("options.html"));
});
document.querySelector('#about').addEventListener('click', function() {
window.open("https://github.com/igrigorik/videospeed");
});
document.querySelector('#feedback').addEventListener('click', function() {
window.open("https://github.com/igrigorik/videospeed/issues");
});
});