SlideShare una empresa de Scribd logo
4
Lo más leído
5
Lo más leído
6
Lo más leído
CETis 109
Alumna:
 González Reyna Irene
Elizabeth
4 AM Aula: 27
Especialidad: Programación
Como insertar un video
Materia: Desarrolla
Aplicaciones Web
Facilitadora: Margarita Romero
Alvarado
CREACIÓN DE PROYECTO
Para comenzar crearemos un nuevo proyecto llamado ReproducirVideo, en
el que crearemos una actividad llamada MainActivity.java con un
layout activity_main.xml.
Una vez creado veremos en el Package Explorer el nuevo proyecto con la siguiente
estructura.
Como segundo paso debemos de crear una nueva carpeta
llamada raw/ dentro del directorio res/.
La carpeta raw la utilizaremos para almacenar recursos adicionales,
normalmente en formato distinto a XML, que no se incluyan en el
resto de carpetas de recursos.
Ahora nos descargaremos el vídeo de prueba (PSD) y lo
incluiremos en la carpeta recién creada.
Nota: Disponemos en la página oficial de Android Developers todos
los formatos que reproduce el sistema además de otras
recomendaciones. Los dispositivos actuales suelen incluir más
codecs que nos permiten reproducir multitud de formatos de vídeo.
IMPLEMENTACIÓN
En primer lugar crearemos un control VideoView que ocupe toda la
pantalla donde visualizaremos el vídeo de Mono Agency. Lo
definiremos en el layout de la Activity.
activity_main.xml
01 <?xml version="1.0" encoding="utf-8"?>
02 <RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
03 android:layout_width="match_parent"
04 android:layout_height="match_parent"
05 android:background="#FFFFFFFF" >
06
07 <VideoView
08 android:id="@+id/videoView_video"
09 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>
Desde la Activity creamos un objeto VideoView y lo enlazamos con
el control del layout mediante la sentencia findViewById(). El
objeto Uri se lo pasamos a VideoView de forma que le indiquemos la
ruta del vídeo.
Por último iniciamos la reproducción mediante videoView.start(). De
ésta forma conseguimos que al iniciar la actividad el vídeo empiece
a reproducirse.
MainActivity.java
01 package com.example.reproducirvideo;
02
03 import android.app.Activity;
04 import android.net.Uri;
05 import android.os.Bundle;
06 import android.widget.VideoView;
07
08 public class MainActivity extends Activity {
09
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/"
18 + R.raw.intromono);
19
20 videoView.setVideoURI(path);
21 videoView.start();
22 }
23 }
Al ejecutar el proyecto veremos el vídeo introducción de Mono
Agency.
Si nos fijamos podemos ver las barras de estado del dispositivo,
pero ésto no nos interesa. No queda elegante. Podemos ocultarlas
desde el código de la actividad o añadiendo unos atributos en el
AndroidManifest.xml.
Utilizaremos la segunda técnica. Le añadimos los
atributos screenOrientation y theme a cada una de las actividades
que deseemos ocultar las barras de estado.
AndroidManifest.xml
01 <?xml version="1.0" encoding="utf-8"?>
02
<manifest
xmlns:android="http://schemas.android.com/apk/res/android"
03 package="com.example.reproducirvideo"
04 android:versionCode="1"
05 android:versionName="1.0" >
06
07 <uses-sdk android:minSdkVersion="8" />
08
09 <application
10 android:icon="@drawable/ic_launcher"
11 android:label="@string/app_name" >
12 <activity
13 android:name=".MainActivity"
14 android:label="@string/app_name"
1
5
android:screenOrientation="portrait"
1
6
android:theme="@android:style/Theme.NoTitleBar.Fullsc
reen">
17 <intent-filter>
18 <action android:name="android.intent.action.MAIN" />
19
20
<category
android:name="android.intent.category.LAUNCHER" />
21 </intent-filter>
22 </activity>
23
24 </application>
25
26 </manifest>
El resultado lo vemos a continuación:
AMPLIACIÓN
Si queremos aprovechar éste código para crear un reproductor.
Podemos añadir unos controles para el usuario. Android nos provee
de un sencillo control de los vídeos. Modificar el código
deMainActivity.java. Mediante la clase MediaControler añadimos
los nuevos controles.
01 package com.example.reproducirvideo;
02
03 import android.app.Activity;
04 import android.net.Uri;
05 import android.os.Bundle;
06 import android.widget.MediaController;
07 import android.widget.VideoView;
08
09 public 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/"
19 + R.raw.intromono);
20
21 //AMPLIACIÓN
22 MediaController mc = new MediaController(this);
23 videoView.setMediaController(mc);
24
25 videoView.setVideoURI(path);
26 videoView.start();
27 }
28 }
Controlador del vídeo se nos mostrará durante unos segundos y se
ocultará de modo que si el usuario pulsa sobre el vídeo se le volverá
a mostrar

