【ブラウザだけ、Zoom/ Teamsほかで動く】「mmhmm」のようなプレゼン+人物動画リアルタイム合成を自作してみるMarkdown機械学習DeepLearningp5.jsVisualStudioCode TL;DR HTML5のプレゼン上に、背景を削除した自身の映像を重ね、オンラインで、一味違ったプレゼンができます デモをこちらで試せます 1. Webカメラが付いたPCで上のページを開く 2. Webカメラを有効化する(ブラウザのセキュリティ設定) 3. プレゼン風のデッキをカーソルキーで行き来しながら、mmhmm気分? が味わえます。 「mmhmm」がまだプレビューだけど使ってみたいので、作ってみたらまあまあいけた。 - HTML5のプレゼンを準備 - TensorFlow.js + BodyPixで機械学習による背景削除、プレゼン重畳(#p5js #ml5js) 全てブラウザ上
![【ブラウザだけ、Zoom/ Teamsほかで動く】「mmhmm」のようなプレゼン+人物動画リアルタイム合成を自作してみる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/fe28953bb5a161e635b448f78875cd4bcd724a50/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwJUUzJTgzJTk2JUUzJTgzJUE5JUUzJTgyJUE2JUUzJTgyJUI2JUUzJTgxJUEwJUUzJTgxJTkxJUUzJTgwJTgxWm9vbSUyRiUyMFRlYW1zJUUzJTgxJUJCJUUzJTgxJThCJUUzJTgxJUE3JUU1JThCJTk1JUUzJTgxJThGJUUzJTgwJTkxJUUzJTgwJThDbW1obW0lRTMlODAlOEQlRTMlODElQUUlRTMlODIlODglRTMlODElODYlRTMlODElQUElRTMlODMlOTclRTMlODMlQUMlRTMlODIlQkMlRTMlODMlQjMlMkIlRTQlQkElQkElRTclODklQTklRTUlOEIlOTUlRTclOTQlQkIlRTMlODMlQUElRTMlODIlQTIlRTMlODMlQUIlRTMlODIlQkYlRTMlODIlQTQlRTMlODMlQTAlRTUlOTAlODglRTYlODglOTAlRTMlODIlOTIlRTglODclQUElRTQlQkQlOUMlRTMlODElOTclRTMlODElQTYlRTIlODAlQTYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWE5ZmRiMmNhZWNiZmMyYzAwYjU5ZjgxYThmN2VjMzll%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0b21vX21ha2VzJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lYzU1MjUwMzI1YTdjZWNjMDZjM2NmNTdkOWUwMjgyNA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dd01c16c50fdbf246372c2b6bef3704c8)