Skip to content

Ramen-Development/ramen_music_player

Repository files navigation

ramen_music_player

Music player using Flutter and Firebase

Using just_audio for audio functions.

Instrucciones de uso

Inicio de sesión

Al entrar (Deploy aquí), veremos una pagina de inicio de sesión con varias maneras de ingresar

  • Con tu cuenta previamente creada para Ramen Music Player
  • Usando Facebook
  • Usando Google Screenshot_20220509_210730

Registro interno

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 Screenshot_20220509_211502
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.

Reestablecimiento de contraseña

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) Screenshot_20220509_211711
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

Uso del sistema

Una vez dentro del sistema, veremos una pantalla como la siguiente: Screenshot_20220509_212136
Esta pantalla tiene 6 partes escenciales que exploraremos a continuación

  1. Lista de canciones
  2. Datos de la canción actual
  3. Controles de reproducción
  4. Control de volumen
  5. Menú de listas
  6. Botón para cerrar sesión

1. Lista de canciones

image
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

2. Datos de la canción actual

image
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

3. Controles de reproducción

image
En este apartado podemos:

  • 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

4. Control de volumen

image
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

5. Menú de listas

Al dar clic en el botón situado en la parte superior izquierda abriremos el siguiente menú:
image
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.

6. Botón para cerrar sesión

image
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.