广告位联系
返回顶部
分享到

Laravel admin实现消息提醒、播放音频功能

jquery 来源:互联网搜集 作者:秩名 发布时间:2019-07-10 15:35:24 人浏览
摘要

本篇文章介绍Laravel admin实现消息提醒、播放音频功能 1.找到laravel-admin 中的 index.blade.php 文件进行编辑 {{-- 音频通知 --}}audio style=display:none; height: 0 id=bg-music preload=auto src=http://fjdx.sc.chinaz.com/Files/DownLoad/sound1/20

本篇文章介绍Laravel admin实现消息提醒、播放音频功能

1.找到laravel-admin 中的 index.blade.php 文件进行编辑

 
{{-- 音频通知 --}}
<audio style="display:none; height: 0" id="bg-music" preload="auto" src="http://fjdx.sc.chinaz.com/Files/DownLoad/sound1/201511/6571.mp3" loop="loop"></audio>
<script>
  function LA() {}
  LA.token = "{{ csrf_token() }}";
  var getting = {
    url:'/admin/sendNotice',
    dataType:'json',
    success: function (res) {
      console.log(res);
      if(res.code == 200){
          
        toastr.options.onclick = function(){
          location.href='/admin/order'; // 点击跳转页面
        };
          toastr.options.timeOut=120000; // 保存2分钟
          toastr.warning(res.msg); // 提示文字
        var audio = document.getElementById('bg-music'); // 启用音频通知
        audio.play();
        setTimeout(function(){
          audio.load(); // 1.5秒后关闭音频通知
        },1500);
      }
    },
    error: function (res) {
      console.log(res);
    }
  };
  //关键在这里,Ajax定时访问服务端,不断获取数据 ,这里是5秒请求一次。
  window.setInterval(function(){$.ajax(getting)},5000);
</script>
 


2.请求路由控制器
 

 
/**
 * 轮询判断有没有新订单
 *
 * @return void
 */
public function sendNotice()
{
   // 处理逻辑
   $count = 0;  // 获取的结果
  $getCount = session()->get('count');
  if ($count > $getCount) {
    session()->put('count', $count); // 存session
    return ['code' => 200, 'msg' => '您有新的订单请及时处理'];
  }
   // 不成立的话则存最新的值
  session()->put('count', $count);
  return ['code' => 201];
}

实现效果:


 

注意:
 

    使用Google 浏览器如果无法播放提示音?
 

  1、进入  chrome://flags/#autoplay-policy
 


 

 2、找到 Autoplay policy



3、修改Default



版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。

您可能感兴趣的文章 :

原文链接 : https://www.cnblogs.com/Wenxiaopeng/archive/2019/07/10/11163079.html
相关文章
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计