Membangunkan sistem komunikasi audio dan video WebRTC menggunakan PHP dan Node.js

WebRTC ialah projek sumber terbuka yang menyediakan protokol dan API standard untuk komunikasi audio dan video antara penyemak imbas. Menggunakan WebRTC, kami boleh mencapai komunikasi audio dan video masa nyata antara penyemak imbas tanpa memasang sebarang pemalam atau aplikasi. WebRTC boleh digunakan dalam senario seperti persidangan video, perkhidmatan pelanggan dalam talian, sistem pemantauan dan siaran langsung permainan.

Artikel ini menerangkan cara menggunakan PHP dan Node.js untuk membangunkan sistem komunikasi audio dan video berdasarkan WebRTC.

1. Asas WebRTC

WebRTC mengandungi tiga API utama:

• MediaStream: digunakan untuk mengakses peranti audio dan video seperti kamera dan mikrofon.
• RTCPeerConnection: digunakan untuk mewujudkan sambungan titik ke titik untuk merealisasikan penghantaran data audio dan video.
• RTCDataChannel: digunakan untuk penghantaran data bukan audio dan video dari titik ke titik, seperti teks, fail, dsb.

WebRTC menggunakan protokol seperti STUN, TURN dan ICE untuk mencapai penembusan rangkaian, mengatasi had rangkaian seperti NAT dan tembok api, dan mencapai sambungan titik ke titik. Semasa proses mewujudkan sambungan, anda perlu mendapatkan alamat IP dan nombor port melalui pelayan STUN terlebih dahulu, dan kemudian cuba menghantar data kepada pihak lain. Jika gagal, pelayan TURN digunakan untuk memindahkan data.

2. Pembinaan persekitaran pembangunan PHP

Kita boleh memilih untuk menggunakan rangka kerja PHP Laravel untuk membina pelayan WebRTC, yang menyediakan pangkalan data yang berkuasa, API RESTful dan sokongan WebSockets.

Mula-mula, pasang Komposer dan PHP, kemudian pasang Laravel menggunakan Komposer:

composer global require "laravel/installer"

Buat projek baharu menggunakan Laravel:

laravel new webrtc-server

Jalankan pelayan web terbina dalam Laravel:

php artisan serve

Lawati http://localhost:8000 , Anda boleh melihat halaman alu-aluan lalai Laravel.

3. Persediaan persekitaran pembangunan Node.js

Kita perlu menggunakan Node.js dan npm untuk memasang kebergantungan seperti WebRTC dan Socket.IO. Selepas memasang Node.js dan npm, laksanakan arahan berikut untuk memasang kebergantungan:

npm install webrtc
npm install socket.io

Buat pelayan Node.js dan dengar permintaan sambungan WebSocket semasa permulaan:

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')
})

4. Pelaksanaan komunikasi audio dan video WebRTC

Untuk

melaksanakan komunikasi audio dan video WebRTC , kita perlu menggunakan MediaStream dan RTCPeerConnection API pada bahagian pelanggan.

Mula-mula, dapatkan MediaStream kamera dan mikrofon tempatan:

navigator.mediaDevices.getUserMedia({
  audio: true,
  video: true
}).then(stream => {
  // 本地摄像头和麦克风MediaStream
})

Kemudian, cipta objek RTCPeerConnection berdasarkan alamat WebSocket pihak lain dan tambahkan MediaStream tempatan ke saluran penghantaran:

const peer = new RTCPeerConnection({
  iceServers: [{
    urls: 'stun:stun.l.google.com:19302'
  }]
})

peer.addStream(localStream)
...

Seterusnya, mulakan sambungan point-to-point, apabila sambungan berjaya diwujudkan Apabila, tambahkan aliran media pihak lain ke saluran main balik:

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
}

Akhir sekali, hantar alamat calon ICE kepada pihak lain:

peer.onicecandidate = (event) => {
  if (event.candidate) {
    socket.emit('message', { type: 'candidate', candidate: event.candidate })
  }
}

5. Kesimpulan

Menggunakan PHP dan Node.js untuk membangunkan sistem komunikasi audio dan video berasaskan WebRTC tidak rumit Anda hanya perlu menguasai pengetahuan asas WebRTC dan API yang berkaitan, dan anda boleh membina sistem yang lengkap dengan cepat. Pada masa yang sama, rangka kerja dan perpustakaan yang berkuasa seperti Laravel dan Socket.IO boleh meningkatkan kecekapan pembangunan dengan cepat dan mencapai aplikasi komunikasi audio dan video yang lebih stabil dan berkualiti tinggi.

Atas ialah kandungan terperinci Membangunkan sistem komunikasi audio dan video WebRTC menggunakan PHP dan Node.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!