matrix-engine
Version:
basic_timeline improved, VT func setup vide html element id with name arg.- DISABLE RAYCAST DEBUG TEST [2.3.3] Fix for GUI win desktop [2.3.0] DestrucMesh solution & loading convex objs for physics BASIC, SpriteAnimation CPU/texture solution added, Improv
109 lines (101 loc) • 4.93 kB
HTML
<head>
<script defer src="./openvidu-browser-2.20.0.js"></script>
<link rel="stylesheet" href="./style.css"
rel="preload" as="style">
</head>
<body>
<nav class="navbar navbar-default">
<div class="container">
</div>
</nav>
<div id="main-container" class="container">
<div id="pwa-container-1"></div>
<div id="pwa-container-chat" style="display:none;" class="panel-hide-animation">
<button class="myInput" id="hide-chat">Private Chatboxs</button>
</div>
<div id="pwa-container-2" style="display: block;">
<div id="join" class="vertical-center">
<div id="join-dialog" class="">
<h2 id="caller-title" class="">Start video chat</h2>
<form class="form-group" onsubmit="return false">
<p>
<label>Session name</label>
<input class="form-control" type="text" id="sessionName" value="SessionA" required>
</p>
<p class="text-center">
<button class="btn btn-lg btn-success" id="join-btn">Join!</button>
</p>
</form>
</div>
</div>
<div id="session" style="display: none">
<div id="session-header">
<h2 id="session-title"></h2>
<input class="btn btn-sm btn-danger" type="button" id="buttonCloseSession" value="Close session">
<input class="btn btn-sm btn-danger" type="button" id="buttonLeaveSession" value="Leave session">
<div class="vertical-separator-top" style="display:none;"></div>
<input class="form-control" id="forceValue" type="text" onkeyup="checkBtnsForce()" style="display:none;">
<input class="btn btn-sm" type="button" id="buttonForceUnpublish" onmouseup="forceUnpublish()" value="Force unpublish"
disabled style="display:none;">
<input class="btn btn-sm" type="button" id="buttonForceDisconnect" onmouseup="forceDisconnect()" value="Force disconnect"
disabled style="display:none;">
<div class="vertical-separator-top" style="display:none;"></div>
<input class="btn btn-sm" type="button" id="buttonFetchInfo" onmouseup="fetchInfo()"
value="Fetch info" style="display:none;">
<input class="btn btn-sm" type="button" id="buttonFetchAll" onmouseup="fetchAll()"
value="Fetch all" style="display:none;">
</div>
<div id="video-container" class="col-md-12"></div>
<!-- REC DISABLED -->
<div id="recording-btns" style="display:none">
<div class="btns">
<input class="btn btn-md" type="button" id="buttonStartRecording" onmouseup="startRecording()" value="Start recording">
<form style="display:none;">
<label class="radio-inline">
<input type="radio" name="outputMode" value="COMPOSED" id="radio-composed" checked>COMPOSED
</label>
<label class="radio-inline">
<input type="radio" name="outputMode" value="INDIVIDUAL" id="radio-individual">INDIVIDUAL
</label>
</form>
<form style="display:none;">
<label class="checkbox-inline">
<input type="checkbox" id="has-audio-checkbox" checked>Has audio
</label>
<label class="checkbox-inline">
<input type="checkbox" id="has-video-checkbox" checked>Has video
</label>
</form>
</div>
<div class="btns">
<input class="btn btn-md" type="button" id="buttonListRecording" onmouseup="listRecordings()" value="List recordings">
<div class="vertical-separator-bottom"></div>
<input class="btn btn-md" type="button" id="buttonGetRecording" onmouseup="getRecording()" value="Get recording"
disabled>
<input class="btn btn-md" type="button" id="buttonStopRecording" onmouseup="stopRecording()" value="Stop recording"
disabled>
<input class="btn btn-md" type="button" id="buttonDeleteRecording" onmouseup="deleteRecording()" value="Delete recording"
disabled>
<input class="form-control" id="forceRecordingId" type="text" onkeyup="checkBtnsRecordings()">
</div>
<div class="textarea-container" id="textarea-http-container">
<button type="button" class="btn btn-outline-secondary" id="clear-http-btn" onclick="clearHttpTextarea()">Clear</button>
<span>HTTP responses</span>
<textarea id="textarea-http" readonly="true" class="form-control" name="textarea-http"></textarea>
</div>
<div class="textarea-container" id="textarea-events-container">
<button type="button" class="btn btn-outline-secondary" id="clear-events-btn" onclick="clearEventsTextarea()">Clear</button>
<span>OpenVidu events</span>
<textarea id="textarea-events" readonly="true" class="form-control" name="textarea-events"></textarea>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
</div>
</footer>
<!-- <script defer type="module" src="./matrix-stream.js"></script> -->
<script type="module" src="./app.js"></script>
</body>