

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

# Langkah 4: Integrasikan SDK Siaran IVS
<a name="getting-started-broadcast-sdk"></a>

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 [mengonfigurasi RTMP Ingest untuk tahap Anda](https://docs.aws.amazon.com/ivs/latest/RealTimeUserGuide/rt-stream-ingest.html), 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 untuk berinteraksi secara real time. Langkah-langkah di bawah ini memandu Anda melalui pembuatan aplikasi yang disebut BasicRealTime. Kode aplikasi lengkap aktif CodePen dan GitHub:
+  Situs web: [https://codepen. io/amazon-ivs/pen/ZEqgrpo](https://codepen.io/amazon-ivs/pen/ZEqgrpo) 
+  Android: [https://github.com/aws-samples/amazon-ivs-real-time- streaming-android-samples](https://github.com/aws-samples/amazon-ivs-real-time-streaming-android-samples) 
+  iOS: [https://github.com/aws-samples/amazon-ivs-real-time- streaming-ios-samples](https://github.com/aws-samples/amazon-ivs-real-time-streaming-ios-samples) 

## Web
<a name="getting-started-broadcast-sdk-web"></a>

### Mengatur File
<a name="getting-started-broadcast-sdk-web-setup"></a>

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
<a name="getting-started-broadcast-sdk-web-script"></a>

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

Saat dimuat melalui `<script>` tag, pustaka mengekspos variabel global dalam lingkup jendela bernama`IVSBroadcastClient`.

### Menggunakan npm
<a name="getting-started-broadcast-sdk-web-npm"></a>

Untuk menginstal paket npm:

```
npm install amazon-ivs-web-broadcast
```

Anda sekarang dapat mengakses objek IVSBroadcast Klien:

```
const { Stage } = IVSBroadcastClient;
```

## Android
<a name="getting-started-broadcast-sdk-android"></a>

### Buat Proyek Android
<a name="getting-started-broadcast-sdk-android-project"></a>

1. Di Android Studio, buat **Proyek Baru**.

1. Pilih **Aktivitas Tampilan Kosong**.

   Catatan: Di beberapa versi Android Studio yang lebih lama, aktivitas berbasis Tampilan disebut **Empty Activity**. Jika jendela Android Studio menampilkan **Aktivitas Kosong** dan *tidak* menampilkan Aktivitas **Tampilan Kosong**, pilih **Aktivitas Kosong**. Jika tidak, jangan pilih **Aktivitas Kosong**, karena kita akan menggunakan View APIs (bukan Jetpack Compose).

1. Beri **nama** proyek Anda, lalu pilih **Selesai**.

### Instal Broadcast SDK
<a name="getting-started-broadcast-sdk-android-install"></a>

Untuk menambahkan library siaran Amazon IVS Android 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 bloknya. `repositories` 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.41.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](https://search.maven.org/artifact/com.amazonaws/ivs-broadcast)

## iOS
<a name="getting-started-broadcast-sdk-ios"></a>

### Buat Proyek iOS
<a name="getting-started-broadcast-sdk-ios-project"></a>

1. Buat proyek Xcode baru.

1. Untuk **Platform**, pilih **iOS**.

1. Untuk **Aplikasi**, pilih **Aplikasi**.

1. Masukkan **Nama Produk** aplikasi Anda, lalu pilih **Berikutnya**.

1. Pilih (navigasikan ke) direktori tempat menyimpan proyek, lalu pilih **Buat**.

Selanjutnya Anda perlu membawa SDK. Untuk petunjuknya, lihat [Menginstal Pustaka](broadcast-ios-getting-started.md#broadcast-ios-install) di *Panduan SDK Siaran iOS*.

### Konfigurasikan Izin
<a name="getting-started-broadcast-sdk-ios-config"></a>

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

![\[Konfigurasikan izin iOS.\]](http://docs.aws.amazon.com/id_id/ivs/latest/RealTimeUserGuide/images/iOS_Configure.png)
