https://github.com/basemax/javascriptwebcamdemo

Get Webcam frames in javascript and Watch Webcam Stream in video tag.
https://github.com/basemax/javascriptwebcamdemo

javascript js webcam webcam-capture webcam-streaming webcam-viewer webcamjs

Last synced: 4 months ago
JSON representation

Get Webcam frames in javascript and Watch Webcam Stream in video tag.

• Host: GitHub
• URL: https://github.com/basemax/javascriptwebcamdemo
• Owner: BaseMax
• License: mit
• Created: 2020-11-17T23:02:15.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2021-05-16T21:37:01.000Z (about 5 years ago)
• Last Synced: 2025-10-25T11:57:29.635Z (9 months ago)
• Topics: javascript, js, webcam, webcam-capture, webcam-streaming, webcam-viewer, webcamjs
• Language: JavaScript
• Homepage: https://basemax.github.io/JavascriptWebcamDemo/
• Size: 42 KB
• Stars: 8
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Javascript Webcam Demo

Get Webcam frames in **javascript** and Watch Webcam Stream in video tag.

[Try it](https://basemax.github.io/JavascriptWebcamDemo/)

[![Javascript Webcam Demo](demo.jpg)](https://basemax.github.io/JavascriptWebcamDemo/)

Some of the code is taken from sources on the Internet. (stop function)

### I not have a webcam, So how to test?

Unfortunately, I do not have a webcam or microphone in my personal system.

So you might be wondering how I tested the script?

Given that my operating system is **Linux**. I activated the `v4l2loopback` module.

And with the help of **ffmpeg** I simulated a virtual webcam.

```

$ sudo modprobe v4l2loopback

$ ffmpeg -f x11grab -r 15 -s 512x512 -i :0.0+0,0 -vcodec rawvideo -pix_fmt yuv420p -threads 0 -f v4l2 /dev/video0

$ v4l2-ctl --list-devices

$ ffplay /dev/video0

```

---------

# Max Base

My nickname is Max, Programming language developer, Full-stack programmer. I love computer scientists, researchers, and compilers.

## Asrez Team

A team includes some programmer, developer, designer, researcher(s) especially Max Base.

[Asrez Team](https://www.asrez.com/)