All Projects → xpcrts → Steaming Ip Camera Nodejs

xpcrts / Steaming Ip Camera Nodejs

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

Projects that are alternatives of or similar to Steaming Ip Camera Nodejs

Scada.js
Industrial distributed SCADA and MRP library for web, desktop and mobile
Stars: ✭ 66 (+3.13%)
Mutual labels:  realtime, webapp
Wave
Realtime Web Apps and Dashboards for Python and R
Stars: ✭ 2,774 (+4234.38%)
Mutual labels:  realtime, webapp
Butterfly Server
The Everything is Real-Time C# Backend for Single Page Applications
Stars: ✭ 247 (+285.94%)
Mutual labels:  realtime, webapp
Tiledesk Dashboard
The Tiledesk dashboard. Tiledesk is an Open Source Live Chat platform written in NodeJs, firebase and Angular.
Stars: ✭ 53 (-17.19%)
Mutual labels:  realtime
Desk Lamp Alternative Firmware
An alternative firmware for the Mijia Xiaomi Desk Lamp
Stars: ✭ 54 (-15.62%)
Mutual labels:  webapp
Play Scala Slick Example
Example Play Scala project with Slick
Stars: ✭ 59 (-7.81%)
Mutual labels:  webapp
Mt Music Player
Web music player
Stars: ✭ 63 (-1.56%)
Mutual labels:  webapp
Anarki
Community-managed fork of the Arc dialect of Lisp; for commit privileges submit a pull request.
Stars: ✭ 1,065 (+1564.06%)
Mutual labels:  webapp
Webapp.ahk
"AHK-Webkit" / Webapp.ahk - Library for developing web-based apps with AutoHotkey.
Stars: ✭ 62 (-3.12%)
Mutual labels:  webapp
Prestashop
Free PWA & SPA for PrestaShop
Stars: ✭ 59 (-7.81%)
Mutual labels:  webapp
Flask Tutorial
A tutorial to build your first flask application
Stars: ✭ 58 (-9.37%)
Mutual labels:  webapp
Bui Guide
BUI 是H5、App的统一框架, 用于快速定制开发WebApp,微信公众号,小程序(微信,支付宝)的webview适配,还可以开发混合移动应用 ( 例如: Bingotouch, Link, Cordova, DCloud, ApiCloud, Appcan ) 的UI, 钉钉的轻应用等第三方平台.
Stars: ✭ 55 (-14.06%)
Mutual labels:  webapp
Node Express Typescript Boilerplate
A boilerplate for developing web apps with Node.js, Express.js & TypeScript. Demonstrates helpful recipes in 8 steps in individual branches.
Stars: ✭ 60 (-6.25%)
Mutual labels:  webapp
Vynchronize
Watch videos with friends online with the new real time video synchronization platform
Stars: ✭ 1,072 (+1575%)
Mutual labels:  realtime
Jpg Glitch
glitch images with jpg encoding
Stars: ✭ 1,120 (+1650%)
Mutual labels:  webapp
Channelstream
Channelstream is a websocket communication server for web applications
Stars: ✭ 52 (-18.75%)
Mutual labels:  webapp
Logvac
Simple, lightweight, api-driven log aggregation service with realtime push capabilities and historical persistence.
Stars: ✭ 61 (-4.69%)
Mutual labels:  realtime
Web Applications With Fastapi Course
Demo code and other handouts for students of our FastAPI Web Apps course.
Stars: ✭ 56 (-12.5%)
Mutual labels:  webapp
Rust Webapp Starter
Rust single page webapp written in actix-web with vuejs.
Stars: ✭ 56 (-12.5%)
Mutual labels:  webapp
Rnl
RNL - Realtime Network Library - The opensource reliable UDP network library
Stars: ✭ 59 (-7.81%)
Mutual labels:  realtime

Steaming IP Camera Nodejs

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:

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:

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].