Open source project of real time streaming (~30 fps) IP/Network security camera on web browser using NodeJS
These instructions will get you a copy of the project to make it up and running on your local machine for development and testing purposes.
What things you need to install the software and how to install them
- Git - free and open source distributed version control system
- Node.js - Node.js >= 10.15.0
- FFmpeg - Multimedia framework to decode, encode, transcode, mux, demux, stream, filter and play
A step by step series of examples that tell you how to get a development up and running
- Download Git
- Open command prompt/terminal, Clone this repository to your local machine
git clone https://github.com/xpcrts/Steaming-IP-Camera-Nodejs
- Download and install Node.js on your local machine
- Node.js - Node.js >= 10.15.0
- Download and install pre-build FFMPEG Builds on your local machine (Download Build)
- FFmpeg - Multimedia framework to decode, encode, transcode, mux, demux, stream, filter and play
- Copy the FFMPEG Zip folder you have just downloaded, paste it into C: drive for simplicity and unzip it.
- Rename the file to ffmpeg for simpicity
- After unzipped the file, navigate ffmpeg/bin
You need to add ffmpeg to system variables (For all users) or User variables (For specific user)
For research and test, I recommend to add the ffmpeg path to the system variables to do that just navigate to:
a. Control Panel
b. System and Security
c. System
d. Advanced system settings
e. Environment Variables...
f. System variables
g. Path (Double-click on it)
h. New
i. Paste this
C:\ffmpeg\bin
j. OK (3 times)
5. NPM install node-onvif
npm install node-onvif -s
6.NPM install node-rtsp-stream
npm i node-rtsp-stream -s
7.NPM install http-server
npm install http-server -g
- In the repository, open app.js file
- Change IP address to your camera IP address
- Username of your network camera
- Password of your network camera
- Open one command prompt/terminal, navigate to Streaming-IP-Camera-Nodejs/src directory and type:
http-server
hit enter to run
3. Open another command prompt/terminal, on the same directory path and type:
node app.js
hit enter to run
Now keep those two terminal up and running
Preview Streaming Camera on web browser by go to this URL:
You are ready to go.
Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.
- Streaming Multiple camera channels at once, using 4x4 grid or more
- Customize width and height of canvas
- Improve streaming resolution quality
- Decrease streaming latency
We use SemVer for versioning. For the versions available, see the tags on this repository.
- Phok Chanrithisak - xpcrts
See also the list of contributors who participated in this project.
This project is licensed under the MIT License - see the LICENSE.md file for details
- Credit to: Celalettin Erbulut