Webで動画解析〜Google Meetの挙手とリアルの挙手を連動させるChrome拡張作った話〜 / sync-raise-hand

8FCͰಈըղੳ ʙ(PPHMF.FFUͷڍखͱϦΞϧͷڍखΛ࿈ಈͤ͞Δ $ISPNF֦ுΛ࡞ͬͨ࿩ʙ 18"/JHIU

!,BXBNBUB3ZP 👨💻&OHJOFFS!-"13"4JOD 🔥ݩফ๷࢜ ❤ 5ZQF4DSJQU 7VF %FOP 3FBDU 🏄ݒਨ ݸਓ։ൃ

ࠓ೔࿩͢͜ͱ💬

ɾ4ZOD3BJTF)BOEͷ঺հ ɾ$ISPNF&YUFOTJPOTͷ࣮૷ ɾϋϯυτϥοΩϯάͷৄࡉ

4ZOD3BJTF)BOETͱ͸ʁ✋

ϦΞϧͳڍखͱ(PPHMF.FFU্ͷڍखϘλϯΛ ࿈ಈͤ͞Δ$ISPNF֦ு

%&.0📺

ͲͷΑ͏ʹڍखΛ൑ఆ͍ͯ͠Δʁ👁

)BOEUSBDLKTΛ࢖ͬͯڍखΛ൑ఆ🖐 ϒϥ΢β্Ͱ8FCΧϝϥͷσʔλ͔Βɺ ϋϯυαΠϯΛ൑ఆͰ͖Δ )BOEUSBDLKTΛ࢖ͬͯڍखΛ൑ఆ

τϥοΩϯά։࢝

τάϧϘλϯ0/ Ͱݺͼग़͠ τϥοΩϯά։࢝

)BOE5SBDLKTͰͷ τϥοΩϯά։࢝ τϥοΩϯά։࢝

ඵ͝ͱʹಈըΛݕূ ݕূ݁ՌΛݩʹϘλϯૢ࡞ τϥοΩϯά։࢝

Ϙλϯૢ࡞ ڍखϘλϯͷ%0.Λऔಘ

खͷܗ͕PQFOͱ൑ఆ͞Ε͍ͯͳ͍͔ͭ ڍखϘλϯ͕ԡ͞Ε͍ͯͳ͍৔߹͸ɺ ڍखϘλϯΛΫϦοΫ Ϙλϯૢ࡞

खͷܗ͕PQFOͱ൑ఆ͞Εͳ͍৔߹͔ͭɺ ڍखϘλϯ͕ΫϦοΫ͞Ε͍ͯΔ৔߹͸ɺ ڍखϘλϯΛΫϦοΫͯ͠ڍखΛ໭͢ Ϙλϯૢ࡞

τϥοΩϯάఀࢭ

τϥοΩϯάఀࢭ τάϧϘλϯ0'' Ͱݺͼग़͠

τϥοΩϯάఀࢭ )BOE5SBDLKTͷτϥοΩϯάΛఀࢭ ղੳͷΠϯλʔόϧΛղআ

)BOE5SBDLKT͸ Ͳ͏΍ͬͯखͷܗΛ൑ఆ͍ͯ͠Δʁ🔎

)BOE5SBDLKTͷίʔυΛಡΉ👀

⚠͔͜͜Βઌ͸งғؾͰઆ໌ͯ͠·͢ʜ 5FOTPS'MPXKTΘ͔Βͳ͍😇

ॳظԽॲཧᶃ victordibia/handtrack.js/tree/master/src/index.js

ॳظԽॲཧᶃ victordibia/handtrack.js/tree/master/src/index.js ΦϒδΣΫτݕग़ͷΫϥεΛॳظԽ͠ ͯϞσϧͷMPBEॲཧΛ࣮ߦ

ॳظԽॲཧᶄ victordibia/handtrack.js/tree/master/src/index.js

ॳظԽॲཧᶄ victordibia/handtrack.js/tree/master/src/index.js ύϥϝʔλʹదͨ͠ ֶशࡁΈϞσϧͷύεΛઃఆ

ॳظԽॲཧᶄ victordibia/handtrack.js/tree/master/src/index.js 5FOTPS'MPXKTΛ࢖ͬͯɺ ֶशࡁΈϞσϧΛϩʔυ

τϥοΩϯάελʔτ victordibia/handtrack.js/tree/master/src/index.js

τϥοΩϯάελʔτ victordibia/handtrack.js/tree/master/src/index.js OBWBHBUPSNFEJB%FWJDFTͰ ઀ଓ͞ΕͨΧϝϥΛऔಘ͠ WJEFPλάͷιʔεʹ

खͷܗͷݕग़ victordibia/handtrack.js/tree/master/src/index.js

खͷܗͷݕग़ victordibia/handtrack.js/tree/master/src/index.js 7JEFPͷϑϨʔϜΛ 5FOTPSΦϒδΣΫτʹม׵

खͷܗͷݕग़ victordibia/handtrack.js/tree/master/src/index.js ֶशࡁΈϞσϧʹ౉ͯ͠ खͷܗΛݕग़

޻෉ͨ͠ϙΠϯτ͸ʁ💡

ίϯτϩʔϥʔͷ6*🎮 $ISPNFͷը໘ʹҧ࿨ײͳ༹͚͘ࠐΉΑ ͏ʹϚςϦΞϧσβΠϯͰελΠϦϯά ө૾ͷअຐʹͳΒͳ͍Α͏ʹ೚ҙͷՕॴ ʹ%%ͰҠಈՄೳʹ

ڍखϘλϯͷ֦େΞχϝʔγϣϯ🔘 ڍखͷڍಈ͕෼͔Γ΍͍͢Α͏ʹɺ ڍखϘλϯʹ֦େɾॖখΞχϝʔγϣϯ Λ௥Ճ

5FNQMBUFSFQPTJUPSZͰͷര଎։ൃ🏎 7JUFΛ࢖ͬͨ$ISPNF֦ுػೳͷ UFNQMBUFSFQPTJUPSZͷ WJUFTTFXFCFYUΛ࢖͍ɺ։ൃ؀ڥߏங Λޮ཰ԽϝΠϯػೳͷ࣮૷ʹ஫ྗɻ

͓ΘΓʹ🏁

ɾ)BOE5SBDLKTੌ͍ʂ ɾ5FOTPS'MPXKTͰ1ZUIPOͰ࡞ͬͨϞσϧ΋ར༻Ͱ͖Δ ɾ4ZOD3JTF)BOE࢖ͬͯͶ✋

8F"SF)JSJOH

બߟ՝୊΋ެ։த💯

Webで動画解析 〜Google Meetの挙手とリアルの挙手を連動させるChrome拡張作った話〜 / sync-raise-hand