ml5.js: Object Detection with COCO-SSD

Поділитися
Вставка
  • Опубліковано 14 лип 2024
  • I cover object detection in ml5.js with the COCO-SSD pre-trained model. Code: thecodingtrain.com/tracks/ml5...
    🚀 Watch this video ad-free on Nebula nebula.tv/videos/the-coding-t...
    p5.js Web Editor Sketches:
    🕹️ Object detection (image): editor.p5js.org/codingtrain/s...
    🕹️ Object detection webcam: editor.p5js.org/codingtrain/s...
    🕹️ Object detection webcam persistence: editor.p5js.org/codingtrain/s...
    🎥 Previous: • ml5.js: Webcam Image C...
    🎥 Next: • ml5.js: Classifying Dr...
    🎥 All: • Beginners Guide to Mac...
    Reference:
    🗄 Object Detector ml5.js Reference: github.com/ml5js/ml5-library/...
    💻 COCO ml5.js Model and Data Provenance: github.com/ml5js/ml5-library/...
    💻 COCO (Common Objects in Context) Dataset Explore: cocodataset.org/#explore
    💻 COCO 2020 Keypoint Detection Task: cocodataset.org/index.htm#key...
    💻 The COCO-Stuff dataset: github.com/nightrome/cocostuff
    💻 Humans of AI (Editorial Essay): humans-of.ai/editorial/
    💻 Excavating AI - The Politics of Images in Machine Learning Training Sets: excavating.ai/
    💻 Object Detection (coco-ssd) Model on tensorflow.js Models GitHub Repository: github.com/tensorflow/tfjs-mo...
    💻 List of Classes Available in COCO Dataset (ml5.js): github.com/ml5js/ml5-library/...
    🐈 Eevee Mango & Greta Goose Instagram: / mangoandgoose
    Videos:
    🚂 • ml5.js Pose Estimation...
    🚂 • Coding Worley Noise
    Timestamps:
    0:00 Introduction
    2:42 ml5.js pre-trained models
    3:03 Model and Data Provenance
    3:54 COCO Dataset
    4:47 Humans of AI
    5:11 Excavating AI
    6:00 COCO-SSD model
    6:30 Loading COCO-SSD model
    10:04 Drawing detection box and labels
    11:18 Real-time object detection on live video
    15:05 Exercise ideas
    Editing by Mathieu Blanchette
    Animations by Jason Heglund
    Music from Epidemic Sound
    🚂 Website: thecodingtrain.com/
    👾 Share Your Creation! thecodingtrain.com/guides/pas...
    🚩 Suggest Topics: github.com/CodingTrain/Sugges...
    💡 GitHub: github.com/CodingTrain
    💬 Discord: thecodingtrain.com/discord
    💖 Membership: ua-cam.com/users/thecodingtrainjoin
    🛒 Store: standard.tv/codingtrain
    🖋️ Twitter: / thecodingtrain
    📸 Instagram: / the.coding.train
    🎥 • Coding Challenges
    🎥 • Start learning here!
    🔗 p5.js: p5js.org
    🔗 p5.js Web Editor: editor.p5js.org/
    🔗 Processing: processing.org
    📄 Code of Conduct: github.com/CodingTrain/Code-o...
    This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecod...
    #cocossd #cocodataset #modelprovenance #dataprovenance #detectionbox #p5js #ml5js

