Coding and Gaming
Development Blog Categories (1 Articles)

Intro to Websites with Webcam Integrations


Category
Website Development
Sub Category
Video
Last Updated
1/2/2020

Coding with Webcams and Videos

Using React and HTML5

Lesson #1, using HTML5 we can easily play any mp4 file type, with code like this:

<video controls="controls"> <source src="~/videos/MatrixTools.mp4" type="video/mp4" /> </video>



#2, Webcam Integration:

<video controls="controls"> <source src="~/videos/MatrixTools.mp4" type="video/mp4" /> </video>



var video = document.getElementById('video'); if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) { navigator.mediaDevices.getUserMedia({ video: true }).then(function(stream) { video.src = window.URL.createObjectURL(stream); video.play(); }); } COMING SOON: OH wow, I was thinking about recording videos to mp4 but even better make a FACETIME app!!! Using webcams!!!! Btn => turn on webcam => view other webcams? !!!!! THIS IS A GOOD ONE!! Probably this can be another blog too just on the project..

Permanent Link
If this article helped you, or you have any thoughts on how to do this better, please click the Like button and/or leave a comment below.

Likes: [0]

Comments: [0]






(this is only to show your gravatar icon)