diff --git a/manifest.json b/manifest.json
index f58bb91..f43b408 100755
--- a/manifest.json
+++ b/manifest.json
@@ -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" ]
}
]
-}
\ No newline at end of file
+}
diff --git a/popup.css b/popup.css
new file mode 100644
index 0000000..35b7349
--- /dev/null
+++ b/popup.css
@@ -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;
+}
diff --git a/popup.html b/popup.html
new file mode 100644
index 0000000..cb51755
--- /dev/null
+++ b/popup.html
@@ -0,0 +1,14 @@
+
+
+
+ Video Speed Controller: Popup
+
+
+
+
+
+
+
+
+
+
diff --git a/popup.js b/popup.js
new file mode 100644
index 0000000..13d16b1
--- /dev/null
+++ b/popup.js
@@ -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");
+ });
+});