■ 最新の投稿

ブラウザ:ページをクリックするたびに“マリオ風8bitジャンプ音”を鳴らす(遊び技)

ブラウザの「お気に入り(ブックマーク)」は
普通はページを開くためのものですが、

実は 小さなJavaScriptを登録することで、ちょっとしたツールとして使うことができます。

こうした仕組みは ブックマークレット と呼ばれます。

今回は遊びネタとして、

ページをクリックするたびに“レトロゲーム風ジャンプ音”が鳴るブックマークレット

を作ってみます。

ちょっとしたデモや遊びとして面白いです。

クリックするとジャンプ音

このブックマークレットをONにすると、

ページのどこでもクリックするたびに

「ピョン」

と、レトロゲーム風のジャンプ音が鳴ります。

もう一度ブックマークをクリックすると
音は止まります。

仕組み:ブックマークレット(Bookmarklet)

ブックマークのURL欄に javascript: ... を入れておくと、
そのブックマークをクリックした瞬間に JavaScript が実行されます。

次の JavaScript を使います。長いですが 1行で書かれた JavaScript です。

JavaScript:

javascript:(()=>{if(window.__bm_jump_on){document.removeEventListener("click",window.__bm_jump_h,true);window.__bm_jump_on=false;alert("ジャンプ音OFF");return}window.__bm_jump_h=()=>{let A=window.AudioContext||window.webkitAudioContext;if(!A)return;let c=window.__bm_jump_ctx||(window.__bm_jump_ctx=new A()),o=c.createOscillator(),g=c.createGain(),t=c.currentTime;o.type="square";o.frequency.setValueAtTime(420,t);o.frequency.exponentialRampToValueAtTime(860,t+.08);g.gain.setValueAtTime(.001,t);g.gain.exponentialRampToValueAtTime(.08,t+.01);g.gain.exponentialRampToValueAtTime(.001,t+.12);o.connect(g);g.connect(c.destination);o.start(t);o.stop(t+.12)};document.addEventListener("click",window.__bm_jump_h,true);window.__bm_jump_on=true;alert("ジャンプ音ON(もう一度でOFF)")})();

手順:

① どんなページでもいいので、いったんお気に入りに登録する。

② 登録したお気に入りを右クリックして、「編集」をクリック。

③ 先ほど紹介した JavaScript をコピーする。

④ 名前を「ジャンプ」にして、URL欄に JavaScript を貼り付ける。

これで完成です。

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

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

🖱️ ピヨーン

🖱️ ピヨーン

🖱️ ピヨーン


Comments

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です