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

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>

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!