Rumah > pembangunan bahagian belakang > masalah PHP > Bagaimana untuk memainkan bunyi dalam php

Bagaimana untuk memainkan bunyi dalam php

藏色散人
Lepaskan: 2023-03-13 19:50:01
asal
4715 orang telah melayarinya

Cara melaksanakan main balik bunyi dalam php: 1. Buat fail contoh PHP 2. Baca pangkalan data melalui PHP 3. Buat fail contoh HTML dan gunakan audio() H5 untuk memainkan bunyi segera.

Bagaimana untuk memainkan bunyi dalam php

Persekitaran pengendalian artikel ini: sistem Windows 7, PHP versi 7.1, komputer DELL G3

Cara memainkan bunyi dalam php?

PHP menggunakan audio H5 untuk mencapai gesaan bunyi yang serupa dengan pesanan Meituan dan kesan main balik muzik pada halaman web

Kami sering melakukan mesej dalam tapak dan fungsi peringatan mesej, jadi bagaimana untuk menambah atas dasar ini Bagaimana dengan bip? Hari ini saya akan berkongsi dengan anda keseluruhan proses pelaksanaan fungsi.
Mula-mula kita perlu susun atur gaya gesaan berita baik Di sini anda boleh susun aturnya mengikut keperluan anda sendiri.

Bagaimana untuk memainkan bunyi dalam php

Gaya loceng gesaan mesej.png

Selepas membuat gaya gesaan mesej, kita perlu mula membuat pemasa dan data pertanyaan tak segerak.

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

        }, 1000);
   
        //点击查看小心,并且将消息数量清空
        $(&#39;#a_link&#39;).click(function () {
            $(&#39;#num&#39;).html(&#39;&#39;);
        })
    })
</script>
Salin selepas log masuk

Di sini kami menggunakan audio() H5 untuk memainkan bunyi gesaan. Kod yang saya tulis di sini sangat kasar, anda boleh mengoptimumkannya mengikut keperluan anda sendiri.
Seterusnya, kami menggunakan bahasa PHP untuk membaca apabila terdapat mesej baru dalam pangkalan data Jika terdapat mesej baru, mula menolak, jika tidak, abaikan mereka. Apa yang saya ada di sini adalah berdasarkan 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]);
    }
}
Salin selepas log masuk

Teg audio H5 diperkenalkan di bawah pada masa ini ia menyokong MP3, Ogg, Wav

<audio>
    <source>
    <source>
    您的浏览器不支持 audio 元素。
</source></source></audio>
Salin selepas log masuk

Kesan Pelaksanaan

.

Bagaimana untuk memainkan bunyi dalam php

Kesan pelaksanaan.png

Anda juga boleh mengawal main balik, jeda dan main semula

<audio></audio>
<span>播放/暂停</span>
<span>重播</span>
Salin selepas log masuk

Anda juga boleh mengawal main balik audio dan jeda melalui js

<script>
    function repeat(){
        var audio = document.getElementById(&#39;music&#39;);
        audio.currentTime = 0;//重新播放
    }
    function control(){
        var audio = document.getElementById(&#39;music&#39;);
        if(audio!==null){
            if(audio.paused){
                audio.play();// 播放
            }else{
                audio.pause();// 暂停
            }
        }
    }
</script>
Salin selepas log masuk

Di atas adalah proses lengkap Adakah anda telah mempelajarinya?

Pembelajaran yang disyorkan: "Tutorial Video PHP"

Atas ialah kandungan terperinci Bagaimana untuk memainkan bunyi dalam php. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
php
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan