SlideShare una empresa de Scribd logo
1 de 2
Descargar para leer sin conexión
Angel Vazquez

Visualización	
  de	
  videos	
  en	
  el	
  Player	
  nativo	
  de	
  Android	
  con	
  Air	
  
Para la visualización de videos en dispositivos Android en un principio se planteo
que se podía hacer mediante el componente VideoPlayer con el que cuenta Adobe
Air, pero dicho Player no esta optimizado para dispositivos móviles (Ilustración 1).

Ilustración 1.

aunque la API dice que no esta optimizada para los dispositivos móviles se
pueden utilizar, aunque en el caso del componte VideoPlayer los controles que
trae por default son muy pequeños para los dedos, ese seria la principal
desventaja o inconveniente de utilizar este tipo de componentes, y es por eso que
se opto como primer esfuerzo crear un propio Video Player con controles creados
usando VideoDisplay.
NOTA: El Player creado vendrá dentro de una carpeta del link que se pondrá en la descripción de
este documento.

Por cuestiones de tiempo y de tener un mejor optimización de la aplicación, se
opto por usar el Player nativo del sistema operativo. Se trato de usar la
clase StageWebView con la cual se puede mostrar contenido HTML, en teoría
solamente pasándole la url en donde esta alojado el video debería de visualizarse
como en el caso del iPad que lo hace, pero en la Tablet con Android que en mi
caso fue con una Galaxy Tab2 10.1 con Android 4.1.1 no funciono ni actualizando
el OS a 4.2.2, pero ya investigando un poco mas y haciendo algunas pruebas se
pudo “truquear” usando un poco de HTML 5, la etiqueta <video/> y poniendo una
línea en el archivo manifest en Air.
En el .xml del proyecto de Air la etiqueta render mode debe de ser auto
<renderMode>auto</renderMode>	
  	
  

y el manifest debe de quedar de la siguiente manera:
	
  
	
  
	
  

	
  

1	
  
Angel Vazquez
<android>	
  
	
  	
  	
  	
  	
  	
  	
  	
  <colorDepth>16bit</colorDepth>	
  
	
  	
  	
  	
  	
  	
  	
  	
  <manifestAdditions><![CDATA[	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  <manifest	
  android:installLocation="auto">	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  <uses-­‐permission	
  android:name="android.permission.INTERNET"/>	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  <application	
  android:enabled="true"	
  
android:hardwareAccelerated="true">	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  </application>	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  </manifest>	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	
  ]]	
  >	
  </manifestAdditions>	
  
	
  	
  </android>	
  	
  
lo que hace que el StagewebView funcione, es la etiqueta
<application	
  android:enabled="true"	
  android:hardwareAccelerated=“true"	
  />	
  
El código de ejemplo se dejara el link en la descripción de este documento así como el
componente del Player.

	
  

2	
  

Más contenido relacionado

Similar a Visualización de videos en el player nativo de android con Air

Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programar
blasty2
 
Trabajo de computacion Que es embed
Trabajo de computacion Que es embedTrabajo de computacion Que es embed
Trabajo de computacion Que es embed
Ronny Chacon
 
Insertsar un video2
Insertsar un video2Insertsar un video2
Insertsar un video2
arecerv
 
Insertsar un video
Insertsar un  videoInsertsar un  video
Insertsar un video
arecerv
 
Ingeniería inversa básica en android tomo ii
Ingeniería inversa básica en android tomo iiIngeniería inversa básica en android tomo ii
Ingeniería inversa básica en android tomo ii
Freelance
 
02 5 o8a-10231485-2-7t
02 5 o8a-10231485-2-7t02 5 o8a-10231485-2-7t
02 5 o8a-10231485-2-7t
Gabo Mizhel
 

Similar a Visualización de videos en el player nativo de android con Air (20)

Insertar video
Insertar videoInsertar video
Insertar video
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programar
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programar
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programar
 
Tutorial aprendiendo a programar
Tutorial aprendiendo a programarTutorial aprendiendo a programar
Tutorial aprendiendo a programar
 
Video
VideoVideo
Video
 
Introducción a HTML5 y CSS3 AWGR
Introducción a HTML5 y CSS3 AWGRIntroducción a HTML5 y CSS3 AWGR
Introducción a HTML5 y CSS3 AWGR
 
Trabajo de computacion Que es embed
Trabajo de computacion Que es embedTrabajo de computacion Que es embed
Trabajo de computacion Que es embed
 
Insertsar un video2
Insertsar un video2Insertsar un video2
Insertsar un video2
 
Insertsar un video
Insertsar un  videoInsertsar un  video
Insertsar un video
 
Ingeniería inversa básica en android tomo ii
Ingeniería inversa básica en android tomo iiIngeniería inversa básica en android tomo ii
Ingeniería inversa básica en android tomo ii
 
Audio y video
Audio y videoAudio y video
Audio y video
 
Como insertar un video en eclipse java
Como insertar un video en eclipse javaComo insertar un video en eclipse java
Como insertar un video en eclipse java
 
Greach 2011 : Creando Plugins Con Griffon
Greach 2011 : Creando Plugins Con GriffonGreach 2011 : Creando Plugins Con Griffon
Greach 2011 : Creando Plugins Con Griffon
 
02 5 o8a-10231485-2-7t
02 5 o8a-10231485-2-7t02 5 o8a-10231485-2-7t
02 5 o8a-10231485-2-7t
 
Android
AndroidAndroid
Android
 
