php如何實現(xiàn)播放聲音

這篇文章主要介紹“php如何實現(xiàn)播放聲音”，在日常操作中，相信很多人在php如何實現(xiàn)播放聲音問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”php如何實現(xiàn)播放聲音”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

目前成都創(chuàng)新互聯(lián)公司已為上千的企業(yè)提供了網(wǎng)站建設、域名、網(wǎng)站空間、網(wǎng)站托管運營、企業(yè)網(wǎng)站設計、皇姑網(wǎng)站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

php實現(xiàn)播放聲音的方法：1、創(chuàng)建一個PHP示例文件；2、通過PHP讀取數(shù)據(jù)庫；3、創(chuàng)建一個HTML示例文件并使用H5的audio()去實現(xiàn)播放提示音即可。

本文操作環(huán)境：windows7系統(tǒng)、PHP7.1版、DELL G3電腦

php怎么實現(xiàn)播放聲音？

PHP利用H5 audio實現(xiàn)類似美團訂單聲音提示，網(wǎng)頁播放音樂效果

大家經(jīng)常會做站內信，消息提醒的功能，那么如何在此基礎上加上提示音呢？今天給大家分享一下整個功能實現(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);
   
        //點擊查看小心，并且將消息數(shù)量清空
        $('#a_link').click(function () {
            $('#num').html('');
        })
    })
</script>

這里我們利用H5的audio()，去實現(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標簽，目前支持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>

到此，關于“php如何實現(xiàn)播放聲音”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

本文題目：php如何實現(xiàn)播放聲音
網(wǎng)址分享：http://www.muchs.cn/article48/pcooep.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、建站公司、虛擬主機、全網(wǎng)營銷推廣、網(wǎng)站導航、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)