快捷導(dǎo)航

Laravel admin實(shí)現(xiàn)消息提醒、播放音頻功能

更新時(shí)間：2019年07月10日 13:59:09 作者：Wen1109

這篇文章主要介紹了Laravel admin實(shí)現(xiàn)消息提醒、播放音頻功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

應(yīng)用情景，有新的訂單生成，后臺進(jìn)行消息提醒并播放音頻（這里用到輪詢簡單實(shí)現(xiàn)）：下面附代碼

1.找到laravel-admin 中的 index.blade.php 文件進(jìn)行編輯

{{-- 音頻通知 --}}
<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'; // 點(diǎn)擊跳轉(zhuǎn)頁面
        };
　　　　　　　　　 toastr.options.timeOut=120000; // 保存2分鐘
　　　　　　　　　 toastr.warning(res.msg); // 提示文字
        var audio = document.getElementById('bg-music'); // 啟用音頻通知
        audio.play();
        setTimeout(function(){
          audio.load(); // 1.5秒后關(guān)閉音頻通知
        },1500);
      }
    },
    error: function (res) {
      console.log(res);
    }
  };
  //關(guān)鍵在這里，Ajax定時(shí)訪問服務(wù)端，不斷獲取數(shù)據(jù) ，這里是5秒請求一次。
  window.setInterval(function(){$.ajax(getting)},5000);
</script>

2.請求路由控制器

  /**
   * 輪詢判斷有沒有新訂單
   *
   * @return void
   */
  public function sendNotice()
  {
　　　　　// 處理邏輯
　　　　　$count = 0;  // 獲取的結(jié)果
    $getCount = session()->get('count');
    if ($count > $getCount) {
      session()->put('count', $count); // 存session
      return ['code' => 200, 'msg' => '您有新的訂單請及時(shí)處理'];
    }
　　   // 不成立的話則存最新的值
    session()->put('count', $count);
    return ['code' => 201];
  }

實(shí)現(xiàn)效果：

注意：

使用Google 瀏覽器如果無法播放提示音？

　　1、進(jìn)入 chrome://flags/#autoplay-policy

　　2、找到 Autoplay policy

　　3、修改Default

總結(jié)

以上所述是小編給大家介紹的Laravel-admin 消息提醒、播放音頻功能的實(shí)現(xiàn)代碼,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！

您可能感興趣的文章: