11.1: Live Video and createCapture() - p5.js Tutorial

From the creator

This video covers the createCapture() function. Code: https://thecodingtrain.com/tracks/pixels/pixels/createCapture 🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/A5NO0q7j7 🎥 Next: https://youtu.be/oLiaUEKsRws References: 🔗 image(): https://p5js.org/reference/#/p5/image 🔗 createCapture(): https://p5js.org/reference/#/p5/createCapture Videos: 🎥 Visual Studio Code: https://youtu.be/yJw0SyKO9IU Related Coding Challenges: 🚂 47 Pixel Sorting in Processing: https://youtu.be/JUDYkxU6J0o 🚂 102 2D Water Ripple: https://youtu.be/BZUdGqeOD0w 🚂 166 Image to ASCII: https://youtu.be/55iwMYv8tGI Timestamps: 0:00 Introduction 1:21 createCapture(VIDEO) 3:00 Using a local code editor (I now use Video Studio Code) 4:02 Manipulating dom elements 5:33 Use image() to add the video to the canvas 6:49 Adjust width with mouseX 7:20 Hide the video dom element 7:52 Camera permissions 9:57 Outro Editing by Mathieu Blanchette Music from Epidemic Sound 🚂 Website: https://thecodingtrain.com/ 👾 Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide 🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box 💡 GitHub: https://github.com/CodingTrain 💬 Discord: https://thecodingtrain.com/discord 💖 Membership: http://youtube.com/thecodingtrain/join 🛒 Store: https://standard.tv/codingtrain 🖋️ Twitter: https://twitter.com/thecodingtrain 📸 Instagram: https://www.instagram.com/the.coding.train/ 🎥 Coding Challenges: https://www.youtube.com/playlist?list

Published 2016-03-31 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.