https://labs.cybozu.co.jp/blog/akky/tags/favicon/ Recent content in Favicon on akky@サイボウズラボ・ブログ Hugo ja Mon, 22 Apr 2019 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2019/04/favicon-livestream/ Mon, 22 Apr 2019 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2019/04/favicon-livestream/ <p>ファビコンでアニメーションとかは以前からあるネタなので、その延長にあるアイデアというか。<a href="https://wybiral.github.io/code-art/projects/tiny-mirror/">ファビコンでカメラが映した映像を表示させるというプログラム</a>です。</p> <p>作者の方がツイッターに動画を上げています。</p> <p>ウェブカムに向かって手を振ってる様子がわかるでしょうか?</p> <p>自分で試したい場合、<a href="https://wybiral.github.io/code-art/projects/tiny-mirror/">こちらのサイト</a>をChrome/Firefoxなどで開き、カメラへのアクセスを許可する必要があります。</p> <p># Safari では動かないというレポートがあります</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2019/04/favicon-livestream/favicon-livestream.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2019/04/favicon-livestream/favicon-livestream_hu_3518d778a862be7c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/04/favicon-livestream/favicon-livestream_hu_27f05802beee25d8.webp 592w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2019/04/favicon-livestream/favicon-livestream.png" width="592" height="184" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>ソースコードは<a href="https://wybiral.github.io/code-art/projects/tiny-mirror/index.js">こちら</a>。短いですね。</p> <p>via <a href="https://news.ycombinator.com/item?id=19712167">Hacker News</a></p>