日常の進捗

主に自分のための,行為とその習慣化の記録

Chrome拡張(2)特定のページで実行されるプログラム

Googleのサイトでのみ実行される機能拡張を考える。manifest.jsonでコンテンツスクリプトとして定義する。

{
  "name" : "Google Extension",
  "version" : "0.1",
  "manifest_version" : 2,
  "description" : "site specific extension works in google",
  "content_scripts" : [{
    "matches" : ["http://www.google.co.jp/*","https://www.google.co.jp/*"],
    "js" : ["script.js"]
    }]
}
  • script.js
console.log("Google");

追記:

特定のページでscript.jsが実行されるが、音源の再生をしようとすると再生されない。

  • 音源ファイルの読み込み
  • 音源ファイルの再生

の2点が考えられる。

var myAudio = new Audio();
// オーディオファイルの読み込み
var myAudioURL = chrome.extension.getURL("audio.mp3");

myAudio.src = myAudioURL;

function startPlayback() {
  return myAudio.play();
}

console.log('Attempting to play automatically...');

startPlayback().then(function() {
  console.log('The play() Promise fulfilled! Rock on!');
}).catch(function(error) {
  console.log('The play() Promise rejected!');
  console.log('Use the Play button instead.');
  console.log(error);
});