diff --git a/content/tracks/main-tracks/ml5js-beginners-guide/index.json b/content/tracks/main-tracks/ml5js-beginners-guide/index.json index 75cd8ea0f..528cfa057 100644 --- a/content/tracks/main-tracks/ml5js-beginners-guide/index.json +++ b/content/tracks/main-tracks/ml5js-beginners-guide/index.json @@ -6,7 +6,7 @@ "chapters": [ { "title": "Introduction", - "videos": ["ml5/0-introduction/1-introduction"] + "videos": ["ml5/0-introduction/1-introduction", "ml5/0-introduction/patt-vira"] }, { "title": "Classification", diff --git a/content/videos/ml5/0-introduction/1-introduction/index.json b/content/videos/ml5/0-introduction/1-introduction/index.json index b706043fe..da5078868 100644 --- a/content/videos/ml5/0-introduction/1-introduction/index.json +++ b/content/videos/ml5/0-introduction/1-introduction/index.json @@ -1,6 +1,6 @@ { "title": "A Beginner's Guide to Machine Learning with ml5.js", - "description": "Welcome to \"A Beginner's Guide to Machine Learning in JavaScript\"! In this series, I'll teach the concepts behind machine learning using the ml5.js library. .", + "description": "Welcome to \"A Beginner's Guide to Machine Learning in JavaScript\"! In this series, I'll teach the concepts behind machine learning using the ml5.js library.", "videoNumber": "0.1", "videoId": "jmznx0Q1fP0", "date": "2018-07-31", diff --git a/content/videos/ml5/0-introduction/patt-vira/images/kinetic-type.jpg b/content/videos/ml5/0-introduction/patt-vira/images/kinetic-type.jpg new file mode 100644 index 000000000..560fe435c Binary files /dev/null and b/content/videos/ml5/0-introduction/patt-vira/images/kinetic-type.jpg differ diff --git a/content/videos/ml5/0-introduction/patt-vira/images/lips.jpg b/content/videos/ml5/0-introduction/patt-vira/images/lips.jpg new file mode 100644 index 000000000..c53ad7e4a Binary files /dev/null and b/content/videos/ml5/0-introduction/patt-vira/images/lips.jpg differ diff --git a/content/videos/ml5/0-introduction/patt-vira/index.json b/content/videos/ml5/0-introduction/patt-vira/index.json new file mode 100644 index 000000000..ae7b6b2c4 --- /dev/null +++ b/content/videos/ml5/0-introduction/patt-vira/index.json @@ -0,0 +1,84 @@ +{ + "title": "ml5.js 1.0 and Guest Conductor Patt Vira", + "description": "The ml5.js library recently celebrated it's 1.0 release! In this video, I provide an overview of the new release and cover how to use the FaceMesh model. Guest Conductor Patt Vira (http://youtube.com/@PattVira) takes over and demonstrates how to build a creative kinetic type visualization controlled by your mouth!", + "videoNumber": "0.2", + "videoId": "2h8VArJ3gnQ", + "date": "2024-07-31", + "languages": ["p5.js", "ml5.js"], + "topics": ["machine learning", "ml5.js", "facemesh", "guest conductor"], + "canContribute": true, + "timestamps": [ + { "time": "0:00", "title": "Introducing Patt Vira!" }, + { "time": "1:08", "title": "What is ml5.js?" }, + { "time": "2:00", "title": "The Nature of Code book" }, + { "time": "2:12", "title": "ml5.js overview" }, + { "time": "4:27", "title": "Importing the ml5.js library" }, + { "time": "5:38", "title": "How to use the FaceMesh model" }, + { "time": "18:34", "title": "Guest Conductor Patt Vira!" }, + { "time": "54:14", "title": "Thanks for watching!" } + ], + "codeExamples": [ + { + "title": "FaceMesh (Lips)", + "description": "This sketch demonstrates the basics of the FaceMesh model.", + "urls": { "p5": "https://editor.p5js.org/codingtrain/sketches/LdEmvXdGI" }, + "image": "lips.jpg" + }, + { + "title": "Interactive Kinect Type", + "description": "Guest Conductor Patt Vira's sketch!", + "urls": { "p5": "https://editor.p5js.org/codingtrain/sketches/CITZ-7eyA" }, + "image": "kinetic-type.jpg" + } + ], + "groupLinks": [ + { + "title": "References", + "links": [ + { + "icon": "🎥", + "title": "Patt Vira", + "url": "http://youtube.com/@PattVira", + "description": "Patt Vira's YouTube channel. Make Art with Code!" + }, + { + "icon": "🎥", + "title": "Interview with me!", + "url": "https://youtu.be/X4XMhpRFKvU", + "description": "Patt Vira hosts an interview with me on her channel!" + }, + { + "icon": "💻", + "title": "ml5.js", + "url": "https://ml5js.org/", + "description": "The new ml5.js website!" + }, + { + "icon": "🏕", + "title": "ITP Camp", + "url": "https://tisch.nyu.edu/itp/camp", + "description": "The ITP Camp website." + }, + { + "icon": "💻", + "title": "Tensorflow.js", + "url": "https://www.tensorflow.org/js", + "description": "The ml5.js is built on top of Tensorflow.js." + }, + { + "icon": "📕", + "title": "The Nature of Code", + "url": "https://natureofcode.com/", + "description": "Read and pre-order my new Nature of Code book!" + } + ] + } + ], + "credits": [ + { "title": "Editing", "name": "Patt Vira and Mathieu Blanchette" }, + { "title": "Videography", "name": "Don Lee" }, + { "title": "ml5.js slides", "name": "Micaelle Lages and the ml5.js team" }, + { "title": "ITP Camp workshop photos", "name": "Parth Pawar, Chienn Tai, Alan Ren" }, + { "title": "Animations", "name": "Jason Heglund" } + ] +}