Music player using Flutter and Firebase
Using just_audio for audio functions.
Al entrar (Deploy aquí), veremos una pagina de inicio de sesión con varias maneras de ingresar
En caso de aun no tener cuenta propia dentro de nuestra plataforma puede ser creada desde el botón "New Ramen user? create account!", el cual al ser cliqueado te llevará a un sitio de registro.
No es necesario crear una cuenta desde este apartado si se desea ingresar con Google o con Facebook
En esta sección hay que ingresar:
- Un nombre
- Correo electronico (se necesitará validar posteriormente)
- Contraseña Al crear una cuenta con nosotros recibirás un correo electronico para confirmar la dirección registrada, de no ser validada la cuenta, se mostrará un aviso invitando a su activación dentro del sistema.
En caso de haber olvidado tu contraseña, puedes reestablecerla dando clic al botón de "Forgot password?" dentro de la pantalla de inicio de sesión, esto activará un pop-up en el cual habrá que ingresar la dirección de correo electronico vinculada con nuestro sistema.
Este apartado solamente funciona con cuentas creadas por medio de nuestro sistema, no con cuentas de terceros (Facebook, Google)
Tras escribir el correo en este apartado recibiremos un correo electronico con las instrucciones para concluir con el reestablecimiento y poder ingresar nuevamente al sistema
Una vez dentro del sistema, veremos una pantalla como la siguiente:
Esta pantalla tiene 6 partes escenciales que exploraremos a continuación
- Lista de canciones
- Datos de la canción actual
- Controles de reproducción
- Control de volumen
- Menú de listas
- Botón para cerrar sesión
En este apartado encontraremos el listado de las canciones en cola en la actual lista de reproducción seleccionada, podemos desplazarnos de arriba abajo para seleccionar la canción que deseemos escuchar
En este apartado podemos observar los datos de la canción que se está reproduciendo actualmente:
- La foto de portada del disco
- El nombre de la canción
- Los nombres de artistas que participan en la canción
- Dar play/pausa a la canción actual
- Observar y manipular la posición de la canción arrastrando o dando clic en la barra de progreso
- Conocer cuanto dura y cuanto ha progresado la canción
- Ir a la canción siguiente/anterior
- Ciclar entre modo aleatorio y secuencial
- Ciclar entre no repetir, repetir toda la lista o repetir una sola canción
En este apartado podemos deslizar el control para aumentar o reducir el volumen de la musica y al dar clic al icono de volumen, silenciar o reactivar el volumen de la musica
Apartado no disponible en la versión móvil
Al dar clic en el botón situado en la parte superior izquierda abriremos el siguiente menú:
Este menú nos presenta las listas de reproducción actualmente existentes y al elegir alguna veremos esa lista de canciones en nuestra vista principal, de la misma manera se actualizará la lista actual del reproductor y sus datos correspondientes.
Este botón situado en la parte superior derecha de la pantalla nos permite cerrar sesión correctamente.
En caso de no presionarlo se mantendrá nuestra sesión abierta la proxima vez que utilice nuestro sistema.