logoImagina
iconCurso
Te recomendamos nuestro curso de Android 13
Descubre el curso de Android 13
Ir al curso

Cómo reproducir un Vídeo RAW en tu App Android, paso a paso

iconImage
Publicado 07-03-2024
Actualizado el 23-05-2024
Duración: 30 min

Cómo reproducir un vídeo en tu aplicación Android

En este tutorial aprenderás a reproducir un vídeo almacenado en tu aplicación Android. Descubre cómo implementarlo de manera sencilla y atractiva.

Paso 1: Crear un nuevo proyecto

Para comenzar, crea un nuevo proyecto llamado ReproducirVideo. En este proyecto, crearemos una actividad principal llamada MainActivity.java y un layout llamado activity_main.xml.

Paso 2: Configurar la estructura del proyecto

En el Package Explorer, podrás ver la estructura del proyecto con los siguientes elementos:

  • ReproducirVideo/
    • app/
      • src/
        • main/
          • java/
            • MainActivity.java
          • res/
            • layout/
              • activity_main.xml
            • raw/
              • (aquí se almacenará el vídeo de prueba)

Paso 3: Descargar el vídeo de prueba

Descarga el vídeo de prueba (PSD) y guárdalo en la carpeta recién creada, raw/.

Nota: Puedes consultar la página oficial de Android Developers para conocer los formatos de vídeo compatibles y otras recomendaciones. Los dispositivos actuales suelen admitir una amplia variedad de codecs para reproducir distintos formatos de vídeo.

Paso 4: Diseñar el layout de la actividad principal

En el archivo activity_main.xml, define el diseño de la actividad principal. Asegúrate de incluir un elemento VideoView que ocupe toda la pantalla para visualizar el vídeo. Aquí tienes un ejemplo:

1<?xml version="1.0" encoding="utf-8"?> 2<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" 5 android:background="#FFFFFFFF"> 6 7 <VideoView 8 android:id="@+id/videoView_video" 9 android:layout_width="wrap_content" 10 android:layout_height="wrap_content" 11 android:layout_alignParentBottom="true" 12 android:layout_alignParentTop="true" 13 android:layout_centerInParent="true" /> 14 15</RelativeLayout>
Descubre la formación a tu medida
Rellena el formulario para obtener más información sobre los cursos.
Tamaño de la empresa *
Términos y condiciones *

Paso 5: Reproducir el vídeo desde la actividad

En la clase MainActivity.java, crea un objeto VideoView y enlázalo con el control del layout utilizando la función findViewById(). Luego, utiliza un objeto Uri para especificar la ruta del vídeo y así pasársela al VideoView.

Finalmente, inicia la reproducción del vídeo llamando a videoView.start().

Aquí tienes el código:

1package com.example.reproducirvideo; 2 3import android.app.Activity; 4import android.net.Uri; 5import android.os.Bundle; 6import android.widget.VideoView; 7 8public class MainActivity extends Activity { 9 10 @Override 11 public void onCreate(Bundle savedInstanceState) { 12 super.onCreate(savedInstanceState); 13 setContentView(R.layout.activity_main); 14 15 VideoView videoView = (VideoView) findViewById(R.id.videoView_video); 16 17 Uri path = Uri.parse("android.resource://com.example.reproducirvideo/" + R.raw.intromono); 18 19 videoView.setVideoURI(path); 20 videoView.start(); 21 } 22}

Paso 6: Ocultar las barras de

estado

Si al reproducir el vídeo deseas ocultar las barras de estado en tu aplicación, puedes hacerlo agregando ciertos atributos en el archivo AndroidManifest.xml. Para ello, sigue estos pasos:

  1. Abre el archivo AndroidManifest.xml.
  2. Añade los atributos screenOrientation y theme a cada una de las actividades en las que deseas ocultar las barras de estado.

Aquí tienes un ejemplo:

