com.hikky.heliodorlib
Version:
This is the library for Vket Cloud SDK.
184 lines (163 loc) • 3.7 kB
HTML
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="user-scalable=no">
<title>ParticleEditor</title>
<!-- dev -->
<script src="https://heliodor.vketcdn.com/heliport/dev/v3/heliport-latest.js"></script>
<!-- prod -->
<!-- <script src="https://heliodor.vketcdn.com/heliport/common/v3/heliport-latest.js"></script> -->
<!-- loading -->
<!-- note: comment out if you use custom loading -->
<!-- <script>
window.heliport = window.heliport || {}
window.heliport.loading = window.heliport.loading || {}
window.heliport.loading.useLocalLoading = true
</script> -->
</head>
<style>
html {
touch-action: manipulation;
}
body {
margin: 0;
padding: 0;
}
#canvas {
position: absolute;
outline: none;
width: 100%;
height: 100%;
}
#status {
position: absolute;
left: 400px;
top: 10px;
right: 0;
bottom: 0;
width: 400px;
height: 40px;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.4);
z-index: 4;
}
#log {
position: absolute;
left: 400px;
top: 60px;
right: 0;
bottom: 0;
width: 400px;
height: 40px;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.4);
z-index: 4;
}
#GUIdebugTab {
position: absolute;
right: 400px;
top: 32px;
right: 0;
bottom: 0;
width: 400px;
height: 24px;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.4);
z-index: 4;
visibility: hidden;
}
#GUIdebug {
position: absolute;
right: 400px;
top: 56px;
right: 0;
bottom: 0;
width: 400px;
height: 600px;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.4);
z-index: 4;
visibility: hidden;
overflow:auto;
}
#video0 {
display:none;
}
.room {
display: grid;
grid-template-columns: 50% 30%;
gap: 8px;
margin: 0 8px;
z-index: 5;
}
.room .remote-streams {
z-index: 6;
visibility: hidden;
}
.room .msg {
position: absolute;
left: 200px;
top: 60px;
right: 0;
bottom: 0;
width: 200px;
height: 40px;
z-index: 6;
visibility: hidden;
}
.room .username {
position: absolute;
left: 200px;
top: 60px;
right: 0;
bottom: 0;
width: 200px;
height: 40px;
z-index: 6;
visibility: hidden;
}
#username-text {
font-size: 16px;
}
.room .configurl {
position: absolute;
left: 200px;
top: 60px;
right: 0;
bottom: 0;
width: 200px;
height: 40px;
z-index: 6;
visibility: hidden;
overflow-x: visible;
}
#configurl-text {
font-size: 26px;
}
</style>
<body>
<canvas id="canvas" oncontextmenu="return false;" tabindex=-1></canvas>
<div id="status">Please Click StartButton<br></div>
<div id="log"></div>
<input type="textInput" id="textInput">
<video id="video0" autoPictureInPicture=false disablePictureInPicture controlslist="nodownload" crossOrigin="Anonymous" playsinline></video>
<div class="room">
<div class="msg" id="msg">
<input type="text" id="js-local-text">
</div>
<div class="username" id="username">
<input type="text" id="username-text">
</div>
<div class="configurl" id="configurl">
<textarea id="configurl-text"></textarea>
</div>
</div>
<script type="text/javascript" src="data/heliodor_pre.js"></script>
<script type="text/javascript" src="data/heliodor.js"></script>
<script type="text/javascript" src="data/heliodor_front.js"></script>
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<script type="text/javascript" src="data/heliodor_post.js"></script>
</body>
</html>