Más contenido relacionado

DOCX
Como insertar un video en eclipse
PPS
Presentacion eclipse - grupo 6
PDF
Giroscópio - Lego Mindstorms Ev3
PDF
DOCX
Manual de Usuario Windows 10
PPTX
Visual basic .NET
DOCX
Software propietario
PPTX
Distribuciones de Mac os X
Como insertar un video en eclipse
Presentacion eclipse - grupo 6
Giroscópio - Lego Mindstorms Ev3
Manual de Usuario Windows 10
Visual basic .NET
Software propietario
Distribuciones de Mac os X

La actualidad más candente (20)

PPT
Cargadores y ligadores
PPTX
Adobe dreamweaver
PDF
Df. disco duro dañado
PPTX
Diapositiva Corel
PPTX
ESTRUCTURA BÁSICA PARA C++
PDF
DESARME Y ARMADO DE UN PC
PPT
Presentación windows 7
PPTX
Que son los puertos ide
DOCX
Bitácora de registro de defectos
DOCX
Autoplay
PDF
Manual del dev c++
ODP
Diferencias swing y awt
PPTX
Good Tax Vs. Bad Tax
PPTX
Copias de seguridad
PPT
Adobe premiere
PPTX
Introducción a Photoshop
PDF
Historia de la_industria_informatica_argentina
PDF
Introducción al PSeint
PPTX
La evolución del sistema operativo android
Cargadores y ligadores
Adobe dreamweaver
Df. disco duro dañado
Diapositiva Corel
ESTRUCTURA BÁSICA PARA C++
DESARME Y ARMADO DE UN PC
Presentación windows 7
Que son los puertos ide
Bitácora de registro de defectos
Autoplay
Manual del dev c++
Diferencias swing y awt
Good Tax Vs. Bad Tax
Copias de seguridad
Adobe premiere
Introducción a Photoshop
Historia de la_industria_informatica_argentina
Introducción al PSeint
La evolución del sistema operativo android
Publicidad

Similar a Como insertar un video en eclipse java (20)

DOCX
Insertsar un video
DOCX
Insertsar un video2
DOCX
Insertar video
DOCX
Como insertar un video en eclipse
DOCX
Investigacion como insertar un vídeo en eclipse
DOCX
video en java
PPTX
Presentacion del video (1)
PPTX
Programa video
PPTX
PROGRAMA
DOCX
PPTX
Programa video
PPTX
Video CGCS
DOCX
Aplicaciones moviles clase10 multimedia
PPTX
Practicavideo view
PPTX
Presentación 17
PPTX
Presentación 17
DOCX
Manual de aplicaciones en android
Insertsar un video
Insertsar un video2
Insertar video
Como insertar un video en eclipse
Investigacion como insertar un vídeo en eclipse
video en java
Presentacion del video (1)
Programa video
PROGRAMA
Programa video
Video CGCS
Aplicaciones moviles clase10 multimedia
Practicavideo view
Presentación 17
Presentación 17
Manual de aplicaciones en android
Publicidad

