|
|
@ -5,6 +5,7 @@ |
|
|
|
<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"> |
|
|
@ -23,7 +24,8 @@ |
|
|
|
<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="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"> |
|
|
@ -38,7 +40,7 @@ |
|
|
|
var player |
|
|
|
|
|
|
|
function closeStream() { |
|
|
|
$.post("http://127.0.0.1:3000/cameras/close/", { rtspUrl: $('#rtsp').val() }, function (result) { |
|
|
|
$.post("http://127.0.0.1:3000/cameras/close/", { rtspUrl: $('#rtsp').val() }, function(result) { |
|
|
|
player.destroy() |
|
|
|
}) |
|
|
|
} |
|
|
@ -47,7 +49,7 @@ |
|
|
|
function start() { |
|
|
|
var rstp = $('#rtsp').val() |
|
|
|
var size = $('#size').val() |
|
|
|
$.post("http://127.0.0.1:3000/cameras/", { rtspUrl:rstp, size: size }, function (result) { |
|
|
|
$.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 = { |
|
|
|