這篇文章主要介紹“php如何實(shí)現(xiàn)播放聲音”,在日常操作中,相信很多人在php如何實(shí)現(xiàn)播放聲音問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”php如何實(shí)現(xiàn)播放聲音”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
目前成都創(chuàng)新互聯(lián)公司已為上千的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站托管運(yùn)營、企業(yè)網(wǎng)站設(shè)計(jì)、皇姑網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
php實(shí)現(xiàn)播放聲音的方法:1、創(chuàng)建一個PHP示例文件;2、通過PHP讀取數(shù)據(jù)庫;3、創(chuàng)建一個HTML示例文件并使用H5的audio()去實(shí)現(xiàn)播放提示音即可。
本文操作環(huán)境:windows7系統(tǒng)、PHP7.1版、DELL G3電腦
php怎么實(shí)現(xiàn)播放聲音?
PHP利用H5 audio實(shí)現(xiàn)類似美團(tuán)訂單聲音提示,網(wǎng)頁播放音樂效果
大家經(jīng)常會做站內(nèi)信,消息提醒的功能,那么如何在此基礎(chǔ)上加上提示音呢?今天給大家分享一下整個功能實(shí)現(xiàn)過程。
首先我們需要布局好消息提示樣式,這里大家可根據(jù)自己需求布局。
消息提示鈴鐺樣式.png
做好消息提示的樣式之后,我們就需要開始做定時器以及異步查詢數(shù)據(jù)了。
<script> $(function () { var set = setInterval(function(){ $.post("{:url('prompt')}", '', function(data){ if (data.status){ $('#num').html(data.num); //將消息數(shù)量添加上去 var audio = new Audio("./song.ogg"); //獲取本地音頻文件,ogg,mp3都可以 audio.play(); //執(zhí)行播放操作 } }, 'json'); }, 1000); //點(diǎn)擊查看小心,并且將消息數(shù)量清空 $('#a_link').click(function () { $('#num').html(''); }) }) </script>
這里我們利用H5的audio(),去實(shí)現(xiàn)播放提示音。我這里的代碼寫的很粗糙,大家可以根據(jù)自己需求優(yōu)化下。
下面我們利用PHP語言去讀取數(shù)據(jù)庫中時候有新消息,如果有就開始推送,沒有則忽略。我這里是基于TP5.1
public function prompt() { //這里插敘是否有新訂單,如果有就提示,沒有則忽略 $num = Db::name('hexiao')->where('add_time', '>' , date('Y-m-d H:i:s', time()-10))->count(); if ($num > 0){ return json(['status' => 1, 'num' => $num]); } else { return json(['status' => 0, 'num' => $num]); } }
下面介紹下H5的audio標(biāo)簽,目前支持MP3、Ogg、Wav
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的瀏覽器不支持 audio 元素。 </audio>
執(zhí)行效果
執(zhí)行效果.png
也可以控制播放和暫停以及重播
<audio src="b.mp3" controls="controls" preload id="music" hidden></audio> <span onclick="control();">播放/暫停</span> <span onclick="repeat();">重播</span>
也可以通過js去控制音頻播放和暫停
<script> function repeat(){ var audio = document.getElementById('music'); audio.currentTime = 0;//重新播放 } function control(){ var audio = document.getElementById('music'); if(audio!==null){ if(audio.paused){ audio.play();// 播放 }else{ audio.pause();// 暫停 } } } </script>
到此,關(guān)于“php如何實(shí)現(xiàn)播放聲音”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章!
本文題目:php如何實(shí)現(xiàn)播放聲音
網(wǎng)址分享:http://aaarwkj.com/article48/pcooep.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、建站公司、虛擬主機(jī)、全網(wǎng)營銷推廣、網(wǎng)站導(dǎo)航、網(wǎng)站策劃
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)