Vonage API Developer

Kotlin

SDKビューを `AndroidView`

Vonageは通常レンダリング ビュー.1つ作成する FrameLayout 加入者スロットあたり 内部 AndroidViewで露出している。 onSubscriberContainerReady(index, …)を添付する。 subscriber.view そのスロットが埋まったら、セッションコードからそのスロットを削除する。

サンプルでは、すべてを Box → Column: LazyVerticalGrid (バーの上のスペースを埋めるように重みをつける)+。 ControlsRow 以下。 出版社 は第2の AndroidView にある。 Box, align(BottomEnd) ピクチャー・イン・ピクチャー各グリッド行は SubscriberCellを使用している。 AndroidView + FrameLayout をクリックしてください。

リモート・タイル - 2つの列、1つのスロット・インデックスにつき1つのコンポーザブル・アイテム（マッチする maxSubscribers と加入者アレイ)。

LazyVerticalGrid(
    modifier = Modifier.weight(1f),
    columns = GridCells.Fixed(2),
    verticalArrangement = Arrangement.spacedBy(12.dp),
    horizontalArrangement = Arrangement.spacedBy(12.dp),
    userScrollEnabled = false,
) {
    items(items = (0 until maxSubscribers).toList(), key = { it }) { index ->
        SubscriberCell(
            modifier = Modifier
                .fillMaxWidth()
                .aspectRatio(1f),
            visible = subscriberVisible.getOrNull(index) == true,
            audioEnabled = subscriberAudioEnabled.getOrNull(index) != false,
            onAudioChanged = { onSubscriberAudioChanged(index, it) },
            onContainerReady = { onSubscriberContainerReady(index, it) },
        )
    }
}

現地プレビュー - 同じパターンだ： FrameLayout より factoryに渡される。 onPublisherContainerReady.

AndroidView(
    modifier = Modifier
        .align(Alignment.BottomEnd)
        .padding(12.dp)
        .size(width = 150.dp, height = 200.dp)
        .background(Color.Black),
    factory = {
        FrameLayout(it).also(onPublisherContainerReady)
    }
)