<!DOCTYPE html>
|
<html>
|
<head>
|
</head>
|
<body>
|
<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 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>
|
