Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Android
Code

Crea una aplicación para Android de un reproductor de video de 360 ​​grados con una plantilla

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Carlos (you can also view the original English article)

No cabe duda de que estamos viviendo en la era de la realidad virtual (VR). Los videos de realidad virtual y los videos en 360 grados se han popularizado durante los últimos años, y hay muchos videos en 360 grados en todo el Internet. Esta popularidad se debe al lanzamiento de algunos headsets de realidad virtual como Oculus Rift, HTC Vive, Google Daydream, PlayStation VR, etc. Un headset de realidad virtual es un dispositivo que se coloca en la cabeza y que brinda realidad virtual al usuario. Los headsets de realidad virtual se usan ampliamente con los videojuegos, así como en otras aplicaciones como las simulaciones. 

Los usuarios quieren disfrutar de la experiencia de la realidad virtual inmersiva, y tú puedes hacer esto posible creando un reproductor de video en 360 grados. 

¿Qué son los videos en 360 grados?

Los videos en 360 grados son videos que ofrecen un campo de visión panorámico completo de 360º por 180º. Te permiten ver hacia arriba, hacia abajo, a la izquierda, y a la derecha, todo completo alrededor con sonido y vistas, brindando así una experiencia cinematográfica. A diferencia de los videos normales, los videos de 360 grados te permiten ver las escenas desde cualquier perspectiva que tú elijas.

Así que, en este tutorial, aprenderás a crear un reproductor de video 360 usando una plantilla de CodeCanyon. Este reproductor de video de 360 grados te permitirá hacer clic y arrastrar el video y explorar los videos en 360 grados para tener una idea de lo que te pueden ofrecer.

¿Qué es CodeCanyon?

CodeCanyon es un mercado en línea que cuenta con cientos de plantillas para aplicaciones profesionales para Android y herramientas de creación. Algunas de estas son increíblemente ricas en características y bien diseñadas. En ocasiones puedes ahorrarte días, incluso meses, de esfuerzo utilizando una de ellas.

CodeCanyon mobile Android app template bestsellers

Empezando

Para empezar a crear tu aplicación para Android, deberás instalar Java y Android Studio. Si es tu primera aplicación para Android, puedes leer acerca de cómo configurar tu computadora en el artículo de Hathibelagal: Cómo empezar a crear aplicaciones para Android.

Consigue la plantilla y descomprime los archivos

Para iniciar, descarga la plantilla 360 Video Player View en CodeCanyon. Obtendrás un enlace para descargar los archivos. De manera alternativa, puedes encontrarlos en la sección de descargas de tu cuenta junto con tus otros artículos que hayas comprado.

Una vez que hayas descargado los archivos, extráelos a una sección de tu computadora donde puedas importarlos fácilmente a Android Studio. Ahora ya estás listo para crear tu aplicación para Android.

Características de la plantilla 360 Video Player View

Este reproductor de 360 grados te permite ver tus vistas y tus videos favoritos en 360 grados y te brinda una mejor experiencia para ver películas. Sus características notables son:

  • capacidad de reproducir y transmitir videos en 360 ​​grados
  • capacidad para reproducir videos de realidad virtual
  • soporte para todo tipo de videos .MP4
  • Experiencia de visualización en 3D
  • uso del sensor giroscópico del dispositivo para navegar en el video

Importa el proyecto

Para crear tu aplicación, deberás descargar el proyecto que creaste en Android Studio.

Extrae el .zip de CodeCanyon. Ahora abre Android Studio y deberías ver una pantalla como esta:

Selecciona la opción Open an existing Android Studio Project (Abrir un proyecto de Android Studio existente), busca la ubicación donde extrajiste los archivos del proyecto, selecciona los archivos .gradle del reproductor de vídeo 360 y presiona OK (Aceptar). Espera unos minutos hasta que el proceso de sincronización se complete.

Este sería un buen momento para explorar el código del proyecto.

Configuraciones de Gradle

El primer paso importante es cambiar la identificación de la aplicación. Ve a app > Gradle Scripts > build y cambia applicationId con tu nombre de identificación, por ejemplo. com.yourdomainname.appname.

El identificador de la aplicación debe ser único si deseas publicar la aplicación en Google Play. Sincroniza el proyecto y espera unos minutos hasta que el proceso de sincronización se complete.

Cambia el nombre de la aplicación

Ve al archivo strings.xml y cambia el nombre de la aplicación. Aquí el nombre de mi aplicación es "360 Video Player", puedes cambiar el nombre de tu aplicación a algo como Reproductor 360

Cambia el color de la aplicación

Otro aspecto que puedes cambiar fácilmente es la paleta de colores de la aplicación. Para cambiar el color de la aplicación, vea res > values > colors.xml y realiza los cambios que desees, como se muestra a continuación.

Ejecuta la aplicación

Ahora puedes ejecutar la aplicación en un dispositivo físico o en un emulador. Conecta tu dispositivo a tu computadora con un cable USB y realiza los siguientes pasos para habilitar la depuración por USB. 

  • Ve a Ajustes/Sistema (Settings/System) dependiendo de tu dispositivo
  • Selecciona Acerca del teléfono (About phone).
  • Toca siete veces la opción Número de compilación (Build number). El mensaje Ahora eres un programador (You are now a developer ) debe aparecer.  
  • Ve a ajustes y selecciona Opciones del programador (Developer options).
  • En la ventana de Opciones del programador, habilita depuración USB (USB debugging).

Una vez que la depuración por USB esté habilitada, puedes iniciar la aplicación desde Android Studio en tu dispositivo.

  • En Android Studio, haz clic en Run (Ejecutar) en la barra de herramientas.
  • Selecciona el dispositivo en el menú desplegable y haz clic en OK.

Una vez que Gradle termine de compilar, Android Studio debería instalar la aplicación en tu dispositivo conectado e iniciarla.

Prueba la aplicación

Por último, podrás probar la aplicación.

Simplemente abre la nueva aplicación de 360 grados en tu teléfono móvil. Haz clic en el botón OPEN GALLERY (ABRIR GALERÍA) en la parte inferior y escoge el video que quieres reproducir desde tu teléfono. Ahora puedes explorar las diferentes manera de ver tu video.

Plantillas premium para aplicaciones de Android en CodeCanyon

Las plantillas para aplicaciones han demostrado ser una excelente forma para acelerar tu proyecto de desarrollo, al ahorrar tiempo y recursos. Has visto lo fácil que es utilizar una plantilla para crear impresionantes aplicaciones para Android. CodeCanyon ofrece una enorme colección de plantillas para Android que van desde aplicaciones de entrega y viajes compartidos hasta aplicaciones de noticias y juegos.

CodeCanyon mobile Android app template bestsellers

¡Asegúrate de revisar algunas de las plantillas de inicio y aplicaciones completas en CodeCanyon! Si tienes problemas para decidir qué plantilla es la adecuada para ti, estos artículos podrían ayudarte:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.