Adobre premier avanzado libro
Adobre premier  avanzado libroAdobre premier  avanzado libro
Adobre premier avanzado libro
 
Instalacion y configuracion de Android Studio
Instalacion y configuracion de Android StudioInstalacion y configuracion de Android Studio
Instalacion y configuracion de Android Studio
 
Android studio
Android studioAndroid studio
Android studio
 
Comenzar con PhoneGap y subir a Googleplay y AppStore
Comenzar con PhoneGap y subir a Googleplay y AppStoreComenzar con PhoneGap y subir a Googleplay y AppStore
Comenzar con PhoneGap y subir a Googleplay y AppStore
 

Último

Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdf
Yanitza28
 
Chat GPT para la educación Latinoamerica
Chat GPT para la educación LatinoamericaChat GPT para la educación Latinoamerica
Chat GPT para la educación Latinoamerica
EdwinGarca59
 

Último (20)

Imágenes digitales: Calidad de la información
Imágenes digitales: Calidad de la informaciónImágenes digitales: Calidad de la información
Imágenes digitales: Calidad de la información
 
Introduccion-a-la-electronica-industrial.pptx
Introduccion-a-la-electronica-industrial.pptxIntroduccion-a-la-electronica-industrial.pptx
Introduccion-a-la-electronica-industrial.pptx
 
¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf
¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf
¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf
 
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
PRÁCTICA Nº 4: “Análisis de secuencias del ADN con el software BioEdit y uso ...
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
 
herramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el temaherramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el tema
 
De Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptxDe Olmos Santiago_Dolores _ M1S3AI6.pptx
De Olmos Santiago_Dolores _ M1S3AI6.pptx
 
Actividad 6/Las TIC en la Vida Cotidiana.
Actividad 6/Las TIC en la Vida Cotidiana.Actividad 6/Las TIC en la Vida Cotidiana.
Actividad 6/Las TIC en la Vida Cotidiana.
 
Editorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdfEditorial. Grupo de 12B. La Salle Margarita.pdf
Editorial. Grupo de 12B. La Salle Margarita.pdf
 
Navegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la ComunicaciónNavegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
 
el uso de las TIC en la vida cotidiana.pptx
el uso de las TIC en la vida cotidiana.pptxel uso de las TIC en la vida cotidiana.pptx
el uso de las TIC en la vida cotidiana.pptx
 
Editorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdfEditorial. Grupo de 12B de La Salle Margarita.pdf
Editorial. Grupo de 12B de La Salle Margarita.pdf
 
Ejercicio 1 periodo 2 de Tecnología 2024
Ejercicio 1 periodo 2 de Tecnología 2024Ejercicio 1 periodo 2 de Tecnología 2024
Ejercicio 1 periodo 2 de Tecnología 2024
 
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptxTarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8
 
BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).BUSCADORES DE INTERNET (Universidad de Sonora).
BUSCADORES DE INTERNET (Universidad de Sonora).
 
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptx
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptxTipos de Datos de Microsoft Access-JOEL GARCIA.pptx
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptx
 
Chat GPT para la educación Latinoamerica
Chat GPT para la educación LatinoamericaChat GPT para la educación Latinoamerica
Chat GPT para la educación Latinoamerica
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
 

Visualización de videos en el player nativo de android con Air

  • 1. Angel Vazquez Visualización  de  videos  en  el  Player  nativo  de  Android  con  Air   Para la visualización de videos en dispositivos Android en un principio se planteo que se podía hacer mediante el componente VideoPlayer con el que cuenta Adobe Air, pero dicho Player no esta optimizado para dispositivos móviles (Ilustración 1). Ilustración 1. aunque la API dice que no esta optimizada para los dispositivos móviles se pueden utilizar, aunque en el caso del componte VideoPlayer los controles que trae por default son muy pequeños para los dedos, ese seria la principal desventaja o inconveniente de utilizar este tipo de componentes, y es por eso que se opto como primer esfuerzo crear un propio Video Player con controles creados usando VideoDisplay. NOTA: El Player creado vendrá dentro de una carpeta del link que se pondrá en la descripción de este documento. Por cuestiones de tiempo y de tener un mejor optimización de la aplicación, se opto por usar el Player nativo del sistema operativo. Se trato de usar la clase StageWebView con la cual se puede mostrar contenido HTML, en teoría solamente pasándole la url en donde esta alojado el video debería de visualizarse como en el caso del iPad que lo hace, pero en la Tablet con Android que en mi caso fue con una Galaxy Tab2 10.1 con Android 4.1.1 no funciono ni actualizando el OS a 4.2.2, pero ya investigando un poco mas y haciendo algunas pruebas se pudo “truquear” usando un poco de HTML 5, la etiqueta <video/> y poniendo una línea en el archivo manifest en Air. En el .xml del proyecto de Air la etiqueta render mode debe de ser auto <renderMode>auto</renderMode>     y el manifest debe de quedar de la siguiente manera:         1  
  • 2. Angel Vazquez <android>                  <colorDepth>16bit</colorDepth>                  <manifestAdditions><![CDATA[                                <manifest  android:installLocation="auto">                                        <uses-­‐permission  android:name="android.permission.INTERNET"/>                                          <application  android:enabled="true"   android:hardwareAccelerated="true">                                              </application>                                </manifest>                      ]]  >  </manifestAdditions>      </android>     lo que hace que el StagewebView funcione, es la etiqueta <application  android:enabled="true"  android:hardwareAccelerated=“true"  />   El código de ejemplo se dejara el link en la descripción de este documento así como el componente del Player.   2