Laravel admin uses native JS to realize sound prompt and automatic playback

This content is on laravel-admin HomeController.php Internally written

html part

<h3><span class='label' id="onejs">$data[0]
	<audio id="sound" autoplay="autoplay"></audio>
</span></h3>

JS part

<script >
   var onejs = document.getElementById('onejs');
   var sound = document.getElementById("sound");
   setInterval(function () {
    
   	   // '/'  Followed by the request path , data  For request parameters 
       $.get("/",function(data){
    
           if ((data > 0) && (onejs.innerHTML < data)){
    
               sound.src="/tip.mp3";
           }
           onejs.innerHTML = data;
       });
   },5000);
</script>

---

Auto play audio

There must be page interaction , For Google browser

html part

<span class='label' id="onejs">$data[0]
	<audio id="sound" muted autoplay src="/tip.mp3"></audio>
</span>

js part

var onejs = document.getElementById('onejs');
var sound = document.getElementById("sound");
setInterval(function () {
    
	$.get("/help",function(data){
    
		if ((data > 0) && (onejs.innerHTML < data)){
    
             sound.muted=false
             sound.play()
        }
    	onejs.innerHTML = data;
    });
},5000);