View a markdown version of this page

Langkah 4: Integrasikan IVS Broadcast SDK - Amazon IVS
WebAndroidiOS

Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

Langkah 4: Integrasikan IVS Broadcast SDK

IVS menyediakan SDK siaran untuk web, Android, dan iOS yang dapat Anda integrasikan ke dalam aplikasi Anda. SDK siaran digunakan untuk mengirim dan menerima video. Jika Anda telah mengon figurasi RTMP Ingest untuk panggung Anda, Anda dapat menggunakan encoder apa pun yang dapat disiarkan ke titik akhir RTMP (misalnya, OBS atau ffmpeg).

Pada bagian ini, kami menulis aplikasi sederhana yang memungkinkan dua atau lebih peserta berinteraksi secara real time. Langkah-langkah di bawah ini memandu Anda dalam membuat aplikasi bernama BasicRealTime. Kode aplikasi lengkap aktif CodePen dan GitHub:

Web

Mengatur File

Untuk memulai, atur file Anda dengan membuat folder dan file HTML dan JS awal:

mkdir realtime-web-example
cd realtime-web-example
touch index.html
touch app.js

Anda dapat menginstal SDK siaran menggunakan tag skrip atau npm. Contoh kami menggunakan tag skrip untuk kesederhanaan tetapi mudah dimodifikasi jika Anda memilih untuk menggunakan npm nanti.

Menggunakan Tag Script

SDK siaran Web didistribusikan sebagai JavaScript perpustakaan dan dapat diambil di https://web-broadcast.live-video.net/1.38.0/amazon-ivs-web-broadcast.js.

Saat dimuat melalui <script> tag, pustaka mengekspos variabel global dalam cakupan jendela bernamaIVSBroadcastClient.

Menggunakan npm

Untuk menginstal paket npm:

npm install amazon-ivs-web-broadcast

Anda sekarang dapat mengakses IVSBroadcastClient objek:

const { Stage } = IVSBroadcastClient;

Android

Buat Proyek Android

  1. Di Android Studio, buat Proyek Baru.

  2. Pilih Aktiv itas Tampilan Kosong.

    Catatan: Di beberapa versi Android Studio yang lebih lama, View-based aktivitas ini disebut Aktivitas Kosong. Jika jendela Android Studio menampilkan Aktivitas Kos ong dan tidak menampilkan Aktivitas T ampilan Kosong, pilih Aktiv itas Kosong. Jika tidak, jangan pilih Aktiv itas Kos ong, karena kita akan menggunakan View API (bukan Jetpack Compose).

  3. Berikan nama proyek Anda, lalu pilih Sel esai.

Instal Broadcast SDK

Untuk menambahkan pustaka siaran Android Amazon IVS ke lingkungan pengembangan Android Anda, tambahkan pustaka ke build.gradle file modul Anda, seperti yang ditunjukkan di sini (untuk versi terbaru SDK siaran Amazon IVS). Dalam proyek yang lebih baru mavenCentral repositori mungkin sudah disertakan dalam settings.gradle file Anda, jika itu masalahnya Anda dapat menghilangkan repositories blok. Untuk sampel kami, kami juga perlu mengaktifkan pengikatan data di android blok.

android {
    dataBinding.enabled true
}

repositories {
    mavenCentral()
}
 
dependencies {
     implementation 'com.amazonaws:ivs-broadcast:1.45.0:stages@aar'
}

Sebagai alternatif, untuk menginstal SDK secara manual, unduh versi terbaru dari lokasi ini:

https://search.maven.org/artifact/com.amazonaws/ivs-broadcast

iOS

Buat Proyek iOS

  1. Buat proyek Xcode baru.

  2. Untuk Platform, pilih iOS.

  3. Untuk Aplikasi, pilih Aplikasi.

  4. Masukkan Nama Produk aplikasi Anda, lalu pilih Ber ikutnya.

  5. Pilih (navigasikan ke) direktori tempat untuk menyimpan proyek, lalu pilih Buat.

Selanjutnya Anda perlu membawa SDK. Untuk petunjuk, lihat Menginstal Perpustakaan di Panduan SDK Siaran iOS.

Konfigurasikan Izin

Anda perlu memperbarui proyek Anda Info.plist untuk menambahkan dua entri baru untuk NSCameraUsageDescription danNSMicrophoneUsageDescription. Untuk nilainya, berikan penjelasan yang menghadap pengguna tentang mengapa aplikasi Anda meminta akses kamera dan mikrofon.

Konfigurasikan izin iOS.