Jetpack Compose

dependencies {
    implementation("so.kontext:video:0.1.0")
    implementation("so.kontext:video-compose:0.1.0")
}

@Composable
fun EpisodeScreen(content: KontextVideo.Content, player: ExoPlayer) {
    val ads = rememberVideoAds(content) { it.track(player) }
    var adOnScreen by remember { mutableStateOf<VideoAd?>(null) }
    val scope = rememberCoroutineScope()

    Box(Modifier.fillMaxSize()) {
        AndroidView(factory = { PlayerView(it).apply { this.player = player } }, modifier = Modifier.fillMaxSize())
        VideoAdHost(
            ad = adOnScreen,
            modifier = Modifier.fillMaxSize(),
            onEnded = { _, reason ->
                adOnScreen = null
                if (reason == VideoAd.EndReason.RESUMED) player.play()
            },
        )
    }

    // 观众暂停：展示暂停广告
    val onPause = {
        player.pause()
        scope.launch {
            adOnScreen = try { ads.format(AdFormat.PAUSE).apply { load() } } catch (e: VideoAdException) { null }
        }
    }
}

val ads = rememberVideoAds(content, labels = mapOf("stage" to "free")) { ads ->
    ads.track(player)           // 每创建一个 VideoAds 运行一次
}

class EpisodeViewModel : ViewModel() {
    val ads = VideoAds(content)
    var adOnScreen by mutableStateOf<VideoAd?>(null)
    override fun onCleared() = ads.destroy()
}

@Composable
fun EpisodeScreen(viewModel: EpisodeViewModel, player: ExoPlayer) {
    DisposableEffect(player) {
        viewModel.ads.track(player)       // 重建后的新播放器
        onDispose { }
    }
    Box(Modifier.fillMaxSize()) {
        // 播放器
        VideoAdHost(ad = viewModel.adOnScreen, modifier = Modifier.fillMaxSize(), onEnded = { _, _ -> viewModel.adOnScreen = null })
    }
}

VerticalPager(state = pagerState) { page ->
    val episode = episodes[page]
    val ads = rememberVideoAds(episode.content)
    var adOnScreen by remember { mutableStateOf<VideoAd?>(null) }
    Box(Modifier.fillMaxSize()) {
        // 该页的播放器
        VideoAdHost(ad = adOnScreen.takeIf { pagerState.currentPage == page }, modifier = Modifier.fillMaxSize(),
            onEnded = { _, _ -> adOnScreen = null })
    }
}