2021-05-23 04:02:26 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>JSMpeg Stream Client</title>
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
html, body {
|
|
|
|
|
background-color: #111;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<canvas id="video-canvas"></canvas>
|
|
|
|
|
<script type="text/javascript" src="jsmpeg.min.js"></script>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
var canvas = document.getElementById('video-canvas');
|
2021-06-09 14:42:29 +02:00
|
|
|
var url = 'ws://'+document.location.hostname+':5000/live/birdseye';
|
2021-05-29 20:39:00 +02:00
|
|
|
var player = new JSMpeg.Player(url, {canvas: canvas, protocols: []});
|
2021-05-23 04:02:26 +02:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