Más de Elizabeth Reyna (20)

DOCX
20 Codigos
PPTX
Insertar un video
PPTX
Imagen en eclipse
PPTX
Cambio de icono
PPTX
Imagen de fondo
PPTX
Programa 14
PPTX
Programa 13
PPTX
Programa 12
PPTX
Programa 11
PPTX
Programa 10
PPTX
Programa 3
PPTX
Programa 2
DOCX
Hola mundo
PPTX
Eclipse Java
DOCX
Examen Diagnostico Corregido
DOCX
Examen Diagnostico Corregido
DOCX
Examen Diagnostico
DOCX
PPTX
Emuladores
DOCX
Importancia de los dispositivos moviles
20 Codigos
Insertar un video
Imagen en eclipse
Cambio de icono
Imagen de fondo
Programa 14
Programa 13
Programa 12
Programa 11
Programa 10
Programa 3
Programa 2
Hola mundo
Eclipse Java
Examen Diagnostico Corregido
Examen Diagnostico Corregido
Examen Diagnostico
Emuladores
Importancia de los dispositivos moviles

Último (20)

PDF
TOMO II - LITERATURA.pd plusenmas ultras
PDF
Escuelas Desarmando una mirada subjetiva a la educación
PDF
DI, TEA, TDAH.pdf guía se secuencias didacticas
PPTX
Presentación de la Cetoacidosis diabetica.pptx
PDF
biología es un libro sobre casi todo el tema de biología
PDF
2.0 Introduccion a processing, y como obtenerlo
PDF
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
PDF
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
PDF
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
PPTX
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
PDF
Metodologías Activas con herramientas IAG
DOCX
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
DOCX
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
DOCX
PLAN DE CASTELLANO 2021 actualizado a la normativa
PDF
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
PDF
Punto Critico - Brian Tracy Ccesa007.pdf
PDF
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
PDF
Atencion prenatal. Ginecologia y obsetricia
PDF
CIRSOC-201-2024_Proyecto de Reglamento Argentino de Estructuras de Hormigón
TOMO II - LITERATURA.pd plusenmas ultras
Escuelas Desarmando una mirada subjetiva a la educación
DI, TEA, TDAH.pdf guía se secuencias didacticas
Presentación de la Cetoacidosis diabetica.pptx
biología es un libro sobre casi todo el tema de biología
2.0 Introduccion a processing, y como obtenerlo
Escuela de Negocios - Robert kiyosaki Ccesa007.pdf
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
Metodologías Activas con herramientas IAG
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
UNIDAD DE APRENDIZAJE 5 AGOSTO tradiciones
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PLAN DE CASTELLANO 2021 actualizado a la normativa
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
Punto Critico - Brian Tracy Ccesa007.pdf
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
Atencion prenatal. Ginecologia y obsetricia
CIRSOC-201-2024_Proyecto de Reglamento Argentino de Estructuras de Hormigón

