Cara menggunakan API WebSockets dalam PHP untuk sembang video dan audio langsung-tutorial php-php.cn

Cara menggunakan API WebSockets dalam PHP untuk sembang video dan audio langsung

王林

Lepaskan： 2023-06-17 14:38:01

asal

1501 orang telah melayarinya

WebSockets API ialah bahagian penting dalam merealisasikan sembang video dan audio masa nyata Ia menyediakan kaedah komunikasi berdasarkan mekanisme dipacu peristiwa, yang boleh merealisasikan komunikasi dua hala, menjadikan komunikasi antara penyemak imbas dan pelayan lebih mudah, lebih pantas dan. lebih selamat. Artikel ini akan memperkenalkan cara menggunakan API WebSockets dalam PHP untuk sembang video dan audio masa nyata.

Pasang pelayan WebSocket

Untuk menggunakan API WebSockets dalam PHP, anda perlu memasang pelayan WebSocket terlebih dahulu. Adalah disyorkan untuk menggunakan Rachet, yang merupakan pelayan WebSocket paling popular dalam PHP. Ia boleh dipasang menggunakan Komposer:

composer require cboden/ratchet

Salin selepas log masuk

Mencipta Pelayan WebSocket

Mencipta pelayan WebSocket menggunakan Rachet adalah sangat mudah dan hanya memerlukan beberapa baris kod:

require dirname(__DIR__) . '/vendor/autoload.php';

use RatchetMessageComponentInterface;
use RatchetConnectionInterface;
use RatchetServerIoServer;
use RatchetHttpHttpServer;
use RatchetWebSocketWsServer;

class Chat implements MessageComponentInterface {
    protected $clients;

    public function __construct() {
        $this->clients = new SplObjectStorage;
    }

    public function onOpen(ConnectionInterface $conn) {
        $this->clients->attach($conn);
        echo "New connection! ({$conn->resourceId})
";
    }

    public function onMessage(ConnectionInterface $from, $msg) {
        broadcast($msg);
    }

    public function onClose(ConnectionInterface $conn) {
        $this->clients->detach($conn);
        echo "Connection {$conn->resourceId} has disconnected
";
    }

    public function onError(ConnectionInterface $conn, Exception $e) {
        echo "An error has occurred: {$e->getMessage()}
";
        $conn->close();
    }

    public function broadcast($msg) {
        foreach ($this->clients as $client) {
            $client->send($msg);
        }
    }
}

$server = IoServer::factory(
    new HttpServer(
        new WsServer(
            new Chat()
        )
    ),
    8080
);

echo "Server started!
";

$server->run();

Salin selepas log masuk

Pelayan ini menerima semua sambungan dan menyiarkan mesej apabila ia tiba. Ia menggunakan objek aliran Grad untuk menyimpan semua sambungan.

Buat aplikasi bahagian hadapan

Menggunakan API WebSockets, mencipta aplikasi bahagian hadapan boleh dilakukan merentas platform dan penyemak imbas silang. Begini cara untuk mencipta aplikasi bahagian hadapan menggunakan JavaScript:

<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8">

    <title>Chat</title>
    <meta name="description" content="Chat">
    <meta name="author" content="Chat">

    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.4.5/socket.io.min.js"></script>

    <style>
        #log {
            height: 200px;
            overflow: auto;
        }
    </style>
</head>

<body>
    <div id="log"></div>
    <input type="text" id="message">
    <button id="send">Send</button>
    <script>
        var socket = io('http://localhost:8080');

        socket.on('message', function (data) {
            $('#log').append('<p>' + data + '</p>');
        });

        $('#send').click(function() {
            var message = $('#message').val();
            socket.emit('message', message);
        });
    </script>
</body>
</html>

Salin selepas log masuk

Menggunakan Socket.io untuk menyambung, aplikasi menerima dan menghantar mesej.

Melaksanakan sembang video dan audio

