Chrome拡張機能の自作

概要

なぜかNetflixで Video Speed Controller が使えなくなっていて倍速再生ができないので、その簡易版のChrome拡張機能を自作した。
内容は、videoタグのplaybackRateプロパティを指定した値に変化させているだけ。
こんなに簡単に再生スピードを変化させる拡張機能が作れるなんてhtml5様様である。
以下のファイルをフォルダ内に入れて、それをchrome://extensionsにドラッグ＆ドロップで導入できる。

manifest.json

{
  "manifest_version": 2,
  "name": "My Video Speed Controller",
  "description": "",
  "version": "1.0",
  "icons": {
    "50": "icon_50.png"
  },
  "background": {
    "scripts": ["background.js"]
  },
  "browser_action": {
    "default_icon": {
      "50": "icon_50.png"
    },
    "default_title": "Set video speed"
  },
  "permissions": [
    "tabs",
    "https://*/*",
    "http://*/*"
  ]
}

background.js

chrome.browserAction.onClicked.addListener(function(tab){
  var speed = prompt("spped:");
  if (!speed) return;
  chrome.tabs.executeScript({
    code: 'document.querySelector("video").playbackRate = ' + speed
  });
});
updateIcon();

icon_50.png

適当に用意する。50x50ピクセル。右上に拡張機能のアイコンとして表示される。