ブラウザのタブにある「Favicon(ファビコン)」にウェブカメラの映像を映す

ブラウザのタブにある「Favicon(ファビコン)」にウェブカメラの映像を映す

ウェブサイトのブックマークアイコンになったりブラウザのタブ部分に表示されたりするのが「Favicon(ファビコン)」です。このファビコンにウェブカメラの映像を映すことに、開発者のdavyさんが成功しています。

Tiny Mirror
https://wybiral.github.io/code-art/projects/tiny-mirror/

一体どういうことかというと、以下のムービーを見ればその詳細がよくわかります。
I put a webcam in a favicon you're welcome

Demo: https://t.co/AR0U1Hztu2 pic.twitter.com/zt1xnfqcfC— davy (@davywtf) 2019年4月21日

普通のウェブブラウザ

画面がズームしていき……

タブの赤枠部分にあるファビコンが動いていることがわかります。

実際にdavyさんが作成した「ウェブカメラの映像を映すファビコン」を体験したい場合は、以下のページにアクセスしてみればOKです。

Tiny Mirror
https://wybiral.github.io/code-art/projects/tiny-mirror/

今回はFirefoxを使ってページにアクセスしてみました。すると「あなたのカメラの使用を許可しますか?」という通知が表示されるので、「許可する」をクリック。

赤枠部分のように、タブのファビコンにPCのカメラが映す映像が表示されました。少しラグはあるものの、しっかりと映像がファビコンになっています。

Firefoxの場合はブラウザの検索バー部分にある「i」をクリックして、「カメラの使用」の「一時的に許可」の隣にある「×」アイコンをクリックすればPCカメラの動作を止めることができます。

なお、davyさんによるとファビコンに表示される映像のフレームレートはブラウザによってまちまちだそうで、ブラウザによってはかなり遅くなるものもある模様。ソースコードは以下にまとめられています。

Added tiny-mirror · wybiral/code-art@dff12eb · GitHub
https://github.com/wybiral/code-art/commit/dff12eb8d05a0279f2798e29f55ae45748515d89


おすすめ情報

GIGAZINEの他の記事もみる
主要なニュースをもっと見る
社会のニュースをもっと見る
経済のニュースをもっと見る
政治のニュースをもっと見る
国際・科学のニュースをもっと見る
エンタメのニュースをもっと見る
スポーツのニュースをもっと見る
トレンドのニュースをもっと見る
生活術のニュースをもっと見る
地域のニュースをもっと見る

トレンド アクセスランキング

ランキングの続きを見る

トレンド 新着ニュース

新着ニュース一覧へ

総合 アクセスランキング

ランキングの続きを見る

東京 新着ニュース

東京の新着ニュースをもっと見る

東京 コラム・街ネタ

東京のコラム・街ネタをもっと見る

特集

特集一覧を見る 動画一覧を見る

記事検索