add semakin imut
This commit is contained in:
@@ -0,0 +1,112 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/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>
|
||||
Reference in New Issue
Block a user