Módulos de la IU de Media3
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Una app que reproduce contenido multimedia requiere componentes de la interfaz de usuario para mostrar el contenido multimedia y controlar la reproducción. La biblioteca de Media3 incluye dos módulos de IU que contienen varios componentes de IU.
Para usar el módulo de IU basado en Views, agrega la siguiente dependencia:
Kotlin
implementation("androidx.media3:media3-ui:1.8.0")
Groovy
implementation "androidx.media3:media3-ui:1.8.0"
Para depender del módulo de IU basado en Jetpack Compose, agrega la siguiente dependencia:
Kotlin
implementation("androidx.media3:media3-ui-compose:1.8.0")
Groovy
implementation "androidx.media3:media3-ui-compose:1.8.0"
Te recomendamos que desarrolles tu app con Compose como prioridad o que migres desde el uso de Views.
Nota: El módulo media3-ui-compose
aún no está a la par del módulo media3-ui
.
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2025-08-27 (UTC)
[null,null,["Última actualización: 2025-08-27 (UTC)"],[],[],null,["An app playing media requires user interface components for displaying media and\ncontrolling playback. The Media3 library includes two UI modules that contain a\nnumber of UI components.\n\nTo use the [Views-based UI module](/media/media3/ui/playerview), add the following dependency: \n\nKotlin \n\n```kotlin\nimplementation(\"androidx.media3:media3-ui:1.8.0\")\n```\n\nGroovy \n\n```groovy\nimplementation \"androidx.media3:media3-ui:1.8.0\"\n```\n\nTo depend on the [Jetpack Compose-based UI module](/media/media3/ui/compose), add the following\ndependency: \n\nKotlin \n\n```kotlin\nimplementation(\"androidx.media3:media3-ui-compose:1.8.0\")\n```\n\nGroovy \n\n```groovy\nimplementation \"androidx.media3:media3-ui-compose:1.8.0\"\n```\n\nWe highly encourage you to develop your app in a Compose-first fashion or\n[migrate from using Views](/develop/ui/compose/migrate).\n\n**Note:** The `media3-ui-compose` module is not yet at parity with the\n`media3-ui` module."]]