ブラウザの「お気に入り(ブックマーク)」は
普通はページを開くためのものですが、
実は 小さなJavaScriptを登録することで、ちょっとしたツールとして使うことができます。
こうした仕組みは ブックマークレット と呼ばれます。
今回は遊びネタとして、
ページをクリックするたびに“レトロゲーム風コイン音”が鳴るブックマークレット
を作ってみます。
ちょっとしたデモや遊びとして面白いです。
クリックするとコイン音
このブックマークレットをONにすると、
ページのどこでもクリックするたびに
「チリーン」
と、レトロゲーム風のコイン音が鳴ります。
もう一度ブックマークをクリックすると
音は止まります。
仕組み:ブックマークレット(Bookmarklet)
ブックマークのURL欄に javascript: ... を入れておくと、
そのブックマークをクリックした瞬間に JavaScript が実行されます。
次の JavaScript を使います。長いですが 1行で書かれた JavaScript です。
JavaScript:
javascript:(()=>{if(window.__bm_coin_on){document.removeEventListener("click",window.__bm_coin_h,true);window.__bm_coin_on=false;alert("コイン音OFF");return}window.__bm_coin_h=()=>{let A=window.AudioContext||window.webkitAudioContext;if(!A)return;let c=window.__bm_coin_ctx||(window.__bm_coin_ctx=new A()),t=c.currentTime,m=(f,d,v)=>{let o=c.createOscillator(),g=c.createGain();o.type="triangle";o.frequency.setValueAtTime(f,t);g.gain.setValueAtTime(.0001,t);g.gain.linearRampToValueAtTime(v,t+.003);g.gain.exponentialRampToValueAtTime(.0001,t+d);o.connect(g);g.connect(c.destination);o.start(t);o.stop(t+d)};m(1800,.08,.12);m(2700,.05,.06)};document.addEventListener("click",window.__bm_coin_h,true);window.__bm_coin_on=true;alert("コイン音ON(もう一度クリックでOFF)")})();
手順:
① どんなページでもいいので、いったんお気に入りに登録する。

② 登録したお気に入りを右クリックして、「編集」をクリック。
③ 先ほど紹介した JavaScript をコピーする。
④ 名前を「コイン」にして、URL欄に JavaScript を貼り付ける。

これで完成です。
たとえば、、Yahooのページを開いた状態でお気に入りをクリックすると…

ページの余白をクリックするたびにコイン音がするようになります!

🪙 チリーン
🪙 チリーン
🪙 チリーン



コメントを残す