Mulai dengan contoh panggilan web

Warning

Azure Communication Services memperkenalkan perubahan besar, dan beberapa layanan akan dipensiunkan. Pelajari lebih lanjut di panduan penghentian dan perubahan besar.

Contoh web calling adalah aplikasi web yang berfungsi sebagai panduan langkah demi langkah dari berbagai kemampuan yang disediakan oleh Communication Services web Calling SDK.

Contoh ini dibuat untuk pengembang dan memudahkan Anda memulai dengan Communication Services. Antarmuka penggunanya dibagi menjadi beberapa bagian, masing-masing menampilkan tombol "Tampilkan kode" yang memungkinkan Anda menyalin kode langsung dari browser ke aplikasi Communication Services Anda sendiri.

Mulai dengan contoh panggilan web

Important

Contoh ini tersedia di GitHub..

Ikuti /Project/readme.md untuk mengatur project dan jalankan secara lokal di mesin Anda. Setelah contoh panggilan web berjalan di komputer Anda, Anda akan melihat halaman awal berikut:

Penyediaan pengguna dan inisialisasi SDK

Klik pada "Provisioning user and initialize SDK" untuk menginisialisasi SDK Anda menggunakan token yang disediakan oleh layanan provisioning token backend. Layanan backend ini berada di /project/webpack.config.js.

Klik tombol "Tampilkan kode" untuk melihat contoh kode yang dapat Anda gunakan dalam solusi Anda sendiri.

Anda harus melihat hal berikut setelah SDK Anda diinisialisasi:

Anda sekarang siap untuk mulai melakukan panggilan menggunakan sumber daya Layanan Komunikasi Anda!

Melakukan dan menerima panggilan

SDK Web Calling Communication Services memungkinkan untuk melakukan panggilan 1:1, 1:N, dan grup.

Untuk panggilan keluar 1:1 atau 1:N, Anda dapat menentukan beberapa Identitas Pengguna Layanan Komunikasi untuk dipanggil menggunakan nilai yang dipisahkan koma. Anda juga dapat menentukan nomor telepon tradisional (PSTN) untuk dihubungi menggunakan nilai yang dipisahkan koma.

Saat menelepon nomor telepon PSTN, tentukan ID penelepon alternatif Anda. Klik tombol "Lakukan panggilan" untuk melakukan panggilan keluar:

Untuk bergabung dengan panggilan grup, masukkan GUID yang mengidentifikasi panggilan tersebut dan klik tombol "Join group":

Klik tombol "Tampilkan kode" untuk melihat kode contoh untuk melakukan panggilan, menerima panggilan, dan bergabung dengan panggilan grup.

Panggilan aktif akan tampak seperti ini:

Contoh ini juga menyediakan potongan kode untuk kemampuan berikut:

• Mengklik ikon video untuk menyalakan/mematikan kamera video Anda
• Mengklik ikon mikrofon untuk menyalakan/mematikan mikrofon Anda
• Mengklik ikon putar untuk menahan/membatalkan panggilan
• Klik ikon layar untuk mulai/berhenti bagikan layar Anda
• Mengklik ikon orang untuk menambahkan peserta ke panggilan
• Mengklik "Hapus peserta" dalam daftar peserta untuk menghapus peserta tertentu dari panggilan

Langkah berikutnya

Unduh sampel dari GitHub

Untuk informasi lebih lanjut, baca artikel berikut:

• Pelajari cara menggunakan SDK Panggilan
• Pelajari lebih lanjut cara kerja panggilan
• Tinjau dokumen Referensi API
• Tinjau contoh Aplikasi Contoso Med

Pembacaan tambahan

• Sampel - Temukan lebih banyak sampel dan contoh di halaman gambaran umum sampel kami.
• Redux - Manajemen status sisi klien
• FluentUI - Pustaka UI yang didukung Microsoft
• React - Pustaka untuk membangun antarmuka pengguna
• ASP.NET Core - Kerangka kerja untuk membangun aplikasi web