Alerta Sonoro de Pedidos

[Jack Oliveira 1]

Olá galera boa tarde

 

Como posso fazer um alerta sonoro que ele toca em quanto estiver o status 1

ou seja enquanto estiver o pedido não realizado ele tocar a cada 5 ou 10 segundo, tipo avisando que ainda tem pedido pedente

 

Montei usando if e else desta forma ele funciona mais só toca quando loga no sistema

 

e terá que tocar sempre que tiver novos pedidos

 

Segue meu código 

 

<li class="dropdown notifications-menu" <?php echo Tooltip('Atenção você tem novos pedidos', 'bottom'); ?>>
<?php 
$Query = DBRead('pedidos','*',"WHERE status='1' ORDER BY id DESC"); if (is_array($Query)) { foreach ($Query as $ALERTA) { 
//Contando Novos Pedidos
$QueryCountPedidos = DBCount('pedidos','*',"WHERE status= 1"); 
?>

<?php if (empty($ALERTA['status'])) { ?>
<?php }else{ ?>
 <a href="pedidos.php?NovosPedidos=<?php echo $ALERTA['id']; ?>" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell-o fa-1x"></i>
    <span class="label label-warning"><?php echo $QueryCountPedidos; ?></span>
</a>
<audio id="audio" autoplay>
   <source src="../alerta/alert_sonoro.mp3" type="audio/mp3" />
</audio>
<?php } ?>

       <?php }} ?>
</li>

Não sei esta seria a maneira correta de fazer este alerta sonoro 

 

Desde já agradeço ....

[Jack Oliveira 1]

Aqui tentei fazer com java mais não deu certo esta forma

 

 <script type='text/javascript'>
   setInterval(function () {
    var audio = new Audio('../alerta/alert.mp3');
   
             var promise = audio.play();
            var duration = audio.duration.toString();
                
             duration = duration.replace('.', '').substr(0, 4);
                promise.then(function () {
                 setTimeout(function () {
                       audio.pause();
                }, duration);
             }).catch(function (error) {
                   console.log(error);
             });	 
	        
   }, 1000 * 10);
 </script>

Agora se eu usar ele assim ele funciona porém só toca quando muda de página, que não é o que precisa

mesmo sem mudar de página ele tem tocar e mostra o número de pedidos 

dentro do html

 <a href="pedidos.php?NovosPedidos=<?php echo $ALERTA['id']; ?>" class="dropdown-toggle pedidos-alerta" data-toggle="dropdown"><i class="fa fa-bell-o fa-1x"></i>
    <span class="label label-warning"><?php echo $QueryCountPedidos; ?></span>

 

 <script type='text/javascript'>
var audio = new Audio('../alerta/alert.mp3');
  audio.play();
</script>

 

[Williams Duarte 431]

Melhor fazer isto com javascript, utilizando socket

Aqui tem um exemplo muito bom com php