使用Coil 2.2.0在Jetpack Compose 1.2.1中加载视频缩略图失败求解决方案

你的代码问题出在错误地在单个请求的fetcherFactory中尝试注册VideoFrameDecoder，这不符合Coil加载视频帧的正确流程。以下是修正方案：

1. 确认依赖正确 #

确保已添加Coil的视频扩展模块依赖（Coil 2.x需单独引入）：

implementation("io.coil-kt:coil-video:2.2.0")

2. 正确配置ImageLoader #

VideoFrameDecoder需要注册到全局或局部的ImageLoader组件中，而不是在单个请求里临时配置：

方式一：全局配置（推荐） #

在自定义Application类中初始化全局ImageLoader：

class MyApp : Application() {
    override fun onCreate() {
        super.onCreate()
        val imageLoader = ImageLoader.Builder(this)
            .components {
                // 添加视频帧解码器
                add(VideoFrameDecoder.Factory())
            }
            .build()
        ImageLoaderFactory { imageLoader }
    }
}

记得在Manifest中指定这个Application：

<application
    android:name=".MyApp"
    ...>
</application>

方式二：局部Compose内配置 #

如果不想全局配置，可在Compose局部作用域内提供配置好的ImageLoader：

@Composable
fun VideoThumbnailScreen(url: String) {
    val context = LocalContext.current
    val imageLoader = remember {
        ImageLoader.Builder(context)
            .components {
                add(VideoFrameDecoder.Factory())
            }
            .build()
    }
    CompositionLocalProvider(LocalImageLoader provides imageLoader) {
        // 加载缩略图的Compose内容
        VideoThumbnail(url)
    }
}

3. 简化加载代码 #

配置好ImageLoader后，直接使用rememberAsyncImagePainter加载视频URL即可：

@Composable
fun VideoThumbnail(url: String) {
    val painter = rememberAsyncImagePainter(
        model = ImageRequest.Builder(LocalContext.current)
            .data(url)
            .videoFrameMillis(1000) // 指定截取视频第1秒的帧作为缩略图
            .build()
    )
    Image(
        painter = painter,
        contentDescription = "视频缩略图",
        modifier = Modifier.fillMaxWidth()
    )
}

额外注意事项 #

• 确保应用已申请INTERNET权限：

<uses-permission android:name="android.permission.INTERNET" />

• 如果视频URL是HTTP协议（非HTTPS），Android 9+需在Manifest中允许明文流量：

<application
    ...
    android:usesCleartextTraffic="true">
</application>

内容的提问来源于stack exchange，提问作者Annon