php如何實現播放聲音

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

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

本文操作環境：windows7系統、PHP7.1版、DELL G3電腦

php怎么實現播放聲音？

PHP利用H5 audio實現類似美團訂單聲音提示，網頁播放音樂效果

大家經常會做站內信，消息提醒的功能，那么如何在此基礎上加上提示音呢？今天給大家分享一下整個功能實現過程。
首先我們需要布局好消息提示樣式，這里大家可根據自己需求布局。

消息提示鈴鐺樣式.png

做好消息提示的樣式之后，我們就需要開始做定時器以及異步查詢數據了。

<script>
    $(function () {
        var set = setInterval(function(){
            $.post("{:url('prompt')}", '', function(data){
                if (data.status){
                    $('#num').html(data.num);  //將消息數量添加上去
                    var audio = new Audio("./song.ogg");    //獲取本地音頻文件，ogg，mp3都可以
                    audio.play();    //執行播放操作
                }
            }, 'json');

        }, 1000);
   
        //點擊查看小心，并且將消息數量清空
        $('#a_link').click(function () {
            $('#num').html('');
        })
    })
</script>

這里我們利用H5的audio()，去實現播放提示音。我這里的代碼寫的很粗糙，大家可以根據自己需求優化下。
下面我們利用PHP語言去讀取數據庫中時候有新消息，如果有就開始推送，沒有則忽略。我這里是基于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>

執行效果

執行效果.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如何實現播放聲音”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！