33 lines
1.4 KiB
HTML
33 lines
1.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
<link rel="stylesheet" type="text/css" href="https://unpkg.com/augmented-ui@2/augmented-ui.min.css">
|
||
|
|
|
||
|
|
<title>Document</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<audio id="myAudio">
|
||
|
|
<source src="sound/attention.mp3" type="audio/mpeg">
|
||
|
|
</audio>
|
||
|
|
<div id="panel-1" style="display: none;">
|
||
|
|
<h1>Thông tin chiếm đóng</h1>
|
||
|
|
<canvas id="canvas"></canvas>
|
||
|
|
</div>
|
||
|
|
<div id="panel-2" style="display: none;" data-augmented-ui="exe tl-clip tr-clip bl-clip br-clip inlay">
|
||
|
|
<!-- <h1>title2</h1>
|
||
|
|
<h4 class="info" id="name">asd</h4>
|
||
|
|
<h4 class="info" id="point">asd</h4>
|
||
|
|
<h4 class="info" id="time">asd</h4>
|
||
|
|
<h4 class="info" id="capture">asd</h4> -->
|
||
|
|
</div>
|
||
|
|
<div id="panel-3" style="display: none;" data-augmented-ui="exe tl-clip tr-clip bl-clip br-clip inlay">
|
||
|
|
<h3>title3</h3>
|
||
|
|
</div>
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||
|
|
<script src="app.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|