laravel-admin 用 原生JS实现声音提示,及自动播放

本内容是在laravel-admin HomeController.php 内书写的

html部分

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

JS部分

<script >
   var onejs = document.getElementById('onejs');
   var sound = document.getElementById("sound");
   setInterval(function () {
    
   	   // '/' 后面跟请求路径, data 为请求参数
       $.get("/",function(data){
    
           if ((data > 0) && (onejs.innerHTML < data)){
    
               sound.src="/tip.mp3";
           }
           onejs.innerHTML = data;
       });
   },5000);
</script>

---

自动播放音频

必须要有页面的交互动作, 对于谷歌浏览器来说

html部分

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

js部分

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);