КОМЕНТАРІ • 166

  • @udderbird1808
    @udderbird1808 3 роки тому +27

    This is awesome. My dog always steels the cat's food. So I'm gonna detect who's in front of the food bowl and scare the dog away by playing a soundfile.

  • @nicolevella6701
    @nicolevella6701 3 роки тому +5

    thank you for your enthusiasm and your positivity in making these videos Daniel. I personally have benefited from them greatly. I hope to share some of my work with you soon! Your passion is simply wonderful. Please do have a blessed day and stay safe. Sending coding love from Canada.

  • @ashwinjayaprakash7991
    @ashwinjayaprakash7991 3 роки тому

    Wow its refreshing to see you Dan after so many months !! And also, somebody definitely has been working on his drawing skills in lockdown

  • @puneetjain5625
    @puneetjain5625 3 роки тому +1

    I feel so excited that I am also reading WMD right now! Definitely important for us to know the ethical implications of the datasets and how they are collected and trained.

  • @user-xt4co5fn3d
    @user-xt4co5fn3d 2 роки тому

    thank you for always being so enthusiasm and positivite, oh Daniel,it's really enjoy and fun to code with these video,you are amazing ~

  • @enivaldobonelli
    @enivaldobonelli 3 роки тому +1

    Great! I was waiting for this! I noticed that in previous image classifications, the classification engines already were detecting other objects in the scene. You know, when it keeps seen things that seem not to make sense, different things for the same image on the video. I checked some of them. Now it tells us where it sees them.

  • @endyy6671
    @endyy6671 3 роки тому +1

    These videos have been super educational during these tough times, thanks for all of your hard work! looking forward to seeing more of your pets when coding in the cabana returns :)

  • @Educ8s
    @Educ8s 3 роки тому +41

    Hey Daniel! I really like your work and your enthusiasm. Keep it up!

  • @srojasv21
    @srojasv21 3 роки тому

    thanks! we were missing this type of videos!! They are fun to watch ...
    Nice editing by the way!

  • @bunnybloods768
    @bunnybloods768 3 роки тому +10

    Big fan from India. He is the only best teacher all over the world. This type brief explanation videos are not available even in paid courses . He is legend🇮🇳🇮🇳🇮🇳

  • @acm1812
    @acm1812 3 роки тому +1

    Love these short videos!

  • @kavinbharathi
    @kavinbharathi 3 роки тому

    I really love this video. I was feeling low for some reason. I feel energetic and happy now....

  • @Roknok
    @Roknok 3 роки тому +7

    My exams ended and I was bored ....suddenly a notification came that you have uploaded a video on ml5 which I like so much

  • @supercrafter100
    @supercrafter100 3 роки тому

    Quality video as usual. Keep up the good work man 😉

  • @tehsinashaikh7798
    @tehsinashaikh7798 3 роки тому

    Thank you so much for such an amazing video. This has helped me a lot with my studies. Keep bringing these types of videos

  • @DoomedCookie69
    @DoomedCookie69 3 роки тому +2

    The baseball bit really got me laughing. Well done!

  • @benjaminoechsle2091
    @benjaminoechsle2091 3 роки тому +17

    You are such a great teacher. I started watching your videos three years ago when I had no clue of programming whatsoever. And you are the reason why I study computer-science in the 4th semester right now with age 37 and loving it. Thank you so much for everything and keep up this incredible work!!!❤️❤️❤️

    • @Educ8s
      @Educ8s 3 роки тому +3

      Keep it up Benjamin. Studying Computer Science will change your life

  • @CYON4D
    @CYON4D 3 роки тому

    Another awesome video!

  • @connordechart
    @connordechart 3 роки тому

    wow never been so early on your videos, love you bro good content

  • @wileyr
    @wileyr 3 роки тому

    Hey! I’m glad you’re still producing content and I was wondering if you’d ever go into more detail or projects in terms of physics?

  • @WolfieMoonDev
    @WolfieMoonDev 2 роки тому

    I Need to try this!!! I didn’t even know this was possible until now!

  • @maheshnv4848
    @maheshnv4848 3 роки тому

    best coding channel i know off

  • @8eck
    @8eck 3 роки тому

    Niiiiice! At laaast! Thank you for this. Please please please, more videos about AI and ML stuff.

  • @khalidr11
    @khalidr11 3 роки тому

    Wtf! This is Amazing 🔥🔥🔥

  • @hussainsalih3520
    @hussainsalih3520 3 роки тому +1

    Keep uploading 😎 you are amazing 😉

  • @gazul05
    @gazul05 3 роки тому

    Great! Thanks a lot. 💯👍

  • @casperdesmet1132
    @casperdesmet1132 3 роки тому

    At 12:52 the model thinks your hand is a frisbee haha. Great video, love this type of coding.

  • @ayoubsa9967
    @ayoubsa9967 3 роки тому

    thanks for effort i loved that video

  • @alexsandergutierrezgoncalves
    @alexsandergutierrezgoncalves 3 роки тому +4

    I would like to see you make a series one day by creating a convolution neural network with p5.js and pure javascript, and showing how all the logic and mathematics work behind

  • @pedrorafaelsuarezesteris704

    EXCELLENT!!!!

  • @asutoshghanto3419
    @asutoshghanto3419 3 роки тому +1

    sir please keep making videos regularly ,love from india

  • @tedremmets8331
    @tedremmets8331 3 роки тому

    How the hell can 5 people downvote this video. This is so excellent!

  • @manuelbolivar9791
    @manuelbolivar9791 2 роки тому

    Hi Daniel, great video as always. Love your hard work and your "get to the point" style of explaining things. Would like to ask you to point out some tips for comparing images. I'm in need of a library and plain JScript code to create a callable object inside an MDM tool in order to compare different images of a same product, for instance. Thanks a lot for all your content!!

  • @tabletop5875
    @tabletop5875 3 роки тому

    this guy is the best.

  • @AdityaKumar-gl1to
    @AdityaKumar-gl1to 3 роки тому +4

    Error: The video element has not loaded data yet. Please wait for `loadeddata` event on the element

  • @ksbplayz9742
    @ksbplayz9742 2 роки тому

    Best channel ever! wowww so amazed this is the best i can't belive i witnessed the greatest channel ever sheeeeeeeeeeeeesh!

  • @pastuh
    @pastuh 3 роки тому +2

    Thanks, very useful :)
    Interesting how i can train data myself :)

  • @Its.abhi..
    @Its.abhi.. 3 роки тому

    Lots of luv sir . From india

  • @kayrauckilinc
    @kayrauckilinc 3 роки тому

    Yaaay! 2020 is a bit better now

  • @urinater
    @urinater 3 роки тому

    Please do more on posenet, especially if the models have improved from last time.
    Love your work

  • @BajoMundoUnderground
    @BajoMundoUnderground 2 роки тому

    realy good keep it up,

  • @mopas6386
    @mopas6386 3 роки тому

    I feel like as if I can code that thing already you explained it that clearly!
    ...may I add I have no clue how to code in that language, I barely started learning how to program.

  • @amymatthews4980
    @amymatthews4980 3 роки тому

    Nice work 🌈👏

  • @emirhanvurhan6238
    @emirhanvurhan6238 3 роки тому

    so cool

  • @thomastarp
    @thomastarp 2 роки тому +3

    If anyone else is experiencing the error that the video is not yet loaded, you can do the following:
    Add a callback function to the createCapture call, like this:
    video = createCapture(VIDEO, videoLoaded);
    You can then add the first detection in the callback function like this:
    function videoLoaded() {
    detector.detect(video, gotDetections);
    }

  • @nardove
    @nardove 3 роки тому +2

    A video on how to retrain the COCO model will be a great follow up 🤞

    • @TheCodingTrain
      @TheCodingTrain  3 роки тому +1

      I'm going to look at doing this with RunwayML soon!

    • @nardove
      @nardove 3 роки тому

      @@TheCodingTrain 👏👏👏

  • @MrGurkanify
    @MrGurkanify Рік тому

    hi
    I wish I had teachers like you

  • @everybodylovesmatthew8755
    @everybodylovesmatthew8755 3 роки тому

    😊😊😊Thanks bro

  • @geoffwagner4935
    @geoffwagner4935 9 місяців тому

    My mom always called Lexi our coffee table dog. Shepard (a very at one), with short little basset hound legs. Mom joked about us having a taxidermist make stuff her and make her into a coffee table. this one looks like would be interesting stuffed too, she can be a pillow, and kitty , bet it would people would love if they went to pet Gloria on her couch, forever and ever! xD

  • @dgloria
    @dgloria 3 роки тому

    Wow!!!

  • @liegev
    @liegev 3 роки тому

    Yes!

  • @AdicttedGamer
    @AdicttedGamer 3 роки тому +7

    Hey Daniel, any plans to walk through setting up ml5 with a custom yolo model for object detection ? I see the documentation specifies the default one but it would be nice to load a custom one.

  • @ashishajin4712
    @ashishajin4712 3 роки тому +13

    Ooh this was exactly what i was looking for, thxx but i cant watch now i have a test for html tmmrw :(

  • @manasomali
    @manasomali 3 роки тому

    Daniel, ml5 can work with natural language processing, maybe with entity recognition? great work as always o/

  • @shantilalprajapat4924
    @shantilalprajapat4924 3 роки тому

    😍😍

  • @crabby2ndaccount492
    @crabby2ndaccount492 3 роки тому

    This seems like a feature I would want to add to my main discord bot, gl hf

  • @ishaan600
    @ishaan600 3 роки тому +11

    hey man, I really like your content. I'm just wondering why you cant be my teacher in everything.

    • @HarunTerzi911
      @HarunTerzi911 3 роки тому

      Maybe he'll want to adopt you 😜

  • @namanvyas4016
    @namanvyas4016 3 роки тому +2

    Make a video about how to train a object detection model

  • @mranuragsinha28
    @mranuragsinha28 3 роки тому

    😍😍😍😍😍😍

  • @greendsnow
    @greendsnow 2 роки тому

    Wonderful! How do we train our customized cocossd with ml5 then?

  • @dusty6129
    @dusty6129 3 роки тому

    I lost it when he used the paint brush as a baseball bat

  • @mrafayshams3089
    @mrafayshams3089 3 роки тому

    Great Video!! Can you please let me know how to have the program capture the screen feed rather than a video or a picture. Meaning, while I'm using my computer, I want the code to run in the background to detect certain objects. Please please please help.

  • @sidsingh9165
    @sidsingh9165 3 роки тому

    Hey I was wondering if you could make a video with the newest version of processing.

  • @kamakshi.j8566
    @kamakshi.j8566 3 роки тому

    Hey,I just love the way you teach coding.please help me,out to work with collide 2D library in p5.js and how to download p5. play library to p5.js. please help me

  • @geeknrd962
    @geeknrd962 3 роки тому

    using webcam, you can display there screen, have a button that kinda takes a picture, and detects objects in that picture.

    • @geeknrd962
      @geeknrd962 3 роки тому

      nevermind. you already did it. i commented that at 11 mins through

  • @ameynaik2743
    @ameynaik2743 3 роки тому

    Great video! Thanks! Question - When I run p5.js in a browser, my fan speeds start to spin at the highest rpm. The same thing happened when I was running the posnet model. Any tips on how to avoid it? Can I reduce fps of the webcam output?

  • @kuroo710
    @kuroo710 3 роки тому

    that is a scary cat you draw there XD

  • @simplexination9837
    @simplexination9837 3 роки тому

    very good content. can we use ml5 for train custom object detection?

  • @shreyasmahajan3488
    @shreyasmahajan3488 3 роки тому

    Great content. Very informative and useful. I have just started with object detection and I wanted to know if there is any way to speed up model loading as it is taking time to load the model and is blocking the UI ?

    • @TheCodingTrain
      @TheCodingTrain  3 роки тому +3

      You could try downloading the model and loading it from a local file, also adding a callback instead of preload() you can incorporate a loading animation!

    • @shreyasmahajan3488
      @shreyasmahajan3488 3 роки тому

      @@TheCodingTrain Thanks for the suggestions. Will try it.

  • @igotapochahontas
    @igotapochahontas 3 роки тому

    Have you considered showing mobile versions of these? MobileNet is supposedly built for mobile but I'm curious what your workflow would be. I use droidscript, termux, and a local server to develop from my phone. But several of these AI videos haven't worked when I run them.

  • @XenoTravis
    @XenoTravis 3 роки тому

    Like that you fast forward now. Ya tend to talk to long about easy stuff

  • @dalandan8300
    @dalandan8300 Рік тому

    Is it limited to that 80 objects? Is there a way to dynamically add other objects?

  • @imofox6380
    @imofox6380 3 роки тому

    could a p5.js sketch be put as the input at "objectDetector.detect(input, ?callback);"?

  • @MiguelRodriguez-wn8mc
    @MiguelRodriguez-wn8mc Рік тому

    Hello, good explanation. Suppose we have 4 cats in the image, how could this detection of cats be counted, how could the counter be carried out?

  • @khemchay
    @khemchay 3 роки тому

    Sound Counter(How many time the person claps, knock or how many time the dogs bark/cat meow) tutorial please. I tried to log the sound classification output but the counter seems wrong.

  • @kevinchang0527
    @kevinchang0527 3 роки тому

    How did u import the video straight from the camera though?
    All I saw was “let video;”

  • @bravenwolf9419
    @bravenwolf9419 2 роки тому

    Hi, may i ask how to make an custom image object detection ?because cocossd can get that fixed 80 object only not?

  • @thesilentkiller3882
    @thesilentkiller3882 3 роки тому

    can you make a video of finding out ap /map for this?

  • @juand3250
    @juand3250 3 роки тому

    I really liked the video, it's very interesting.
    But I need some help. I am trying to implement object detection, but using an external canvas (not using p5.js). Is there a way I can use an HTML canvas with ml5.js or use that canvas with p5.js?.
    I am sorry, I don't understand very well how p5.js works.
    Thanks

  • @MiguelRodriguez-wn8mc
    @MiguelRodriguez-wn8mc Рік тому

    good explanation a query how you can train a new model for coco to detect other objects such as yeast cells, microplastics etc. objectDetector = ml5.objectDetector(model.json,'cocossd');

  • @danielcso
    @danielcso 2 роки тому

    Can I train/save object detection models same as image classification?

  • @AJ93-lx6on
    @AJ93-lx6on 4 дні тому

    I already have custom trained model from yolo google colab and have best.pt or changed format to onnx model.How can i use that custom model here?

  • @ashonshakya
    @ashonshakya 3 роки тому

    Gosh you look old but still have the same energy

  • @omnipotentfish
    @omnipotentfish 9 місяців тому

    I keep getting an error:
    "The video element has not loaded data yet. Please wait for `loadeddata` event on the element."
    what am I doing wrong? should I use promises? HELP

  • @andirapurnamaalam2458
    @andirapurnamaalam2458 3 роки тому

    i love this but i wonder can i change the output name in another language? i hope u can answer me

  • @alexliebhaber3109
    @alexliebhaber3109 Рік тому

    Has anybody ran into an issue when trying to get the green squares around the detections? I have tried everything I can think of and I cannot get them to show, the object.x .y etc are console logging just fine, but Idk what to do

  • @mirzaabdulrehman428
    @mirzaabdulrehman428 3 роки тому

    which model can detect smoke and fire any idea?

  • @israamohamed6050
    @israamohamed6050 2 роки тому

    Hi Danial , I tried to train a model in TM and use it the same way here but it's not working I'm getting an error for the length. Will it actually work for a teachable machine trained model?

  • @ElHumanoEsLuz
    @ElHumanoEsLuz 3 роки тому

    How to make letter detector?

  • @frankbraker
    @frankbraker Місяць тому

    I really want to know how to train a custom model for object detection. Thanks.

  • @oscarcamacho5902
    @oscarcamacho5902 3 роки тому

    hi, can I use a model trained in objectDetect or only coossd and yolo?

  • @wheresthecode
    @wheresthecode Рік тому

    is there a way to assign unique ids per object detected. Example, if i have to count people, i would want to assign an ID to each person detected so that i don't count the same person over and over if they are still in frame. I once did this using deepsort/SORT in python. How can i achieve this in js?

  • @flothetech3526
    @flothetech3526 3 роки тому

    Can you build a rts game like warcraft2 or starcraft?

  • @bringmebacklights
    @bringmebacklights 3 роки тому

    how much weight a data size for one object?

  • @mrlevo27
    @mrlevo27 3 роки тому

    So I have a mjpg video live stream where I want to detect objects... Any idea I can use that?

  • @souptiknath4668
    @souptiknath4668 3 роки тому

    But how can I make my own model with mu own image like coco ssd?

  • @adityapadhi6474
    @adityapadhi6474 Рік тому

    is it possible to detect shapes ?

  • @vigdora100
    @vigdora100 2 роки тому

    can I use my custom object detection with ml5, instead of COCO-SSD

  • @tehsinashaikh7798
    @tehsinashaikh7798 3 роки тому

    can you upload a video on yolo for object detection

  • @fireboss05
    @fireboss05 3 роки тому

    Sounds very cool, but what's ml5.js x) a p5.js library ?

    • @ushasingh6204
      @ushasingh6204 3 роки тому

      p5.js is not a language. p5.jd itself is a framework