Laravel admin實現(xiàn)消息提醒、播放音頻功能
應用情景,有新的訂單生成,后臺進行消息提醒并播放音頻(這里用到輪詢簡單實現(xiàn)):下面附代碼
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'; // 點擊跳轉(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秒后關閉音頻通知 },1500); } }, error: function (res) { console.log(res); } }; //關鍵在這里,Ajax定時訪問服務端,不斷獲取數(shù)據(jù) ,這里是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]; }
實現(xiàn)效果:
注意:
使用Google 瀏覽器如果無法播放提示音?
1、進入 chrome://flags/#autoplay-policy
2、找到 Autoplay policy
3、修改Default
總結
以上所述是小編給大家介紹的Laravel-admin 消息提醒、播放音頻功能的實現(xiàn)代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!
- Laravel使用swoole實現(xiàn)websocket主動消息推送的方法介紹
- laravel框架使用阿里云短信發(fā)送消息操作示例
- Laravel Validator自定義錯誤返回提示消息并在前端展示
- Laravel使用消息隊列需要注意的一些問題
- PHP的Laravel框架中使用消息隊列queue及異步隊列的方法
- 在Laravel框架里實現(xiàn)發(fā)送郵件實例(郵箱驗證)
- Laravel框架實現(xiàn)發(fā)送短信驗證功能代碼
- 使用 laravel sms 構建短信驗證碼發(fā)送校驗功能
- laravel5.4利用163郵箱發(fā)送郵件的步驟詳解
- laravel中短信發(fā)送驗證碼的實現(xiàn)方法
- 用Laravel Sms實現(xiàn)laravel短信驗證碼的發(fā)送的實現(xiàn)
- laravel框架使用極光推送消息操作示例
相關文章
jquery實現(xiàn)隱藏與顯示動畫效果/輸入框字符動態(tài)遞減/導航按鈕切換
jquery實現(xiàn)隱藏顯示層動畫效果、仿新浪字符動態(tài)輸入、tab效果等等,以下為所有代碼,感興趣的朋友可以練練手哈,希望對大家學習有所幫助2013-07-07jquery封裝插件時匿名函數(shù)形參和實參的寫法解釋
本文主要介紹了jquery封裝插件時匿名函數(shù)形參和實參的寫法解釋。具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02