/Steaming-IP-Camera-Nodejs

Real time streaming IP/Network security camera on web browser using NodeJS

Primary LanguageHTMLMIT LicenseMIT

Steaming IP Camera Nodejs

Donate me (if it helpful)


Bitcoin (BTC): bc1qtmvj9670pxrrdhqg98zge6qkw3kr590r96kq5p
Ethereum (ETH) or USDT (ETH Network) or USDC (ETH Network): 0x16f2b8e63859f5665023D33d65DBcba189e4A9d4

Open source project of real time streaming (~30 fps) IP/Network security camera on web browser using NodeJS

Content of web page analyzation by Google

Getting Started

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.

Prerequisites

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

Installing

A step by step series of examples that tell you how to get a development up and running

  1. Download Git
  1. Open command prompt/terminal, Clone this repository to your local machine
git clone https://github.com/xpcrts/Steaming-IP-Camera-Nodejs
  1. Download and install Node.js on your local machine
  1. 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

On Microsoft Windows

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

Running the tests

  1. 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
  1. 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:

npm start

hit enter to run

Now keep those two terminal up and running

Preview Streaming Camera on web browser by go to this URL:

127.0.0.1:8000

You are ready to go.

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

To-dos

  • Streaming Multiple camera channels at once, using 4x4 grid or more
  • Customize width and height of canvas
  • Improve streaming resolution quality
  • Decrease streaming latency

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Authors

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments

  • Credit to: Celalettin Erbulut

Donate me (if it helpful)


Bitcoin (BTC): bc1qtmvj9670pxrrdhqg98zge6qkw3kr590r96kq5p
Ethereum (ETH) or USDT (ETH Network) or USDC (ETH Network): 0x16f2b8e63859f5665023D33d65DBcba189e4A9d4