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/
- res/
- layout/
- 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:
- Abre el archivo AndroidManifest.xml.
- 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!