rtsp 스트리밍 서버구축

실시간 스트리밍 프로토콜(Real Time Streaming Protocol, RTSP)은 스트리밍 미디어 서버를 제어할 목적으로 엔터테인먼트, 통신 시스템에 사용하도록 설계된 네트워크 제어 프로토콜이다.

1. 개요

node에서 제공하는 node-rtsp-stream 를 사용하여 실시간으로 카메라 영상을 볼수있는 웹사이트를 만들기
실제로 사용할 주소는 rtsp://... 형식이다. 카메라 제조사마다 url이 다르게 제공되니 참고한다.
Linux 우분투 환경에서 구축한 샘플소스이다.

2. node설치

아래명령어를 실행한다.
설치이후 node -v 입력하여 제대로 설치가 되었는지 확인한다.

$ curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -E -

$ sudo apt install -y nodejs

3. RTSP관련 패키지 설치

$ sudo apt-get update

$ sudo apt-get install ffmpeg

4. 폴더생성후 npm 패키지 install

nodejs라는 폴더생성
/www/rtsp/nodejs 에서 npm install node-rtsp-stream 실행
/www/rtsp/nodejs 에서 npm install ws 실행

$ mkdir /www/rtsp/nodejs

$ npm install node-rtsp-stream

$ npm install ws

5. index.js 생성

Stream = require('node-rtsp-stream')
stream = new Stream({
    name: 'name',
    streamUrl: 'rtsp://.......',
    wsPort: 9999,
    ffmpegOptions: { // options ffmpeg flags
        '-stats': '', // an option with no neccessary value uses a blank string
        '-r': 30 // options with required values specify the value after the key
    }
})

6. index.html 생성

Linux서버 아이피를 WebSocket 항목에 입력한다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jsmpeg/0.1/jsmpg.js"></script>
</head>
<body>
<h3>RTSP 영상보기</h3>
<canvas style="width:800px; height: 600px;"></canvas>

<script>
    var client = new WebSocket('ws://127.0.0.1:9999'); //리눅스 서버주소
    var canvas = document.querySelector('canvas');
    var player = new jsmpeg(client, {
        canvas: canvas
    });
</script>
</body>
</html>

7. mpeg1muxer.js 파일수정

대략 23번째줄에 this.spawnOptions = [] 항목을 아래처럼 한다.
해당파일은 node_modules > node-rtsp-stream > mpeg1muxer.js 에 존재한다.

this.spawnOptions = [
    "-i",
    this.url,
    '-f',
    'mpegts',
    '-codec:v',
    'mpeg1video',
    // additional ffmpeg options go here
    ...this.additionalFlags,
    '-'
  ]

8. index.js 백그라운드 실행하기

아래명령어로 실행하면 아래 이미지처럼 영상정보를 실시간으로 수신받는다.
앞에서 작성한 index.html파일을 실행해서 영상을 확인한다.

& nohup node index.js > rtsp.log &

저작자표시 비영리 변경금지

'개발 > 기타' 카테고리의 다른 글

[jQuery] Ajax 데이터 <-> Spring 컨트롤러 주고받기 (0)	2023.06.28
[스크립트] 개인정보 범위와 마스킹예제 (이름/주민번호 등) (0)	2023.06.23
[JQuery] select2 jquery 플러그인 사용하기 (1)	2023.04.24
[Jquery] jQuery sweetalert2 alert창 사용하기 (0)	2023.04.16
[Jquery] jQuery Validation Ajax연동과 message custom (0)	2023.04.15