ブラウザのアドレスバーをイコライザーっぽく
URL のハッシュ部分を書き換えることで、ブラウザのアドレスバーをグラフィックイコライザーにするというアイデアです。
https://x.com/jake_albaugh/status/1118611365508337665
埋め込みを取得できませんでした。元のツイートは削除または非公開になっている可能性があります。
これのソースコードがなんと2ツイートに収まるサイズ。
https://x.com/jake_albaugh/status/1118656251267899393
埋め込みを取得できませんでした。元のツイートは削除または非公開になっている可能性があります。
MediaDevices.getUserMedia()でマイクからの音声を取り込み、
https://x.com/jake_albaugh/status/1118656289142398976
埋め込みを取得できませんでした。元のツイートは削除または非公開になっている可能性があります。
動いた!
しかし、ブラウザの履歴がたいへんなことに!
replaceState()を使った、履歴が壊れないバージョンも提案されています。
// Alternative to avoid polluting browser history:
— Spencer (@spe_) April 18, 2019
function z() {
setTimeout(z, 40);
a.getByteFrequencyData(d);
var s = [];
d.forEach(v => s.push(l[Math.floor((v / 255) * 8)]));
var t = document.title = s.join("");
history.replaceState(history.state, t, '#' + t);
}