Multimedia en Aplicaciones Móviles

1// Imagen de los recursos (res/drawable) y de Internet con Coil
2@Composable
3fun FichaProducto(url: String) {
4    Column {
5        Image(painterResource(R.drawable.logo), contentDescription = "Logo de la tienda")
6        AsyncImage(
7            model = ImageRequest.Builder(LocalContext.current)
8                .data(url)
9                .crossfade(true)
10                .build(),
11            placeholder = painterResource(R.drawable.cargando),
12            error = painterResource(R.drawable.sin_imagen),
13            contentDescription = "Foto del producto",
14            contentScale = ContentScale.Crop,
15            modifier = Modifier.size(160.dp).clip(RoundedCornerShape(12.dp))
16        )
17    }
18}
19
20// Dibujar a mano en un lienzo (gráficos 2D)
21@Composable
22fun Grafico(valores: List<Float>) {
23    Canvas(Modifier.fillMaxWidth().height(160.dp)) {
24        val ancho = size.width / valores.size
25        valores.forEachIndexed { i, v ->
26            drawRect(Color(0xFF0E7490), topLeft = Offset(i * ancho + 4, size.height * (1 - v)),
27                     size = Size(ancho - 8, size.height * v))
28        }
29    }
30}

1var expandido by remember { mutableStateOf(false) }
2val altura by animateDpAsState(if (expandido) 240.dp else 80.dp, label = "altura")
3val rotacion by animateFloatAsState(if (expandido) 180f else 0f, label = "rotacion")
4
5Card(Modifier.height(altura).clickable { expandido = !expandido }) {
6    Icon(Icons.Default.ExpandMore, null, Modifier.rotate(rotacion))
7    AnimatedVisibility(expandido) { Text("Detalles del producto…") }
8}
9// Animaciones complejas diseñadas por diseñadores: Lottie (ficheros JSON exportados de After Effects)

1// build.gradle: implementation("androidx.media3:media3-exoplayer:1.4.1") y media3-ui
2@Composable
3fun ReproductorAudio(url: String) {
4    val contexto = LocalContext.current
5    val jugador = remember {
6        ExoPlayer.Builder(contexto).build().apply {
7            setMediaItem(MediaItem.fromUri(url))
8            prepare()
9        }
10    }
11    DisposableEffect(Unit) { onDispose { jugador.release() } }   // liberar siempre los recursos
12
13    var reproduciendo by remember { mutableStateOf(false) }
14    IconButton(onClick = {
15        if (jugador.isPlaying) jugador.pause() else jugador.play()
16        reproduciendo = jugador.isPlaying
17    }) {
18        Icon(if (reproduciendo) Icons.Default.Pause else Icons.Default.PlayArrow, "Reproducir o pausar")
19    }
20}
21
22// Efectos de sonido con SoundPool
23val sonidos = SoundPool.Builder().setMaxStreams(4).build()
24val idSalto = sonidos.load(contexto, R.raw.salto, 1)
25sonidos.play(idSalto, 1f, 1f, 1, 0, 1f)          // volumen izq, dcho, prioridad, bucles, velocidad
26
27// Grabar (requiere el permiso RECORD_AUDIO en tiempo de ejecución)
28val grabadora = MediaRecorder(contexto).apply {
29    setAudioSource(MediaRecorder.AudioSource.MIC)
30    setOutputFormat(MediaRecorder.OutputFormat.MPEG_4)
31    setAudioEncoder(MediaRecorder.AudioEncoder.AAC)
32    setOutputFile(File(contexto.filesDir, "nota.m4a"))
33    prepare(); start()
34}
35// … grabadora.stop(); grabadora.release()

1// 1) Foto con la app de cámara del sistema (sin permisos de cámara propios)
2val uri = FileProvider.getUriForFile(contexto, "${contexto.packageName}.fotos", File(contexto.cacheDir, "foto.jpg"))
3val hacerFoto = rememberLauncherForActivityResult(ActivityResultContracts.TakePicture()) { ok ->
4    if (ok) imagen = uri
5}
6Button(onClick = { hacerFoto.launch(uri) }) { Text("Hacer foto") }
7
8// 2) Elegir una imagen o vídeo de la galería (Photo Picker, sin permisos)
9val elegir = rememberLauncherForActivityResult(ActivityResultContracts.PickVisualMedia()) { uri -> imagen = uri }
10Button(onClick = { elegir.launch(PickVisualMediaRequest(ActivityResultContracts.PickVisualMedia.ImageAndVideo)) }) {
11    Text("Elegir de la galería")
12}
13
14// 3) Vista previa y captura dentro de la app con CameraX (requiere el permiso CAMERA)
15val controlador = remember { LifecycleCameraController(contexto) }
16AndroidView(factory = { PreviewView(it).apply { this.controller = controlador } })
17controlador.bindToLifecycle(lifecycleOwner)
18controlador.takePicture(opcionesSalida, ejecutor, callback)