视频播放器组件：Jetpack Compose下的Compose-Video指南

幸愉旎Jasper

于 2024-08-16 08:11:14 发布

阅读量747

点赞数 7

本文链接：https://blog.csdn.net/gitblog_00388/article/details/141239389

版权

视频播放器组件：Jetpack Compose下的Compose-Video指南

compose-videoVideo UI Component for Jetpack Compose (Powered by androidx.media3)项目地址:https://gitcode.com/gh_mirrors/co/compose-video

项目介绍

compose-video 是一个基于Android Jetpack Compose构建的视频UI组件，由dsa28s在GitHub上维护（项目源码）。它以androidx.media3作为底层支持框架，不仅提供了ExoPlayer的基本功能，还扩展了全屏模式、画中画（PiP）、ChromeCast等高级特性，确保所有ExoPlayer支持的媒体格式以及DRM内容的兼容性。

技术栈

语言: Kotlin 100%
库依赖:
- androidx.media3:media3-exoplayer: 处理媒体播放的核心组件。
- androidx.media3:media3-session: 扩展MediaSession相关功能。
- androidx.media3:media3-ui: 提供基础的玩家UI界面。

项目快速启动

为了帮助开发者迅速集成compose-video到现有的Android项目中，以下示例展示了如何添加库依赖至build.gradle文件:

dependencies {
    implementation 'io.sanghun:compose-video:1.2.0'
    implementation 'androidx.media3:media3-exoplayer:1.1.0'   // 必须的ExoPlayer依赖
    implementation 'androidx.media3:media3-session:1.1.0'     // 媒体会话扩展依赖
    implementation 'androidx.media3:media3-ui:1.1.0'          // 基础播放器UI
}

组件引入及基本使用

在你的Compose布局中加入视频播放组件：

import com.example.composevideo.VideoPlayer

@Composable
fun VideoExampleScreen() {
    val mediaItem = remember { MediaSource.Factory(context).createMediaSource(Uri.parse("http://example.com/video.mp4")) }
    
    VideoPlayer(
        modifier = Modifier.fillMaxSize(),
        mediaSource = mediaItem,
        playWhenReady = true,
        onPlaybackStateChanged = {},
        onError = {}
    )
}

其中VideoPlayer是核心的可组合函数，接受媒体来源(mediaSource)等参数配置。