App inventor 2 en español
Cómo programar los teléfonos móviles con Android
mediante App inventor 2 - Juan Antonio Villalpando
-- Tutorial de iniciación de App Inventor 2 en español --
Volver al índice del tutorial
_________________________________________________
127H.- Modificar AndroidManifest.xml para ver vídeos con el VisorWeb. Video en WebViewer.
127H_visorweb_video.aia
- El VisorWeb es un navegador de internet pero está limitado, por ejemplo no funciona con formularios, no se puede ver vídeos,...
- Con el VisorWeb podemos utilizar archivos de sonidos, pero no funciona con vídeos.
- Insertando la línea: <uses-sdk android:targetSdkVersion="14" /> en el archivo AndroidManifest.xml de la aplicación, podemos conseguir que también funcione con vídeos.
- Para modificar el archivo AndroidManifest.xml, debemos primero Generar el archivo de instalación de la aplicación .apk
- Utilizaremos el programa AppToMarket_v41.zip (Desarrollado por M. Hossein Amerkashi) para editar y modificar el AndroidManifest.xml
__________________________________
- Vamos a construir esta sencilla aplicación con un Botón y un VisorWeb.
___________________________
- Diseño.
___________________________
- Bloques.
___________________________
- Archivo reproductor.htm.
jreproductor.htm |
<!DOCTYPE html>
<html lang="es">
<head>
<title>Reproductor de Video</title>
</head>
<body>
<video id="medio" width="300" height="200" preload controls loop >
<source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2" '>
</video>
</body>
</html> |
______________________________________________
Una vez que tenemos la aplicación .aia, Generamos el archivo de instalación .apk, para ello vamos a Generar / App (guardar archivo .apk en mi ordenador)
- Obtenemos el archivo:
p127H_visorweb_video.apk
- En ese archivo debemos cambiar su AndroidManifest.xml.
- Para ello bajamos la aplicación de M. Hossein Amerkashi AppToMarket_v41.zip
https://sourceforge.net/projects/ailivecomplete/files/?source=navbar
- Lo ejecutamos simplemente pulsando en AppToMarket_v4.1.jar (Para que funcione es necesario tener JAVA en nuestro ordenador.)
- En la pantalla 1> Certificate Details, se crea un archivo de clave (myks.ks) que deben tener las aplicaciones de Android. He dejado los parámetros que vienen por defecto.
- Pulsamos en la pestaña 2> De/Re compile and wrap-up y cargarmos al archivo p127H_visorweb_video.apk
- Pulsamos en 1> Decompile. Luego en 2> Update Manifest y en 3> Edit Manifest
- Añado la línea:
<uses-sdk android:targetSdkVersion="14" />
- Save este archivo (una vez pulsado en Save, ya podemos cerrar la ventana de Editing)
- Pulsamos en 4> Sign para firmar nuestra aplicación con el archivo key que creamos en "Certificate Details"
- Pulsamos en 5> Verify y 6> Zip Align para comprimir adecuadamente la aplicación, obteniendo el archivo:
p127H_visorweb_video_new_zipAlign.apk
- Instalamos este archivo en nuestro móvil y ejecutamos la aplicación.
___________________________
- Instalación.
- Puedes instalar esta aplicación en tu móvil escaneando este código QR
|
|
___________________________
- Comentarios.
- En vez de tener el archivo en internet lo podemos subir a nuestra aplicación y cambiar su dirección en el archivo reproductor.htm
- A veces hay que indicarle al reproductor el tipo de archivo, en este caso type='video/mp4; codecs="avc1.42E01E, mp4a.40.2" '
- Prueba no poner el tipo de archivo.
jreproductor.htm |
<!DOCTYPE html>
<html lang="es">
<head>
<title>Reproductor de Video</title>
</head>
<body>
<video id="medio" width="300" height="200" preload controls loop >
<source src="VfE_html5.mp4">
</video>
</body>
</html> |
|