ryan
113 lines
5.0 KiB
HTML
113 lines
5.0 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" /> -->
|
|
<title>Voice Announcer</title>
|
|
</head>
|
|
|
|
<body class="container mt-5 bg-dark">
|
|
<h1 class="text-light">Voice Announcer IGD RSSA</h1>
|
|
<p class="lead text-light mt-4">Setting</p>
|
|
|
|
|
|
<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>
|
|
|
|
<!-- Select Menu for Voice -->
|
|
<select id="voices" class="form-select bg-secondary text-light"></select>
|
|
|
|
<!-- 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.7</span>
|
|
</div>
|
|
<div>
|
|
<p class="lead">Pitch</p>
|
|
<input type="range" min="0" max="2" value="1.1" step="0.3" id="pitch" disabled />
|
|
<span id="pitch-label" class="ms-2">1.1</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Text Area for the User to Type -->
|
|
|
|
|
|
|
|
<textarea hidden="true" id="text" name="text" class="form-control bg-dark text-light mt-5" cols="30" rows="10" placeholder="Type here..."></textarea>
|
|
|
|
<!-- Control Buttons -->
|
|
<div class="mb-5">
|
|
<audio id="myAudio" src="./audio/original-nokia-tune meloboom.mp3" type="audio/mp3"></audio>
|
|
<audio id="myAudio2" src="./audio/original-nokia-tune meloboom.mp3" type="audio/mp3"></audio>
|
|
|
|
<button id="start" onclick="myFunction()" class="btn btn-success mt-5 me-3" ><img src="./images/img/play-button.png" alt="" width="30" height="30"></button>
|
|
<button id="pause" class="btn btn-warning mt-5 me-3"><img src="./images/img/pause-button.png" alt="" width="30" height="30"></button>
|
|
<button id="resume" class="btn btn-info mt-5 me-3"><img src="./images/img/end.png" alt="" width="30" height="30"></button>
|
|
<button id="cancel" class="btn btn-danger mt-5 me-3"><img src="./images/img/stop-button.png" alt="" width="30" height="30"></button>
|
|
</div>
|
|
|
|
</body>
|
|
<script src="./textToSpeech.js"></script>
|
|
|
|
<script>
|
|
window.addEventListener('load',function(){
|
|
myFunction();
|
|
})
|
|
function myFunction(){
|
|
|
|
let nama= document.getElementById('nama').value.toLowerCase();
|
|
let atribut= document.getElementById('atribut').value;
|
|
let tujuan= document.getElementById('tujuan').value;
|
|
let text= document.getElementById('text').value='mohon perhatian........! panggilan ditujukan kepada keluarga pasien atas nama '+atribut+' ' + nama +'! diharap menuju'+tujuan+',..............................sekali lagi panggilan ditujukan kepada keluarga pasien atas nama'+atribut+' ' + nama +'! diharap menuju'+tujuan+',.....................terima kasih.'
|
|
|
|
}
|
|
|
|
|
|
const queryString= window.location.search;
|
|
console.log(queryString);
|
|
|
|
const urlParams= new URLSearchParams(queryString);
|
|
const stridpasien= urlParams.get('id_pasien')
|
|
const strnama= urlParams.get('nama')
|
|
const strgender= urlParams.get('gender')
|
|
document.querySelector('select').value= strgender;
|
|
document.getElementById('nama').value=strnama;
|
|
document.getElementById('id_pasien').value=stridpasien;
|
|
|
|
|
|
</script>
|
|
</html>
|