メンバーシップ

いえもん

戦国系フロントエンドエンジニア。ハッカーでありファミリーでもあるアイドルオタク。グミが…

いえもん

戦国系フロントエンドエンジニア。ハッカーでありファミリーでもあるアイドルオタク。グミが好き。noteって会社で働いているよ。日々、煩悩を生産してます。

メンバーシップに加入する

煩悩の数だけつくったものを紹介するマガジンに掲載するアイデア(煩悩)を考えたり、製作の途中経過を掲載したり、できたプロトタイプを発表したりするアウトプットの保管庫です。

  • 60Hzプラン

  • noteエンジニアチーム 公式マガジン

    • 359本

    noteエンジニアの技術記事をまとめたマガジン。さらに技術記事を読みたい方はこちら→ https://engineerteam.note.jp/

  • 煩悩の数だけつくったものを紹介するマガジン

    これまでに自分が趣味で作ったものを煩悩の数だけ紹介していきます。全て終わる頃には悟りを開いてるはず！あと99個

  • 有料記事

    買わないでね

  • www.youtube.com

Canvasでクロマキー合成してみる

リモートワークの時にグリーンバック後ろに敷いていたけど、部屋の模様替えで背後に壁が無くなりクローゼットにしまうことになった。 それの供養兼Canvasのリハビリとして…

いえもん
いえもん
4年前

ChromeでPicture in Pictureやってみる

iOS14でSafariでもPicture in Picture(PinP)が可能になるらしいので、触ってみた。 やってることは簡単で、video要素にあるrequestPictureInPictureを実行するだけ。なの…

いえもん
いえもん
4年前
2
いえもん

いえもん

Canvasでクロマキー合成してみる

Canvasでクロマキー合成してみる

リモートワークの時にグリーンバック後ろに敷いていたけど、部屋の模様替えで背後に壁が無くなりクローゼットにしまうことになった。

それの供養兼Canvasのリハビリとして、クロマキー合成してみた。

getImageDataで画像取得する時にはcrossOrigin属性付けないといけないのは昔からなんだっけ？

■ DEMO

いえもん

いえもん

ChromeでPicture in Pictureやってみる

ChromeでPicture in Pictureやってみる

iOS14でSafariでもPicture in Picture(PinP)が可能になるらしいので、触ってみた。

やってることは簡単で、video要素にあるrequestPictureInPictureを実行するだけ。なので、MeidaStreamを渡せば、Webカメラだったり、CanvasだったりをPinPできる。

■ DEMO

■ Ref