Como insertar un video en eclipse java

  • 1. CETis 109 Alumna:  González Reyna Irene Elizabeth 4 AM Aula: 27 Especialidad: Programación Como insertar un video Materia: Desarrolla Aplicaciones Web Facilitadora: Margarita Romero Alvarado
  • 2. CREACIÓN DE PROYECTO Para comenzar crearemos un nuevo proyecto llamado ReproducirVideo, en el que crearemos una actividad llamada MainActivity.java con un layout activity_main.xml.
  • 3. Una vez creado veremos en el Package Explorer el nuevo proyecto con la siguiente estructura.
  • 4. Como segundo paso debemos de crear una nueva carpeta llamada raw/ dentro del directorio res/. La carpeta raw la utilizaremos para almacenar recursos adicionales, normalmente en formato distinto a XML, que no se incluyan en el resto de carpetas de recursos. Ahora nos descargaremos el vídeo de prueba (PSD) y lo incluiremos en la carpeta recién creada. Nota: Disponemos en la página oficial de Android Developers todos los formatos que reproduce el sistema además de otras recomendaciones. Los dispositivos actuales suelen incluir más codecs que nos permiten reproducir multitud de formatos de vídeo. IMPLEMENTACIÓN En primer lugar crearemos un control VideoView que ocupe toda la pantalla donde visualizaremos el vídeo de Mono Agency. Lo definiremos en el layout de la Activity. activity_main.xml 01 <?xml version="1.0" encoding="utf-8"?> 02 <RelativeLayout
  • 5. xmlns:android="http://schemas.android.com/apk/res/android" 03 android:layout_width="match_parent" 04 android:layout_height="match_parent" 05 android:background="#FFFFFFFF" > 06 07 <VideoView 08 android:id="@+id/videoView_video" 09 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> Desde la Activity creamos un objeto VideoView y lo enlazamos con el control del layout mediante la sentencia findViewById(). El objeto Uri se lo pasamos a VideoView de forma que le indiquemos la ruta del vídeo. Por último iniciamos la reproducción mediante videoView.start(). De ésta forma conseguimos que al iniciar la actividad el vídeo empiece a reproducirse. MainActivity.java 01 package com.example.reproducirvideo; 02 03 import android.app.Activity; 04 import android.net.Uri; 05 import android.os.Bundle; 06 import android.widget.VideoView; 07
  • 6. 08 public class MainActivity extends Activity { 09 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/" 18 + R.raw.intromono); 19 20 videoView.setVideoURI(path); 21 videoView.start(); 22 } 23 } Al ejecutar el proyecto veremos el vídeo introducción de Mono Agency.
  • 7. Si nos fijamos podemos ver las barras de estado del dispositivo, pero ésto no nos interesa. No queda elegante. Podemos ocultarlas desde el código de la actividad o añadiendo unos atributos en el AndroidManifest.xml. Utilizaremos la segunda técnica. Le añadimos los atributos screenOrientation y theme a cada una de las actividades que deseemos ocultar las barras de estado. AndroidManifest.xml 01 <?xml version="1.0" encoding="utf-8"?> 02 <manifest xmlns:android="http://schemas.android.com/apk/res/android" 03 package="com.example.reproducirvideo" 04 android:versionCode="1"
  • 8. 05 android:versionName="1.0" > 06 07 <uses-sdk android:minSdkVersion="8" /> 08 09 <application 10 android:icon="@drawable/ic_launcher" 11 android:label="@string/app_name" > 12 <activity 13 android:name=".MainActivity" 14 android:label="@string/app_name" 1 5 android:screenOrientation="portrait" 1 6 android:theme="@android:style/Theme.NoTitleBar.Fullsc reen"> 17 <intent-filter> 18 <action android:name="android.intent.action.MAIN" /> 19 20 <category android:name="android.intent.category.LAUNCHER" /> 21 </intent-filter> 22 </activity> 23 24 </application> 25 26 </manifest> El resultado lo vemos a continuación:
  • 9. AMPLIACIÓN Si queremos aprovechar éste código para crear un reproductor. Podemos añadir unos controles para el usuario. Android nos provee de un sencillo control de los vídeos. Modificar el código deMainActivity.java. Mediante la clase MediaControler añadimos los nuevos controles. 01 package com.example.reproducirvideo; 02 03 import android.app.Activity; 04 import android.net.Uri; 05 import android.os.Bundle; 06 import android.widget.MediaController;
  • 10. 07 import android.widget.VideoView; 08 09 public 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/" 19 + R.raw.intromono); 20 21 //AMPLIACIÓN 22 MediaController mc = new MediaController(this); 23 videoView.setMediaController(mc); 24 25 videoView.setVideoURI(path); 26 videoView.start(); 27 } 28 } Controlador del vídeo se nos mostrará durante unos segundos y se ocultará de modo que si el usuario pulsa sobre el vídeo se le volverá a mostrar