Melalui Ratchet dan WebSockets API, sembang video dan audio masa nyata dua hala boleh dicapai, yang memerlukan penggunaan beberapa tambahan perpustakaan dan alatan. Adalah disyorkan untuk menggunakan WebRTC, yang merupakan piawaian moden untuk komunikasi masa nyata yang membolehkan komunikasi rakan ke rakan antara penyemak imbas.

Menggunakan pelayan WebSocket dan WebRTC DSP dalam PHP, anda boleh mencipta aplikasi sembang video dan audio masa nyata dua hala. Ini memerlukan beberapa kod JavaScript tambahan dan boleh dilaksanakan menggunakan SimpleWebRTC:

<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8">

    <title>Chat</title>
    <meta name="description" content="Chat">
    <meta name="author" content="Chat">

    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.4.5/socket.io.min.js"></script>
    <script src="//simplewebrtc.com/latest-v3.js"></script>

    <style>
        #log {
            height: 200px;
            overflow: auto;
        }

        #localVideo {
            width: 200px;
            height: 150px;
            margin-bottom: 10px;
        }

        #remoteVideos video {
            width: 400px;
            height: 300px;
            margin-bottom: 10px;
        }
    </style>
</head>

<body>
    <div id="log"></div>
    <div id="localVideo"></div>
    <div id="remoteVideos"></div>
    <script>
        var server = {
            url: 'http://localhost:8080',
            options: {},
            // Use media servers for production
            signalingServerUrl: 'https://localhost:8888'
        };

        var webrtc = new SimpleWebRTC({
            localVideoEl: 'localVideo',
            remoteVideosEl: 'remoteVideos',
            autoRequestMedia: true,
            url: server.url,
            socketio: {'force new connection': true},
            debug: false,
            detectSpeakingEvents: true,
            autoAdjustMic: false,
            peerConnectionConfig: {
                iceServers: [
                    {url: 'stun:stun.l.google.com:19302'},
                    {url:'stun:stun1.l.google.com:19302'},
                    {url:'stun:stun2.l.google.com:19302'}
                ]
            },
            receiveMedia: {
                mandatory: {
                    OfferToReceiveAudio: true,
                    OfferToReceiveVideo: true
                }
            }
        });

        webrtc.on('readyToCall', function () {
            console.log('readyToCall');
            webrtc.joinRoom('chat');
        });

        webrtc.on('localStream', function (stream) {
            console.log('localStream');
            $('#localVideo').show();
        });

        webrtc.on('videoAdded', function (video, peer) {
            console.log('videoAdded');
            $('#remoteVideos').append('<video id="' + peer.id + '" autoplay></video>');
            webrtc.attachMediaStream($('#' + peer.id), video);
        });

        webrtc.on('videoRemoved', function (video, peer) {
            console.log('videoRemoved');
            $('#' + peer.id).remove();
        });

        webrtc.on('channelMessage', function (peer, label, message) {
            console.log('channelMessage');
            console.log('peer: ' + peer);
            console.log('label: ' + label);
            console.log('message: ' + message);
        });
    </script>
</body>
</html>

Salin selepas log masuk

SimpleWebRTC digunakan di sini untuk melaksanakan sembang video dan audio. Kod tersebut mengandungi kod klien dan pelayan, apabila pengguna melawat halaman, pelanggan cuba menyambung ke pelayan WebSocket dan menyertai bilik. Pelayan menghantar acara WebSocket ke SimpleWebRTC.

Ringkasan

Menggunakan Rachet dan WebSockets API, sembang video dan audio masa nyata dua hala boleh dicapai. Aplikasi boleh diperluaskan dengan mudah untuk menyokong sembang audio dan video masa nyata menggunakan SimpleWebRTC. WebRTC ialah teknologi berkuasa yang boleh digunakan dalam pelbagai aplikasi, termasuk sistem pendidikan dalam talian, aplikasi kerjasama dan permainan dalam talian. Menggunakan API WebSockets dan WebRTC dalam PHP, anda boleh mencipta aplikasi masa nyata yang berkuasa.

Atas ialah kandungan terperinci Cara menggunakan API WebSockets dalam PHP untuk sembang video dan audio langsung. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!