如何在Jetpack Compose中使用Exoplayer的StyledPlayerControlView

implementation 'com.google.android.exoplayer:exoplayer:2.X.X'

@Composable
fun ExoPlayerControlView(
    player: SimpleExoPlayer,
    modifier: Modifier = Modifier
) {
    val context = LocalContext.current

    AndroidView(
        factory = { ctx ->
            StyledPlayerControlView(ctx).apply {
                player = player
                showTimeoutMs = 0
            }
        },
        modifier = modifier
    ) { view ->
        // 在Compose中设置StyledPlayerControlView的布局参数
        (view.layoutParams as? ViewGroup.LayoutParams)?.apply {
            width = ViewGroup.LayoutParams.MATCH_PARENT
            height = ViewGroup.LayoutParams.WRAP_CONTENT
        }

        // 将StyledPlayerControlView添加到父布局中
        (context as? AppCompatActivity)?.let { activity ->
            activity.findViewById<FrameLayout>(android.R.id.content)?.addView(view)
        }
    }
}

@Composable
fun MyScreen() {
    val player = remember { SimpleExoPlayer.Builder(context).build() }

    // 在这里设置ExoPlayer的媒体源等

    Column {
        // 其他Compose组件

        ExoPlayerControlView(player = player, modifier = Modifier.fillMaxWidth())
    }
}