b7c2f8be7b
Microphone and camera are now red when disabled. Screen-share is green when enabled. Also, they are now always partially visible (they were completely hidden previously until hovering in the lower right corner)
125 lines
6.6 KiB
HTML
125 lines
6.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-10196481-11"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'UA-10196481-11');
|
|
</script>
|
|
<link rel="apple-touch-icon" sizes="57x57" href="static/images/favicons/apple-icon-57x57.png">
|
|
<link rel="apple-touch-icon" sizes="60x60" href="static/images/favicons/apple-icon-60x60.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="static/images/favicons/apple-icon-72x72.png">
|
|
<link rel="apple-touch-icon" sizes="76x76" href="static/images/favicons/apple-icon-76x76.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="static/images/favicons/apple-icon-114x114.png">
|
|
<link rel="apple-touch-icon" sizes="120x120" href="static/images/favicons/apple-icon-120x120.png">
|
|
<link rel="apple-touch-icon" sizes="144x144" href="static/images/favicons/apple-icon-144x144.png">
|
|
<link rel="apple-touch-icon" sizes="152x152" href="static/images/favicons/apple-icon-152x152.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="static/images/favicons/apple-icon-180x180.png">
|
|
<link rel="icon" type="image/png" sizes="192x192" href="static/images/favicons/android-icon-192x192.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="static/images/favicons/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="96x96" href="static/images/favicons/favicon-96x96.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="static/images/favicons/favicon-16x16.png">
|
|
<link rel="manifest" href="static/images/favicons/manifest.json">
|
|
<meta name="msapplication-TileColor" content="#000000">
|
|
<meta name="msapplication-TileImage" content="static/images/favicons/ms-icon-144x144.png">
|
|
<meta name="theme-color" content="#000000">
|
|
|
|
|
|
<base href="/">
|
|
<link rel="stylesheet" href="/resources/style/style.css">
|
|
<title>WorkAdventure</title>
|
|
</head>
|
|
<body id="body" style="margin: 0">
|
|
<div class="main-container">
|
|
<div id="game" class="game" style="/*background: red;*/">
|
|
<div id="game-overlay" class="game-overlay" style="/*background: violet*/;">
|
|
<div id="main-section" class="main-section">
|
|
<!--<div style="background: lightpink;">a</div>
|
|
<div style="background: lightpink;">a</div> -->
|
|
</div>
|
|
<aside id="sidebar" class="sidebar">
|
|
<!--<div style="background: lightgreen;">a</div>
|
|
<div style="background: green;">b</div>
|
|
<div style="background: darkgreen;">c</div>
|
|
<div style="background: darkgreen;">d</div>-->
|
|
</aside>
|
|
<div id="chat-mode" class="chat-mode three-col" style="display: none;">
|
|
<!--<div style="background: lightgreen;">a</div>
|
|
<div style="background: green;">b</div>
|
|
<div style="background: darkgreen;">c</div>
|
|
<div style="background: darkolivegreen;">d</div>
|
|
<div style="background: darkolivegreen;">d</div>
|
|
<div style="background: darkgreen;">c</div>
|
|
<div style="background: green;">b</div>
|
|
<div style="background: lightgreen;">last elem for game</div>-->
|
|
</div>
|
|
|
|
|
|
<div id="activeCam" class="activeCam">
|
|
<div id="div-myCamVideo" class="video-container">
|
|
<video id="myCamVideo" autoplay muted></video>
|
|
</div>
|
|
</div>
|
|
<div class="btn-cam-action">
|
|
<div id="btn-micro" class="btn-micro">
|
|
<img id="microphone" src="resources/logos/microphone.svg">
|
|
<img id="microphone-close" src="resources/logos/microphone-close.svg">
|
|
</div>
|
|
<div id="btn-video" class="btn-video">
|
|
<img id="cinema" src="resources/logos/cinema.svg">
|
|
<img id="cinema-close" src="resources/logos/cinema-close.svg">
|
|
</div>
|
|
<div id="btn-monitor" class="btn-monitor">
|
|
<img id="monitor" src="resources/logos/monitor.svg">
|
|
<img id="monitor-close" src="resources/logos/monitor-close.svg">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div id="cowebsite" class="cowebsite"></div>
|
|
</div>
|
|
<!--
|
|
<div id="webRtc" class="webrtc">
|
|
<div id="activeCam" class="activeCam">
|
|
<div id="div-myCamVideo" class="video-container">
|
|
<video id="myCamVideo" autoplay muted></video>
|
|
</div>
|
|
</div>
|
|
<div class="btn-cam-action">
|
|
<div class="btn-micro">
|
|
<img id="microphone" src="resources/logos/microphone.svg">
|
|
<img id="microphone-close" src="resources/logos/microphone-close.svg">
|
|
</div>
|
|
<div class="btn-video">
|
|
<img id="cinema" src="resources/logos/cinema.svg">
|
|
<img id="cinema-close" src="resources/logos/cinema-close.svg">
|
|
</div>
|
|
<div class="btn-monitor">
|
|
<img id="monitor" src="resources/logos/monitor.svg">
|
|
<img id="monitor-close" src="resources/logos/monitor-close.svg">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-->
|
|
<div id="activeScreenSharing" class="active-screen-sharing active">
|
|
</div>
|
|
<div id="webRtcSetup" class="webrtcsetup">
|
|
<img id="webRtcSetupNoVideo" class="background-img" src="resources/logos/cinema-close.svg">
|
|
<video id="myCamVideoSetup" autoplay muted></video>
|
|
</div>
|
|
<audio id="audio-webrtc-in">
|
|
<source src="/resources/objects/webrtc-in.mp3" type="audio/mp3">
|
|
</audio>
|
|
</body>
|
|
</html>
|