39 lines
1.3 KiB
HTML
39 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Display {{ public_id }}</title>
|
|
<style>
|
|
html, body { margin:0; padding:0; background:#000; height:100%; overflow:hidden; }
|
|
video { width:100%; height:100%; object-fit:contain; background:#000; }
|
|
#idle {
|
|
position:fixed;
|
|
top:0; left:0;
|
|
width:100vw; height:100vh;
|
|
object-fit:cover;
|
|
background:#000;
|
|
display:none;
|
|
z-index:1;
|
|
}
|
|
#v { position:relative; z-index:2; }
|
|
#dbg { position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); color:#0f0; font:12px/1.4 monospace; padding:8px; z-index:9999; display:none; white-space:pre; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="dbg"></div>
|
|
<img id="idle" alt="Idle" />
|
|
<video id="v" playsinline webkit-playsinline muted autoplay preload="auto"></video>
|
|
|
|
<script src="/static/vendor/socket.io.min.js"></script>
|
|
<script id="syncplayer-config" type="application/json">{{ {
|
|
"public_id": public_id,
|
|
"idle_image_url": idle_image_url,
|
|
"cache_enabled": true,
|
|
"cache_mode": "range",
|
|
"cache_range_bytes": 1048576
|
|
}|tojson }}</script>
|
|
<script src="/static/display.js"></script>
|
|
</body>
|
|
</html>
|