RTCPeerConnection
adalah antarmuka pusat di WebRTC API. Ini mewakili koneksi antara pembanding lokal dan jarak jauh, dan menyarankan semua fungsi dan peristiwa yang diperlukan untuk membuat koneksi.
Membuat koneksi pembanding
Aplikasi yang mengimplementasikan fungsi WebRTC biasanya akan sangat bergantung pada
antarmuka RTCPeerConnection
. Dari sisi pemanggil (yakni, pembanding
yang memulai koneksi), proses untuk membuat koneksi biasanya
sebagai berikut:
- Buat instance
RTCPeerConnection
baru dengan konfigurasi ICE yang sesuai. - Buat deskripsi SDP lokal menggunakan
RTCPeerConnection.createOffer()
. - Tetapkan deskripsi SDP lokal menggunakan
RTCPeerConnection.setLocalDescription()
. - Mentransfer (menggunakan layanan pemberian sinyal) deskripsi SDP lokal ke pembanding jarak jauh.
- Mendaftarkan pemroses untuk peristiwa
icecandidate
padaRTCPeerConnection
. - Untuk setiap peristiwa
icecandidate
, transfer (menggunakan layanan sinyal) ke pembanding jarak jauh. - Tunggu deskripsi SDP jarak jauh yang masuk dari layanan pemberian sinyal dan
tetapkan menggunakan
RTCPeerConnection.setRemoteDescription()
. - Tunggu kandidat ICE jarak jauh yang masuk dari layanan pemberian sinyal dan tambahkan
mereka menggunakan
RTCPeerConnection.addIceCandidate()
Di sisi panggilan, prosesnya sedikit berbeda.
- Buat instance
RTCPeerConnection
baru dengan konfigurasi ICE yang sesuai. - Tunggu deskripsi SDP jarak jauh yang masuk dari layanan pemberian sinyal dan
tetapkan menggunakan
RTCPeerConnection.setRemoteDescription()
. - Buat jawaban untuk deskripsi SDP jarak jauh dengan memanggil
RTCPeerConnection.createAnswer()
. - Transfer (menggunakan layanan pemberi sinyal) jawaban ke pembanding jarak jauh.
- Mendaftarkan pemroses untuk peristiwa
icecandidate
padaRTCPeerConnection
. - Untuk setiap peristiwa
icecandidate
, transfer (menggunakan layanan sinyal) ke pembanding jarak jauh. - Tunggu kandidat ICE jarak jauh yang masuk dari layanan pemberian sinyal dan tambahkan
mereka menggunakan
RTCPeerConnection.addIceCandidate()
Tantangan dari API ini adalah sebagian besar operasi ini asinkron,
yang sering kali membuat implementasi aplikasi WebRTC yang sebenarnya menjadi rumit.
Banyak fungsi menampilkan Promise
yang harus diselesaikan sebelum langkah berikutnya dalam proses ini dapat dilanjutkan.
Sebaiknya saat menerapkan aplikasi menggunakan API ini,
developer menggunakan async
dan await
, bukan mendaftarkan pemroses
(menggunakan Promise.then()
), karena hal ini membuat kode Anda lebih mudah diikuti. Perhatikan
contoh berikut:
function createAndSendOffer(peerConnection, signallingService) {
peerConnection.createOffer()
.then(offer => {
signallingService.send({
type: 'offer',
data: offer
});
});
}
Saat menulis kode di atas menggunakan async
dan await
, kita mendapatkan hal berikut:
async function createAndSendOffer(peerConnection, signallingService) {
const offer = await peerConnection.createOffer();
signallingService.send({
type: 'offer',
data: offer
});
}