ブラウザ

skip-silence 動画の無音部分を早送りで飛ばすブラウザ拡張ツール

2020-06-10 ·1 分で読めます

vantezzen/skip-silence を Chrome に入れて動画を再生すると、動画の無音部分を飛ばして視聴することができます。この拡張を試すにあたって、音がない割合の多い動画ってなんだろうと考えました。まず思いついたのはオンラインの講義動画で、「じゃあこの問題を解いて。時間は5分」で5分間無音になるかと思ったら、YouTuber が「じゃあ解けるまで動画を止めて」って指示するみたいで …

chrome拡張スキップツールブラウザ動画早送り時間短縮無音音量飛ばし

Somoji - 絵文字で選ぶと合いの手効果音などを鳴らせるブラウザ拡張ビデオ会議のおともに

2020-05-13 ·1 分で読めます

Somoji は、ブラウザ上でいくつかの効果音を鳴らすことができるChromeブラウザ拡張です。拡張メニュー上で表示された絵文字それぞれに、関連する音声データが存在し、クリックするとその効果音が鳴ります。マウスを上にホバーすると、鳴る効果音の名前も表示されます。ビデオ会議が増えている昨今、会議で賛同やら反対やら揶揄やらもろもろの意思表示をするのに、この効果音ボタンを活用すると… まあ良くないか …

chrome拡張 se ビデオ会議ブラウザ音声

OpenVim - ブラウザで動く Vim 入門

2019-06-21 ·1 分で読めます

OpenVim は、ブラウザ上で動く Vim のインタラクティブなチュートリアルです。 20章にわかれたチュートリアルをこなしていくことで、Vim の基本的なコマンドを一通り知ることができます。 Unix サーバの管理を初めてまかされた、どうしよう、みたいな人には、コマンド表を見て覚えるよりちょっといいかもしれません。ソースコードも公開されていて、たくさんのバグ報告や改善案が寄せられているようで …

oss vim インタラクティブエディタチュートリアルブラウザ入門解説

Never-Blink ウェブカメラ対戦型の「まばたき我慢」ゲーム

2019-06-14 ·1 分で読めます

Never-Blink は、まばたきを我慢し合うゲームです。サーバにつながった中からランダムな相手が決まり、その相手とwebカメラがついたブラウザ経由でにらめっこのように向き合います。最初に持っているヒットポイントは、まばたきをするたびに減っていき、ゼロになると負け。類似の先行例として、2017年にBBCが人気ドラマ「ドクター・フー」のプロモーションで短期公開した …

oss react-js webカメラまばたきオンラインゲームゲームブラウザ対戦

css-only-chat CSSだけで動くブラウザチャット

2019-05-08 ·1 分で読めます

ケビン・クッチャさん(Kevin Kuchta)のkkuchta/css-only-chat は、JavaScript を使わない非同期ウェブチャットサーバーです。二つ(以上)のブラウザからこのサーバに接続し、アルファベットをクリックしてメッセージを作り送信すると、同じサーバに接続した他のブラウザでも即時表示される、いわゆるブラウザチャットです。しかし面白いのは、このページで …

chat css hack no-javascript oss チャットブラウザ通信

ブラウザのアドレスバーをイコライザーっぽく

2019-04-22 ·1 分で読めます

URL のハッシュ部分を書き換えることで、ブラウザのアドレスバーをグラフィックイコライザーにするというアイデアです。これのソースコードがなんと2ツイートに収まるサイズ。 MediaDevices.getUserMedia()でマイクからの音声を取り込み、動いた! しかし、ブラウザの履歴がたいへんなことに! replaceState()を使った、履歴が壊れないバージョンも提案されています。 // …

javascript アドレスバーイコライザージョークブラウザマイク

ブラウザのファビコンでライブストリーム