1<manifest package="com.example.reproducirvideo" 2 android:versionCode="1" 3 android:versionName="1.0"> 4 5 <uses-sdk android:minSdkVersion="8" /> 6 7 <application 8 android:icon="@drawable/ic_launcher" 9 android:label="@string/app_name"> 10 11 <activity 12 android:name=".MainActivity" 13 android:label="@string/app_name" 14 android:screenOrientation="portrait" 15 android:theme="@android:style/Theme.NoTitleBar.Fullscreen"> 16 17 <intent-filter> 18 <action android:name="android.intent.action.MAIN" /> 19 <category android:name="android.intent.category.LAUNCHER" /> 20 </intent-filter> 21 </activity> 22 23 </application> 24 25</manifest>

Ampliación: Añadir controles al reproductor de vídeo

Si deseas convertir este código en un reproductor de vídeo con controles para el usuario, puedes hacerlo fácilmente. Android proporciona una clase llamada MediaController que te permite añadir controles al reproductor. Para agregarlos, modifica el código de MainActivity.java de la siguiente manera:

1package com.example.reproducirvideo; 2 3import android.app.Activity; 4import android.net.Uri; 5import android.os.Bundle; 6import android.widget.MediaController; 7import android.widget.VideoView; 8 9public class MainActivity extends Activity { 10 11 @Override 12 public void onCreate(Bundle savedInstanceState) { 13 super.onCreate(savedInstanceState); 14 setContentView(R.layout.activity_main); 15 16 VideoView videoView = (VideoView) findViewById(R.id.videoView_video); 17 18 Uri path = Uri.parse("android.resource://com.example.reproducirvideo/" + R.raw.intromono); 19 20 // Ampliación: Añadir controles al reproductor 21 MediaController mc = new MediaController(this); 22 videoView.setMediaController(mc); 23 24 videoView.setVideoURI(path); 25 videoView.start(); 26 } 27}

¡Listo! Ahora, cuando ejecutes el proyecto, podrás ver el vídeo de introducción de Mono Agency. Las barras de estado se ocultarán automáticamente y podrás disfrutar de un reproductor con controles incorporados.

Recuerda que puedes personalizar y ampliar este código según tus necesidades. ¡Diviértete implementando reproducción de vídeo en tus aplicaciones Android!

Descubre la formación a tu medida
Rellena el formulario para obtener más información sobre los cursos.
Tamaño de la empresa *
Términos y condiciones *
Tutoriales relacionados
¿Cómo publicar una aplicación Xamarin en iOS y Android?
Domina el arte de lanzar apps en iOS y Android con Xamarin. Descubre los secretos para el éxito en solo unos pasos. ¡Entra ahora y triunfa!
¿Qué es .NET MAUI? Desarrolla Aplicaciones Multiplataforma
Domina .NET MAUI con nuestro tutorial completo. Aprende los primeros pasos y deslumbra con tus aplicaciones multiplataforma. ¡Empieza hoy!
Cómo Migrar un proyecto de Xamarin a .NET MAUI
Descubre cómo migrar tu proyecto de Xamarin a .NET MAUI y potencia tus aplicaciones móviles con este tutorial experto. ¡Aprovecha el cambio ahora!
Notificaciones Push en tu proyecto Xamarin con Firebase
Aumenta la interacción en tu proyecto Xamarin con Firebase: Tutorial completo de Notificaciones Push. ¡Impulsa tu app ahora!
Tabla de contenido
Cómo reproducir un vídeo en tu aplicación Android
Paso 1: Crear un nuevo proyecto
Paso 2: Configurar la estructura del proyecto
Paso 3: Descargar el vídeo de prueba
Paso 4: Diseñar el layout de la actividad principal
Paso 5: Reproducir el vídeo desde la actividad
Paso 6: Ocultar las barras de
Ampliación: Añadir controles al reproductor de vídeo
Descubre la formación a tu medida
Rellena el formulario para obtener más información sobre los cursos.
Tamaño de la empresa *
Términos y condiciones *