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

PWA Night 2022/10/21

Transcript

1. 8FCͰಈըղੳ
   
   ʙ(PPHMF
   .FFUͷڍखͱϦΞϧͷڍखΛ࿈ಈͤ͞Δ $ISPNF֦ுΛ࡞ͬͨ࿩ʙ 
   18"
   /JHIU
2. 
   
   
   
   
   !,BXBNBUB3ZP
   👨💻
   &OHJOFFS
   !-"13"4
   JOD
   🔥
   ݩফ๷࢜
   ❤
   5ZQF4DSJQU
   
   7VF
   
   %FOP
   3FBDU
   🏄
   ݒਨ
   ݸਓ։ൃ
3. ࠓ೔࿩͢͜ͱ
   💬
   
4. ɾ4ZOD
   3BJTF
   )BOE
   ͷ঺հ
   ɾ$ISPNF
   &YUFOTJPOTͷ࣮૷
   ɾϋϯυτϥοΩϯάͷৄࡉ
5. 4ZOD
   3BJTF
   )BOET
   ͱ͸ʁ✋
7. ϦΞϧͳڍखͱ(PPHMF
   .FFU
   ্ͷڍखϘλϯΛ ࿈ಈͤ͞Δ$ISPNF
   ֦ு
8. %&.0
   📺
9. ͲͷΑ͏ʹڍखΛ൑ఆ͍ͯ͠Δʁ
   👁
10. )BOEUSBDLKT
    Λ࢖ͬͯڍखΛ൑ఆ
    🖐 ϒϥ΢β্Ͱ8FCΧϝϥͷσʔλ͔Βɺ ϋϯυαΠϯΛ൑ఆͰ͖Δ
    )BOEUSBDLKT
    Λ࢖ͬͯڍखΛ൑ఆ
11. τϥοΩϯά։࢝
12. τάϧϘλϯ0/
    Ͱݺͼग़͠ τϥοΩϯά։࢝
13. )BOE5SBDLKTͰͷ
    τϥοΩϯά։࢝ τϥοΩϯά։࢝
14. ඵ͝ͱʹಈըΛݕূ
    ݕূ݁ՌΛݩʹϘλϯૢ࡞ τϥοΩϯά։࢝
15. Ϙλϯૢ࡞ ڍखϘλϯͷ%0.Λऔಘ
16. खͷܗ͕PQFOͱ൑ఆ͞Ε͍ͯͳ͍͔ͭ ڍखϘλϯ͕ԡ͞Ε͍ͯͳ͍৔߹͸ɺ ڍखϘλϯΛΫϦοΫ Ϙλϯૢ࡞
17. खͷܗ͕PQFOͱ൑ఆ͞Εͳ͍৔߹͔ͭɺ ڍखϘλϯ͕ΫϦοΫ͞Ε͍ͯΔ৔߹͸ɺ ڍखϘλϯΛΫϦοΫͯ͠ڍखΛ໭͢
    Ϙλϯૢ࡞
18. τϥοΩϯάఀࢭ
19. τϥοΩϯάఀࢭ τάϧϘλϯ0''
    Ͱݺͼग़͠
20. τϥοΩϯάఀࢭ )BOE5SBDLKTͷτϥοΩϯάΛఀࢭ
    ղੳͷΠϯλʔόϧΛղআ
21. )BOE5SBDLKT͸
    Ͳ͏΍ͬͯखͷܗΛ൑ఆ͍ͯ͠Δʁ🔎
22. )BOE5SBDLKT
    ͷίʔυΛಡΉ
    👀
23. ⚠
    ͔͜͜Βઌ͸งғؾͰઆ໌ͯ͠·͢ʜ
    5FOTPS'MPXKT
    Θ͔Βͳ͍😇
24. ॳظԽॲཧ
    ᶃ victordibia/handtrack.js/tree/master/src/index.js
25. ॳظԽॲཧ
    ᶃ victordibia/handtrack.js/tree/master/src/index.js ΦϒδΣΫτݕग़ͷΫϥεΛॳظԽ͠ ͯϞσϧͷMPBEॲཧΛ࣮ߦ
26. ॳظԽॲཧ
    ᶄ victordibia/handtrack.js/tree/master/src/index.js
27. ॳظԽॲཧ
    ᶄ victordibia/handtrack.js/tree/master/src/index.js ύϥϝʔλʹదͨ͠
    ֶशࡁΈϞσϧͷύεΛઃఆ
28. ॳظԽॲཧ
    ᶄ victordibia/handtrack.js/tree/master/src/index.js 5FOTPS'MPXKTΛ࢖ͬͯɺ
    ֶशࡁΈϞσϧΛϩʔυ
29. τϥοΩϯάελʔτ victordibia/handtrack.js/tree/master/src/index.js
30. τϥοΩϯάελʔτ victordibia/handtrack.js/tree/master/src/index.js OBWBHBUPSNFEJB%FWJDFTͰ
    ઀ଓ͞ΕͨΧϝϥΛऔಘ͠
    WJEFPλάͷιʔεʹ
31. खͷܗͷݕग़ victordibia/handtrack.js/tree/master/src/index.js
32. खͷܗͷݕग़ victordibia/handtrack.js/tree/master/src/index.js 7JEFPͷϑϨʔϜΛ
    5FOTPSΦϒδΣΫτʹม׵
33. खͷܗͷݕग़ victordibia/handtrack.js/tree/master/src/index.js ֶशࡁΈϞσϧʹ౉ͯ͠
    खͷܗΛݕग़
34. ޻෉ͨ͠ϙΠϯτ͸ʁ💡
35. ίϯτϩʔϥʔͷ6*
    🎮 $ISPNFͷը໘ʹҧ࿨ײͳ༹͚͘ࠐΉΑ ͏ʹϚςϦΞϧσβΠϯͰελΠϦϯά
    ө૾ͷअຐʹͳΒͳ͍Α͏ʹ೚ҙͷՕॴ ʹ%%ͰҠಈՄೳʹ
36. ڍखϘλϯͷ֦େΞχϝʔγϣϯ
    🔘 ڍखͷڍಈ͕෼͔Γ΍͍͢Α͏ʹɺ
    ڍखϘλϯʹ֦େɾॖখΞχϝʔγϣϯ Λ௥Ճ
37. 5FNQMBUF
    SFQPTJUPSZ
    Ͱͷര଎։ൃ
    🏎 7JUFΛ࢖ͬͨ$ISPNF
    ֦ுػೳͷ UFNQMBUF
    SFQPTJUPSZ
    ͷ
    WJUFTTFXFCFYU
    Λ࢖͍ɺ։ൃ؀ڥߏங Λޮ཰Խ
    
    ϝΠϯػೳͷ࣮૷ʹ஫ྗɻ
38. ͓ΘΓʹ
    🏁
39. ɾ)BOE5SBDLKT
    ੌ͍ʂ
    ɾ5FOTPS'MPXKT
    Ͱ
    1ZUIPOͰ࡞ͬͨϞσϧ΋ར༻Ͱ͖Δ
    
    ɾ4ZOD
    3JTF
    )BOE
    ࢖ͬͯͶ
    ✋
40. 8F
    "SF
    )JSJOH
    
41. બߟ՝୊΋ެ։த
    
    💯