WebRTC는 브라우저 간 오디오 및 비디오 통신을 위한 표준 프로토콜과 API를 제공하는 오픈 소스 프로젝트입니다. WebRTC를 사용하면 플러그인이나 애플리케이션을 설치하지 않고도 브라우저 간에 실시간 오디오 및 비디오 통신이 가능합니다. WebRTC는 화상 회의, 온라인 고객 서비스, 모니터링 시스템, 게임 라이브 방송과 같은 시나리오에서 사용할 수 있습니다.
이 글에서는 PHP와 Node.js를 사용하여 WebRTC 기반 오디오 및 비디오 통신 시스템을 개발하는 방법을 설명합니다.
WebRTC에는 세 가지 주요 API가 포함되어 있습니다.
WebRTC는 STUN, TURN 및 ICE와 같은 프로토콜을 사용하여 네트워크 침투를 달성하고 NAT 및 방화벽과 같은 네트워크 제한을 극복하며 지점 간 연결을 달성합니다. 연결을 설정하는 과정에서 먼저 STUN 서버를 통해 IP 주소와 포트 번호를 얻은 후 상대방에게 데이터 전송을 시도해야 합니다. 실패하면 TURN 서버를 사용하여 데이터를 전송합니다.
PHP 프레임워크 Laravel을 사용하여 강력한 데이터베이스, RESTful API 및 WebSocket 지원을 제공하는 WebRTC 서버를 구축할 수 있습니다.
먼저 Composer와 PHP를 설치한 다음 Composer를 사용하여 Laravel을 설치하세요.
composer global require "laravel/installer"
Laravel을 사용하여 새 프로젝트 만들기:
laravel new webrtc-server
Laravel의 내장 웹 서버 실행:
php artisan serve
브라우저에서 http://localhost:8000을 방문하세요. , Laravel의 기본 환영 페이지를 볼 수 있습니다.
WebRTC, Socket.IO 등의 종속성을 설치하려면 Node.js와 npm을 사용해야 합니다. Node.js 및 npm을 설치한 후 다음 명령을 실행하여 종속성을 설치합니다.
npm install webrtc npm install socket.io
Node.js 서버를 생성하고 시작 시 WebSocket 연결 요청을 수신합니다.
const socketIo = require('socket.io') const http = require('http') const server = http.createServer((request, response) => { response.writeHead(200) response.end('WebRTC signaling server ') }) const io = socketIo(server) io.on('connection', (socket) => { console.log(`Client ${socket.id} connected`) socket.on('message', (data) => { console.log(`Client ${socket.id} sent message: ${JSON.stringify(data)}`) socket.broadcast.emit('message', data) }) }) server.listen(3000, () => { console.log('Server started on port 3000') })
WebRTC 오디오 및 비디오 통신을 구현하려면 클라이언트 측에서 MediaStream 및 RTCPeerConnection API를 사용해야 합니다.
먼저 로컬 카메라와 마이크의 MediaStream을 가져옵니다:
navigator.mediaDevices.getUserMedia({ audio: true, video: true }).then(stream => { // 本地摄像头和麦克风MediaStream })
그런 다음 상대방의 WebSocket 주소를 기반으로 RTCPeerConnection 개체를 만들고 로컬 MediaStream을 전송 채널에 추가합니다.
const peer = new RTCPeerConnection({ iceServers: [{ urls: 'stun:stun.l.google.com:19302' }] }) peer.addStream(localStream) ...
다음으로 설정을 시작합니다. point-to-point 연결이 성공적으로 이루어졌을 때 상대방의 미디어 스트림을 재생 채널에 추가하면:
peer.createOffer().then(offer => { peer.setLocalDescription(offer).then(() => { socket.emit('message', { type: 'offer', sdp: offer }) }) }) socket.on('message', (data) => { if (data.type === 'offer') { peer.setRemoteDescription(new RTCSessionDescription(data)).then(() => { peer.createAnswer().then(answer => { peer.setLocalDescription(answer).then(() => { socket.emit('message', { type: 'answer', sdp: answer }) }) }) }) } else if (data.type === 'answer') { peer.setRemoteDescription(new RTCSessionDescription(data)) } else if (data.type === 'candidate') { peer.addIceCandidate(new RTCIceCandidate(data.candidate)) } }) peer.onaddstream = (event) => { remoteVideo.srcObject = event.stream }
마지막으로 상대방에게 ICE 후보 주소를 보냅니다:
peer.onicecandidate = (event) => { if (event.candidate) { socket.emit('message', { type: 'candidate', candidate: event.candidate }) } }
사용 WebRTC 기반 오디오 및 비디오 통신 시스템을 개발하기 위한 PHP와 Node.js는 복잡하지 않으며 WebRTC 및 관련 API에 대한 기본 지식만 마스터하면 전체 시스템을 빠르게 구축할 수 있습니다. 동시에 Laravel 및 Socket.IO와 같은 강력한 프레임워크와 라이브러리는 개발 효율성을 빠르게 향상시키고 보다 안정적인 고품질 오디오 및 비디오 통신 애플리케이션을 달성할 수 있습니다.
위 내용은 PHP와 Node.js를 사용하여 WebRTC 오디오 및 비디오 통신 시스템 개발의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!