imagina pictogramaImagina Formación

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

Escrito por Equipo de Imagina• 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:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FFFFFFFF">

    <VideoView
        android:id="@+id/videoView_video"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentTop="true"
        android:layout_centerInParent="true" />

</RelativeLayout>

Descubre la formación a tu medida

Rellena el formulario para obtener más información sobre los cursos.

Usaremos los datos personales recopilados a través de este formulario en línea para informarte de las últimas novedades sobre nuestros cursos. Para obtener más información, consulta nuestra política de privacidad.

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:
package com.example.reproducirvideo;

import android.app.Activity;
import android.net.Uri;
import android.os.Bundle;
import android.widget.VideoView;

public class MainActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        VideoView videoView = (VideoView) findViewById(R.id.videoView_video);

        Uri path = Uri.parse("android.resource://com.example.reproducirvideo/" + R.raw.intromono);

        videoView.setVideoURI(path);
        videoView.start();
    }
}

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:
<manifest package="com.example.reproducirvideo"
    android:versionCode="1"
    android:versionName="1.0">

    <uses-sdk android:minSdkVersion="8" />

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name">

        <activity
            android:name=".MainActivity"
            android:label="@string/app_name"
            android:screenOrientation="portrait"
            android:theme="@android:style/Theme.NoTitleBar.Fullscreen">

            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>

</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:
package com.example.reproducirvideo;

import android.app.Activity;
import android.net.Uri;
import android.os.Bundle;
import android.widget.MediaController;
import android.widget.VideoView;

public class MainActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        VideoView videoView = (VideoView) findViewById(R.id.videoView_video);

        Uri path = Uri.parse("android.resource://com.example.reproducirvideo/" + R.raw.intromono);

        // Ampliación: Añadir controles al reproductor
        MediaController mc = new MediaController(this);
        videoView.setMediaController(mc);

        videoView.setVideoURI(path);
        videoView.start();
    }
}
¡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.

Usaremos los datos personales recopilados a través de este formulario en línea para informarte de las últimas novedades sobre nuestros cursos. Para obtener más información, consulta nuestra política de privacidad.