Dulu saya pernah ada proyek untuk panggilan antrian melalui speaker, seperti di bank2...
tapi base saya PHP, dan mulai lah saya membuat script tersebut, tapi bukannya mudah untuk membuat script tersebut, karena beberapa kali terjadi error.
<?php
$loket="1";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aplikasi Suara Antrian</title>
<link rel="stylesheet" href="syle.css"
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
$("#play").click(function(){
document.getElementById('suarabel').play();
});
});
</script>
<style type="text/css">
<!--
.style1 {font-size: large}
-->
</style>
</head>
<body >
<audio id="suarabel" src="Airport_Bell.mp3"></audio>
<audio id="suarabelnomorurut" src="rekaman/nomor-urut.wav" ></audio>
<audio id="suarabelsuarabelloket" src="rekaman/loket.wav" ></audio>
<audio id="belas" src="rekaman/belas.wav" ></audio>
<audio id="sebelas" src="rekaman/sebelas.wav" ></audio>
<audio id="puluh" src="rekaman/puluh.wav" ></audio>
<audio id="sepuluh" src="rekaman/sepuluh.wav" ></audio>
<audio id="ratus" src="rekaman/ratus.wav" ></audio>
<audio id="seratus" src="rekaman/seratus.wav" ></audio>
<audio id="suarabelloket1" src="rekaman/<?php echo $loket; ?>.wav" ></audio>
<?php
$location_counter = "data.txt";
$location_date = "date.txt";
$itis = date ("d");
// Hari baru?
$aday = join('', file($location_date));
trim($aday);
if("$aday"=="$itis"){
//Cari hari ini
$tcounter = join('', file($location_counter));
trim($tcounter);
$tcounter++;
$fp = fopen($location_counter,"w");
fputs($fp, $tcounter);
fclose($fp);
}else{
//hari baru
$fp = fopen($location_counter,"w");
fputs($fp, 0);
fclose($fp);
$tcounter = join('', file($location_counter));
trim($tcounter);
$tcounter++;
//tulis hari baru
$fp = fopen($location_counter,"w");
fputs($fp, $tcounter);
fclose($fp);
//tulis di date.txt
$fp = fopen($location_date,"w");
fputs($fp, $itis);
fclose($fp);
}
$panjang=strlen($tcounter);
$antrian=$tcounter;
for($i=0;$i<$panjang;$i++){
?>
<audio id="suarabel<?php echo $i; ?>" src="rekaman/<?php echo substr($tcounter,$i,1); ?>.wav" ></audio>
<?php
}
?>
<div class="kontainer"><a id="konter" href="index.php" ><?php echo $antrian; ?></a></div>
<div class="kontainer2 style1"><input name="play" onclick="mulai();" type="button" value="Panggil" /></div>
</body>
</html>
<script type="text/javascript">
function mulai(){
//MAINKAN SUARA BEL PADA SAAT AWAL
document.getElementById('suarabel').pause();
document.getElementById('suarabel').currentTime=0;
document.getElementById('suarabel').play();
//SET DELAY UNTUK MEMAINKAN REKAMAN NOMOR URUT
totalwaktu=document.getElementById('suarabel').duration*1000;
//MAINKAN SUARA NOMOR URUT
setTimeout(function() {
document.getElementById('suarabelnomorurut').pause();
document.getElementById('suarabelnomorurut').currentTime=0;
document.getElementById('suarabelnomorurut').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;
<?php
//JIKA KURANG DARI 10 MAKA MAIKAN SUARA ANGKA1
if($antrian<10){
?>
setTimeout(function() {
document.getElementById('suarabel0').pause();
document.getElementById('suarabel0').currentTime=0;
document.getElementById('suarabel0').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;
<?php
}elseif($antrian ==10){
//JIKA 10 MAKA MAIKAN SUARA SEPULUH
?>
setTimeout(function() {
document.getElementById('sepuluh').pause();
document.getElementById('sepuluh').currentTime=0;
document.getElementById('sepuluh').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;
<?php
}elseif($antrian ==11){
//JIKA 11 MAKA MAIKAN SUARA SEBELAS
?>
setTimeout(function() {
document.getElementById('sebelas').pause();
document.getElementById('sebelas').currentTime=0;
document.getElementById('sebelas').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;
<?php
}elseif($antrian < 20){
//JIKA 12-20 MAKA MAIKAN SUARA ANGKA2+"BELAS"
?>
setTimeout(function() {
document.getElementById('suarabel1').pause();
document.getElementById('suarabel1').currentTime=0;
document.getElementById('suarabel1').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;
setTimeout(function() {
document.getElementById('belas').pause();
document.getElementById('belas').currentTime=0;
document.getElementById('belas').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;
<?php
}elseif($antrian < 100){
//JIKA PULUHAN MAKA MAINKAN SUARA ANGKA1+PULUH+AKNGKA2
?>
setTimeout(function() {
document.getElementById('suarabel0').pause();
document.getElementById('suarabel0').currentTime=0;
document.getElementById('suarabel0').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;
setTimeout(function() {
document.getElementById('puluh').pause();
document.getElementById('puluh').currentTime=0;
document.getElementById('puluh').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;
setTimeout(function() {
document.getElementById('suarabel1').pause();
document.getElementById('suarabel1').currentTime=0;
document.getElementById('suarabel1').play();
}, totalwaktu);
totalwaktu=totalwaktu+1000;
<?php
}else{
//JIKA LEBIH DARI 100
//Karena aplikasi ini masih sederhana maka logina konversi hanya sampai 100
//Selebihnya akan langsung disebutkan angkanya saja
//tanpa kata "RATUS", "PULUH", maupun "BELAS"
?>
<?php
for($i=0;$i<$panjang;$i++){
?>
totalwaktu=totalwaktu+1000;
setTimeout(function() {
document.getElementById('suarabel<?php echo $i; ?>').pause();
document.getElementById('suarabel<?php echo $i; ?>').currentTime=0;
document.getElementById('suarabel<?php echo $i; ?>').play();
}, totalwaktu);
<?php
}
}
?>
}
</script>
