最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:懂视网 责编:小采 时间:2020-11-27 21:53:44
文档

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

Laravel admin实现消息提醒、播放音频功能:应用情景,有新的订单生成,后台进行消息提醒并播放音频(这里用到轮询简单实现):下面附代码 1.找到laravel-admin 中的 index.blade.php 文件进行编辑 {{-- 音频通知 --}} <audio style=display:none; height: 0 id=
推荐度:
导读Laravel admin实现消息提醒、播放音频功能:应用情景,有新的订单生成,后台进行消息提醒并播放音频(这里用到轮询简单实现):下面附代码 1.找到laravel-admin 中的 index.blade.php 文件进行编辑 {{-- 音频通知 --}} <audio style=display:none; height: 0 id=

应用情景,有新的订单生成,后台进行消息提醒并播放音频(这里用到轮询简单实现):下面附代码

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

总结

以上所述是小编给大家介绍的Laravel-admin 消息提醒、播放音频功能的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

文档

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

Laravel admin实现消息提醒、播放音频功能:应用情景,有新的订单生成,后台进行消息提醒并播放音频(这里用到轮询简单实现):下面附代码 1.找到laravel-admin 中的 index.blade.php 文件进行编辑 {{-- 音频通知 --}} <audio style=display:none; height: 0 id=
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top