163 lines
6.6 KiB
HTML
163 lines
6.6 KiB
HTML
<html lang="en">
|
|
<head>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" />
|
|
<!-- <link rel="stylesheet" href="index.css" /> -->
|
|
<!-- Template Main CSS File -->
|
|
<link href="assets/css/style.css" rel="stylesheet">
|
|
<link rel="stylesheet" type="text/css" href="./assets/css/jquery.dataTables.min.css">
|
|
<!-- javascript -->
|
|
<script src="assets/js/bootstrap.min.js"></script>
|
|
<script type="text/javascript" src="assets/js/jquery.js"></script>
|
|
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
|
|
|
|
|
|
|
|
<title>Voice Announcer-IGD RSSA</title>
|
|
<link rel="icon" type="image/x-icon" href="./assets/img/favicon.ico">
|
|
</head>
|
|
|
|
<body class="container mt-5 bg-light" style="background-image: url('./assets/img/5305323.jpg');">
|
|
<div class="card mb-3 bg-secondary">
|
|
<div class="row g-0">
|
|
<div class="col-md-2">
|
|
<img src="./assets/video/VOA.gif" class="img-fluid rounded-start" alt="...">
|
|
</div>
|
|
<div class="col-md-8">
|
|
<div class="card-body">
|
|
<h5 class="card-title text-light">Voice Of Announcer</h5>
|
|
<p class="card-text"><small class="text-light" id="timer"></small></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div hidden>
|
|
<div class="input-group input-group-sm mb-3">
|
|
<span class="input-group-text" id="inputGroup-sizing-sm">atribut</span>
|
|
<select class="form-select" id="atribut" name="atribut" aria-label="Default select example">
|
|
|
|
<option value=""selected>Atribut</option>
|
|
<option value="tuan">Tn</option>
|
|
<option value="nyonya">Ny</option>
|
|
<option value="nona">Nn</option>
|
|
<option value="anak">Anak</option>
|
|
<option value="bayi nyonya">By Ny</option>
|
|
</select>
|
|
|
|
<span class="input-group-text" id="inputGroup-sizing-sm">Nama</span>
|
|
<input type="text" id="nama" name="nama" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm">
|
|
<span class="input-group-text" id="inputGroup-sizing-sm">Tujuan</span>
|
|
<select class="form-select" id="tujuan" name="tujuan" aria-label="Default select example">
|
|
<option selected>Pilih menu...</option>
|
|
<option value="loket pendaftaran" selected>Loket pendaftaran</option>
|
|
<option value="loket pembayaran">Loket pembayaran</option>
|
|
<option value="ruang triase">Triase</option>
|
|
<option value="ruang K I E"> KIE</option>
|
|
<option value="ruang roe, IGD lantai 2"> ROE </option>
|
|
<option value="ruang ICU, IGD lantai 2"> ICU lt 2 </option>
|
|
<option value="ruang operasi, IGD lantai 4"> Operasi </option>
|
|
<option value="ruang perawatan emerjensi">EC</option>
|
|
<option value="ruang IGD unit Infeksi">IGD Infeksi</option>
|
|
</select>
|
|
</div>
|
|
|
|
|
|
<!-- Range Slliders for Volume, Rate & Pitch -->
|
|
|
|
<div class="d-flex mt-4 text-light">
|
|
<div>
|
|
<p class="lead">Volume</p>
|
|
<input type="range" min="0" max="1" value="1" step="0.1" id="volume" disabled />
|
|
<span id="volume-label" class="ms-2">1</span>
|
|
</div>
|
|
<div class="mx-5">
|
|
<p class="lead">Rate</p>
|
|
<input type="range" min="0.1" max="10" value="0.7" id="rate" step="0.1" disabled/>
|
|
<span id="rate-label" class="ms-2">0.6</span>
|
|
</div>
|
|
<div>
|
|
<p class="lead">Pitch</p>
|
|
<input type="range" min="0" max="2" value="1.3" step="0.3" id="pitch" />
|
|
<span id="pitch-label" class="ms-2">1.3</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Select Menu for Voice -->
|
|
<select id="voices" class="form-select bg-secondary text-light"></select>
|
|
|
|
<!-- Text Area for the User to Type -->
|
|
|
|
|
|
|
|
<!-- <textarea id="text" name="text" class="form-control bg-dark text-light mt-5" cols="30" rows="10" placeholder="Type here..."></textarea> -->
|
|
|
|
<!-- Play List -->
|
|
|
|
<!-- <div class="table-stripped" id="tableView"></div> -->
|
|
|
|
<p id="mymodal"></p>
|
|
<div class="jquery" style="margin-inline: 3pt;">
|
|
<table id="datatable" class="table table-striped table-hover datatable bg-grey" width="100%" cellspacing="0" style="font-size: 9pt;">
|
|
<thead>
|
|
<tr>
|
|
<th>No</th>
|
|
<th>Atribut</th>
|
|
<th width="25%">Nama Pasien</th>
|
|
<!-- <th>Nama PPA</th> -->
|
|
<th>Register</th>
|
|
<!-- <th>SMF</th> -->
|
|
<th>Tujuan</th>
|
|
<!-- <th>Id Pasien</th> -->
|
|
<th>Exec</th>
|
|
<th width="20%">-</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
|
|
</body>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
load_tabel();
|
|
timerFunction();
|
|
|
|
});
|
|
|
|
|
|
</script>
|
|
|
|
<!-- Control Buttons -->
|
|
<div class="mb-5">
|
|
<audio id="myAudio1" src="./audio/airport_intro.mp3" type="audio/mp3" ></audio>
|
|
<audio id="myAudio2" src="./audio/voiceAnnouncer1.wav" type="audio/mp3"></audio>
|
|
<audio id="myAudio3" src="./audio/voiceAnnouncer2.wav" type="audio/mp3"></audio>
|
|
<audio id="myAudio4" src="./audio/voiceAnnouncer3.wav" type="audio/mp3"></audio>
|
|
<audio id="myAudio5" src="./audio/airport_ending.mp3" type="audio/mp3"></audio>
|
|
<audio id="myAudio6" src="./audio/suara_alam.mp3" type="audio/mp3"></audio>
|
|
|
|
<button id="start" class="btn mt-5 me-3" ><img src="./assets/img/play-button.png" alt="" width="30" height="30"></button>
|
|
<button hidden id="pause" class="btn mt-5 me-3"><img src="./assets/img/pause-button.png" alt="" width="30" height="30"></button>
|
|
<button hidden id="resume" class="btn mt-5 me-3"><img src="./assets/img/end.png" alt="" width="30" height="30"></button>
|
|
<button id="cancel" class="btn mt-5 me-3"><img src="./assets/img/stop-button.png" alt="" width="30" height="30"></button>
|
|
<p id="canceltxt" hidden >test</p>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
|
|
<script src="./assets/js/popper.min.js"></script>
|
|
<script src="./assets/js/bootstrap.bundle.min.js"></script>
|
|
<script src="./assets/js/bootstrap.bundle.js"></script>
|
|
<script src="./assets/js/jquery.dataTables.min.js"></script>
|
|
<script src="./assets/js/textToSpeech.js"></script>
|
|
<script src="./assets/js/templatescript.js"></script>
|
|
|
|
|
|
|
|
|
|
</html>
|