Coding Challenge #157: Zoom Annotations with Machine Learning + p5.js

Coding Challenge #157: Zoom Annotations with Machine Learning + p5.js

Channel:
United States The Coding Train
Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=9z9mbiOZqSs


Duration: 22:16
61,497 views
2,706

Liven up your video calls with p5.js, ml5.js, Teachable Machine, and OBS Studio!
πŸ’» Code: https://thecodingtrain.com/challenges/157-zoom-annotations

Links discussed in this video:
πŸ”— Comic-Book Style Video Lens: https://twitter.com/cameronhunter/status/1305667539922550784
πŸ”— Snap Lens Studio: https://lensstudio.snapchat.com/
πŸ”— Teachable Machine Website: https://teachablemachine.withgoogle.com/
πŸ”— ml5.js Teachable Machine Example: https://editor.p5js.org/ml5/sketches/ImageModel_TM
πŸ”— OBS Studio Website: https://obsproject.com/
πŸ”— OBS Virtual Cam for Mac: https://github.com/johnboiles/obs-mac-virtualcam/releases
πŸ”— obs-v4l2sink (OBS Virtual Cam for Linux): https://github.com/CatxFish/obs-v4l2sink

Other videos mentioned in this video:
πŸŽ₯ Teachable Machine 1: Image Classification: https://youtu.be/kwcillcWOg0

0:00 Introduction
1:02 Project overview and plan
3:43 Teachable Machine model training: https://teachablemachine.withgoogle.com/
5:58 Code! Importing the model: https://editor.p5js.org/ml5/sketches/ImageModel_TM
7:08 Code! Displaying annotations
8:58 Code! Debouncing, fading out
11:20 Open Broadcast Studio Virtual Camera
14:33 Finalizing layout in OBS for Zoom
18:14 Reviewing all the steps
19:47 Further ideas and how to share your own!

πŸš‚ Website: http://thecodingtrain.com/
πŸ‘Ύ Share Your Creation! https://thecodingtrain.com/Guides/community-contribution-guide.html
🚩 Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics
πŸ’‘ GitHub: https://github.com/CodingTrain
πŸ’¬ Discord: https://discord.gg/hPuGy2g
πŸ’– Membership: http://youtube.com/thecodingtrain/join
πŸ›’ Store: https://standard.tv/codingtrain
πŸ“š Books: https://www.amazon.com/shop/thecodingtrain
πŸ–‹οΈ Twitter: https://twitter.com/thecodingtrain
πŸ“Έ Instagram: https://www.instagram.com/the.coding.train/

πŸŽ₯ Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

πŸ”— p5.js: https://p5js.org
πŸ”— p5.js Web Editor: https://editor.p5js.org/
πŸ”— Processing: https://processing.org

πŸ“„ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct



Other Videos By The Coding Train


2020-12-03Coding Challenge #158: Shape Classifier Neural Network with ml5.js
2020-12-02Discord Bots 4: Hiding API Keys with .env
2020-11-29Side Project Sunday?
2020-11-25ml5.js: Training a Convolutional Neural Network for Image Classification
2020-11-14Side Project Saturday!
2020-11-09Discord Bots 3: Coding a Bot with discord.js
2020-11-08Discord Bots 2: Discord Developer Portal
2020-11-08Discord Bots 1: Introduction
2020-11-07Side Project Saturday!
2020-10-31Saturday Side Project Spooktacular!
2020-10-29Coding Challenge #157: Zoom Annotations with Machine Learning + p5.js
2020-10-20ml5.js: Object Detection with COCO-SSD
2020-10-17Open Source Saturday! (Live from the Attic)
2020-10-10Coding Trade Live: Side Project Saturday! (Live from the Attic)
2020-10-03Coding Train Live: Side Project Saturday! (Live from the Attic)
2020-10-02Hosting a p5.js sketch with GitHub Pages
2020-09-25The Coding Train: revisiting ml5.js!
2020-09-19Coding Train Live: Live from the Attic 2!
2020-09-12Coding Train Live: Live from the Attic!
2020-07-22Coding Train Live: Marching Squares and Flocking Mewchoo
2020-07-18Guest Conductor: Chrissy Brimmage


Tags:
p5js
p5
ml5
ml5js
machine learning
zoom
creative code