Skip to content

README.md

Latest commit

 

History

History
14 lines (12 loc) · 694 Bytes

README.md

File metadata and controls

14 lines (12 loc) · 694 Bytes

19 - Webcam Fun

Things I learned

  • We can hide an HTML element by using hidden attribute.
  • Learned more about radio buttons & how to use them in JavaScript
  • How to take camera permission & show video on screen
  • Used canvas before but this got to how to draw image & put it back to it.
  • canvas.toDataURL('image/jpeg') taking data from canvas & store to variable.
  • Learned how to create Element in JavaScript like a tag.
  • Get to know about canplay event that started when some audio or video starts to play.

Some important things

  • Used rem units not px for making site responsive
  • Get intuition of how to use flex like here I used flex to align canvas element to center.