Memulai sampel panggilan web
Sampel panggilan web adalah aplikasi web yang berfungsi sebagai panduan langkah demi langkah dari berbagai kemampuan yang disediakan oleh SDK Panggilan web Communication Services.
Sampel ini dibuat untuk pengembang dan sangat memudahkan Anda untuk memulai 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.
Memulai sampel panggilan web
Penting
Ikuti /Project/readme.md untuk menyiapkan proyek dan menjalankannya di komputer Anda secara lokal. Setelah sampel panggilan web berjalan di komputer, Anda akan melihat halaman arahan berikut:
Provisi pengguna dan inisialisasi SDK
Klik "Provisi pengguna dan inisialisasi SDK" untuk menginisialisasi SDK Anda menggunakan token yang disediakan oleh layanan provisi token backend. Layanan backend ini ada di /project/webpack.config.js
.
Klik tombol "Tampilkan kode" untuk melihat kode contoh yang dapat Anda gunakan dalam solusi Anda sendiri.
Anda akan melihat hal berikut setelah SDK Anda diinisialisasi:
Anda sekarang siap untuk mulai melakukan panggilan menggunakan sumber daya Communication Services Anda!
Melakukan dan menerima panggilan
SDK Panggilan web Communication Services memungkinkan panggilan 1:1, 1:N, dan grup.
Untuk panggilan keluar 1:1 atau 1:N, Anda dapat menentukan beberapa Identitas Pengguna Communication Services untuk dipanggil menggunakan nilai yang dipisahkan koma. Anda juga dapat menentukan nomor telepon tradisional (PSTN) untuk dihubungi menggunakan nilai yang dipisahkan koma.
Saat memanggil nomor telepon PSTN, tentukan ID pemanggil alternatif Anda. Klik tombol "Lakukan panggilan" untuk melakukan panggilan keluar:
Untuk bergabung dengan panggilan grup, masukkan GUID yang mengidentifikasi panggilan dan klik tombol "Gabung grup":
Klik tombol "Tampilkan kode" untuk melihat kode sampel untuk melakukan panggilan, menerima panggilan, dan bergabung ke panggilan grup.
Panggilan aktif terlihat seperti ini:
Sampel ini juga menyediakan cuplikan kode untuk kemampuan berikut:
- Mengklik ikon video untuk menghidupkan/mematikan kamera video Anda
- Mengklik ikon mikrofon untuk menghidupkan/mematikan mikrofon Anda
- Mengklik ikon putar untuk menahan/melepaskan panggilan
- Mengklik ikon layar untuk memulai/berhenti membagikan layar Anda
- Mengklik ikon orang untuk menambahkan peserta ke panggilan
- Mengklik "Hapus peserta" di daftar peserta untuk menghapus peserta tertentu dari panggilan
Langkah berikutnya
Untuk informasi lebih lanjut, baca artikel berikut:
- Pelajari cara menggunakan SDK Panggilan
- Pelajari lebih lanjut cara kerja panggilan
- Tinjau dokumen Referensi API
- Meninjau sampel Contoso Med App
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