whycxzp
2021-04-16 5361481d1056f46d9df3c02a0bdb914c97e0db15
src/main/webapp/index2.html
@@ -3,16 +3,32 @@
<head>
</head>
<body>
   <canvas id="video"></canvas>
   <canvas id="video2"></canvas>
   <script type="text/javascript" src="jsmpeg.min.js"></script>
   <script type="text/javascript">
<canvas id="video"></canvas>
<canvas id="video2"></canvas>
<canvas id="video3"></canvas>
<canvas id="video5"></canvas>
<canvas id="video8"></canvas>
<script type="text/javascript" src="jsmpeg.min.js"></script>
<script type="text/javascript">
      var canvas = document.getElementById('video');
      var canvas2 = document.getElementById('video2');
      var url = 'ws://127.0.0.1:8090/video?192.168.10.3';
      var url2 = 'ws://127.0.0.1:8090/video?192.168.10.5';
      var url = 'ws://127.0.0.1:8090/video?192.168.10.5';
      var player = new JSMpeg.Player(url, {canvas: canvas});
      var canvas2 = document.getElementById('video2');
      var url2 = 'ws://127.0.0.1:8090/video?192.168.10.5';
      var player2 = new JSMpeg.Player(url2, {canvas: canvas2});
      var canvas3 = document.getElementById('video3');
      var url3 = 'ws://127.0.0.1:8090/video?192.168.10.5';
      var player3 = new JSMpeg.Player(url3, {canvas: canvas3});
      var canvas5 = document.getElementById('video5');
      var url5 = 'ws://127.0.0.1:8090/video?192.168.10.9';
      var player5 = new JSMpeg.Player(url5, {canvas: canvas5});
      var canvas8 = document.getElementById('video8');
      var url8 = 'ws://127.0.0.1:8090/video?192.168.10.2';
      var player8 = new JSMpeg.Player(url8, {canvas: canvas8});
   </script>
</body>
</html>