z_yu
/
node-rtsp-stream-server
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

端口修改

master
z_yu 2 years ago
parent
5af57b4259
commit
956e38e072
6 changed files with 1107 additions and 63 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      README.md
  2. 108
      index.html
  3. 18
      lib/RequestManager.js
  4. 1018
      package-lock.json
  5. 2
      package.json
  6. 21
      pm2.config.js

3
README.md
View File

@ -21,4 +21,5 @@
https://github.com/phoboslab/jsmpeg
客户端演示，参照项目中的 index.html
----------------------------------------------
pm2 start pm2.config.js

108
index.html
View File

@ -1,63 +1,65 @@
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>DEMO node-rtsp-stream-jsmpeg</title>
<script src="https://jsmpeg.com/jsmpeg.min.js"></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<style type="text/css">
html,
body {
text-align: center;
}
input[type='text'] {
width: 450px;
}
</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>DEMO node-rtsp-stream-jsmpeg</title>
<script src="https://jsmpeg.com/jsmpeg.min.js"></script>
<!-- <script src="../jsmpeg.min.js"></script> -->
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<style type="text/css">
html,
body {
text-align: center;
}
input[type='text'] {
width: 450px;
}
</style>
</head>
<body>
<div>
<!-- <span>rtsp : <input type="text" name="rtsp" id="rtsp" value="rtsp://admin:xcs123456@192.168.3.11:554/h264/ch1/main/av_stream"></span><br /> -->
<span>rtsp : <input type="text" name="rtsp" id="rtsp" value="rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov"></span><br />
<span>rtsp : <input type="text" name="size" id="size" value="1024*768"></span><br />
<canvas id="video-canvas">
</canvas><br />
<input type="button" value="Start Stream" onclick="start()">
<input type="button" value="Close Stream" onclick="closeStream()">
</div>
<script type="text/javascript">
var player
function closeStream() {
$.post("http://127.0.0.1:3000/cameras/close/", { rtspUrl: $('#rtsp').val() }, function (result) {
player.destroy()
})
<div>
<!-- <span>rtsp : <input type="text" name="rtsp" id="rtsp" value="rtsp://admin:xcs123456@192.168.3.11:554/h264/ch1/main/av_stream"></span><br /> -->
<span>rtsp : <input type="text" name="rtsp" id="rtsp"
value="rtsp://admin:yxk63603325@192.168.99.21:554/1/1"></span><br />
<span>rtsp : <input type="text" name="size" id="size" value="1024*768"></span><br />
<canvas id="video-canvas">
</canvas><br />
<input type="button" value="Start Stream" onclick="start()">
<input type="button" value="Close Stream" onclick="closeStream()">
</div>
<script type="text/javascript">
var player
function closeStream() {
$.post("http://127.0.0.1:3000/cameras/close/", { rtspUrl: $('#rtsp').val() }, function(result) {
player.destroy()
})
}
function start() {
var rstp = $('#rtsp').val()
var size = $('#size').val()
$.post("http://127.0.0.1:3000/cameras/", { rtspUrl: rstp, size: size, port: '3000', videoRoute: '1' }, function(result) {
var url = "ws://127.0.0.1:" + result.port;
var canvas = document.getElementById('video-canvas');
let opt = {
canvas: canvas,
poster: "0.jpg",
}
player = new JSMpeg.Player(url, opt);
})
function start() {
var rstp = $('#rtsp').val()
var size = $('#size').val()
$.post("http://127.0.0.1:3000/cameras/", { rtspUrl:rstp, size: size }, function (result) {
var url = "ws://127.0.0.1:" + result.port;
var canvas = document.getElementById('video-canvas');
let opt = {
canvas: canvas,
poster: "0.jpg",
}
player = new JSMpeg.Player(url, opt);
})
}
}
@ -67,7 +69,7 @@
</script>
</script>

18
lib/RequestManager.js
View File

@ -40,16 +40,23 @@ requestManager.prototype = {
let idx = -1
idx = args.findIndex(a => a.rtspUrl == arg.rtspUrl)
if (idx !== -1) {
args[idx].stream.stop()
result = args.splice(idx, 1)
let stop = args[idx].stream.stop()
if(stop.wsServer.clients.size === 1){
result = args.splice(idx, 1)
}
} else {
}
console.log(args)
return result
},
_randomPort: function () {
let port = Math.floor(Math.random() * (4001 - 3001) + 3001)
_randomPort: function (arg) {
let port
if(arg) {
port = Number(arg.port) + Number(arg.videoRoute)
}else{
port = Math.floor(Math.random() * (4001 - 3001) + 3001)
}
return port
},
_openVideo: function (arg) {
@ -79,7 +86,7 @@ requestManager.prototype = {
}
let source = {
rtspUrl: arg.rtspUrl,
port: this._randomPort(),
port: this._randomPort(arg),
size: arg.size,
stream: null
}
@ -87,7 +94,6 @@ requestManager.prototype = {
args.push(target)
return target
}
}
module.exports = requestManager

1018
package-lock.json
File diff suppressed because it is too large
View File

2
package.json
View File

@ -3,7 +3,7 @@
"version": "0.0.0",
"private": true,
"scripts": {
"start": "node ./bin/www"
"start": "set PORT=3000 && node ./bin/www"
},
"dependencies": {
"cookie-parser": "~1.4.4",

21
pm2.config.js
View File

@ -0,0 +1,21 @@
module.exports = {
apps: [
{
name: 'rtsp-stream-server', // app名称
script: './bin/www', // 要运行的脚本的路径。
args: '', // 由传递给脚本的参数组成的字符串或字符串数​​组。
output: './log/out.log',
error: './log/error.log',
log: './log/combined.outerr.log',
// merge_logs: true, // 集群的所有实例的日志文件合并
log_date_format: "YYYY-MM-DD HH:mm Z",
instances: 1, // 进程数 1、数字 2、'max'根据cpu内核数
max_memory_restart: '1G', // 当内存超过1024M时自动重启
watching: true,
env_dev: {
"PORT": 3000,
"NODE_ENV": "development"
}
}
],
}
Write Preview
Loading…
Cancel
Save