Cómo desarrollar una APP de reproductor de música
Puedes consultar este reproductor de música de código abierto ryanhoo/StylishMusicPlayer, pero puede resultar un poco difícil. Tómate tu tiempo y observa. Si es principiante, puede comenzar imitando la interfaz de usuario y luego implementar poco a poco algunas funciones. Por ejemplo, si desea crear una interfaz de reproducción, primero cree la interfaz de usuario, luego cree eventos de clic para cada elemento de control, luego reproduzca música, etc.
Puedes consultar este reproductor de música de código abierto ryanhoo/StylishMusicPlayer, pero puede resultar un poco difícil. Tome su tiempo. Si es principiante, puede comenzar imitando la interfaz de usuario y luego implementar lentamente un poco de funcionalidad. Cómo desarrollar un reproductor de música nativo para Android
Las letras de Kugo coinciden palabra por palabra gracias al proceso de producción de letras de Kugo. ¿Alguna vez has usado Kugo para crear letras? Si tú también quieres hacer letras con Kugo, te recomiendo hacer una copia de la letra para facilitar su comprensión. Si solo escribes en LRC, incluso si agregas puntos o espacios, definitivamente afectará la estética. Si puedes escribir el algoritmo de acuerdo con el proceso de producción de letras de Kugou, entonces el algoritmo en el programa será mejor.
Cómo diseñar y desarrollar una aplicación de reproductor de música paso a paso
Puedes aprender sobre la tecnología de desarrollo de aplicaciones
OooPlay es un reproductor de música minimalista Este artículo es un. Diseño de prototipo de producto El artículo compartido por el formador y diseñador de OooPlay Yin Guanglei explica en detalle el pensamiento del producto y la evolución de OooPlay durante el proceso de diseño y desarrollo del prototipo, así como la hoja de ruta del producto. Este artículo fue compartido por Yin Guanglei, formador de diseño de prototipos de productos y diseñador de OooPlay, y profundiza en el pensamiento de OooPlay en el proceso de diseño y desarrollo de prototipos.
Hablemos del diseño principal
Antes de empezar a hablar de cómo diseñamos la aplicación, echemos un vistazo a un vídeo de demostración de OooPlay para que te hagas una idea. Después de ver la demostración, podrías pensar que es un poco genial por el diseño o la forma en que interactúas con la aplicación, pero en esencia, no buscamos lo genial, siempre buscamos un diseño informal y compacto centrado en sobre la funcionalidad de la aplicación.
Entonces, cómo llegamos aquí:
En primer lugar, el reproductor de música integrado del iPhone no facilita la escucha de las canciones de tu lista, así que si toque para seleccionar Para estas canciones, ingresará a otra interfaz de reproducción. Si desea escuchar varias canciones, debe hacer clic en "Volver" con frecuencia. Más tarde, me di cuenta de que hay una aplicación similar a Panamp, que puede reproducir directamente las canciones de la lista, lo cual es muy conveniente. Sin embargo, desafortunadamente, esta aplicación tiene muchas funciones que no se usan comúnmente, por lo que no es ágil ni ingeniosa. , y sus características no son obvias. Creo que, desde un punto de vista inicial, si pudieras hacer que aparezca como una lista y escuchar las canciones, entonces sería suficiente con tener una lista y un botón de reproducción y pausa. Similar al boceto a continuación:
Sin embargo, esto no es suficiente porque a medida que navega y se desplaza por la lista, se vuelve muy importante poder regresar rápidamente a la canción que se está reproduciendo, por lo que es necesario estar en la parte superior o inferior de la lista Configure un botón para navegar rápidamente a la canción que se está reproduciendo. Pensando que debe existir tal cosa, ¿qué elementos se pueden agregar para demostrar que no es redundante y que puede coordinarse con el estilo simple general? La pantalla del CD es importante para reflejar quién está reproduciendo la canción y también elimina la monotonía de algunas interfaces de software.
Además, debería haber algunos efectos dinámicos para reflejar el estado de reproducción. Basándonos en la combinación de estas funciones y elementos, se nos ocurrió la idea de usar el disco CD para mostrar la "pantalla del CD", girar el disco CD para mostrar "Reproduciendo ahora" y hacer clic en el borde del CD. disco para volver a la "Canción en reproducción". Así se consigue el diseño "compacto". Las funciones más utilizadas, como reproducción, pausa, pista anterior y siguiente, están integradas en el lateral del disco CD.
Sin embargo, si lo piensas bien, esto no es suficiente, porque aunque la búsqueda de canciones no es común, cuando es necesario, los usuarios no pueden encontrar esa entre cientos o miles de canciones. Entonces tenía que haber una función de búsqueda, y luego me di cuenta de que había más funciones, como aleatorización, bucle único, etc. Entonces, ¿dónde pongo estas funciones? ¿Ponerlo encima? La parte inferior de la página ya ocupa mucha altura. Si la agrega en la parte superior de la página, comprimirá el centro de la página y perderá la simplicidad de la página. Así que intenté creativamente dibujar la barra lateral en papel y colocar búsqueda, bucle único y aleatorio en la parte superior.
Porque creo que el ancho de la lista de canciones podría comprimirse un poco. No esperaba que funcionara del todo bien y el diseño asimétrico es perfecto para mantener la bandeja del CD en esa posición. No quería poner el CD en el medio de forma aburrida. Entonces tenemos la siguiente imagen:
Ahora que tenemos el diseño básico, continuaremos mejorando algunas funciones. Personalmente, a menudo siento algo repentinamente después de escuchar una canción, y luego pienso en otra canción de esta persona en mi teléfono que es muy buena, así que quiero escucharla. Por lo tanto, es necesario que exista una función que pueda encontrar todas las canciones de esta persona a través de una sola canción. Por lo tanto, agregué un ícono de "persona pequeña" al final del nombre de la canción para buscar otras canciones de esta persona, y usé un método de búsqueda para no tener que agregar una interfaz adicional y también hice la "búsqueda". función más común.
Además, muchos reproductores cuentan con temporizadores para finalizar la reproducción, para que puedas escuchar tu música antes de acostarte. También agregué esta función, pero desde mi perspectiva de uso solo la mantuve durante los períodos de 30 y 60 minutos (el reloj de arena es una cuenta regresiva hasta el final de la reproducción). También agregué una entrada a la sección "Acerca de" del software y agregué compatibilidad con AirPlay ya que tengo unos auriculares estéreo Bluetooth (sin un dispositivo AirPlay, esta imagen no aparecerá).
De hecho, cuando solo había una lista, pensé en hacer que la música se deslizara hacia izquierda y derecha, colocándola arriba y abajo. Esto fue influenciado por el video de la aplicación Clear y realmente les dio a los diseñadores algo nuevo en qué pensar. Básicamente, el contenido que coloca la información importante en la parte superior y la información sin importancia en la parte inferior se puede manejar de esta manera.
Personalmente creo que la música se puede utilizar de forma adecuada. Aquellos que no quieran escuchar la canción debido a su estado de ánimo pueden deslizar el dedo directamente hacia la derecha hasta el final, que está "muy lejos", mientras que aquellos que estén más preocupados por querer saber la canción pueden deslizar el dedo hacia la izquierda para poner en la parte superior, que es la forma más cómoda de encontrarlo. Este tipo de procesamiento casual puede hacer que se prefiera escuchar las canciones principales, pero no será agradable escuchar las canciones inferiores. Esto es algo que otros reproductores de música no pueden hacer y es muy fácil de usar, lo cual es la mayor ventaja de este reproductor.
Al mismo tiempo, como puedes poner la canción en la que deseas centrarte en la parte superior deslizando el dedo hacia la izquierda, no necesitas conservar la función "lista de reproducción" del reproductor integrado porque es una reproducción cerca de la lista superior. Y siempre pensé que el antiguo método de "lista de reproducción" de mover canciones a través de múltiples listas era demasiado mecánico, completamente antinatural y no fácil de usar. El deslizamiento de canciones hacia la izquierda y hacia la derecha se muestra en la siguiente figura:
No he conservado la función de arrastrar canciones para ordenarlas porque no es fácil de operar con una mano, e incluso si lo es. Operado con las dos manos, puede requerir la mentalidad de un paciente con trastorno obsesivo-compulsivo para organizar conscientemente el orden de cada canción. Ser "deliberado" va en contra de mi principio de "espontaneidad", y sostener y arrastrar una canción aumenta en gran medida la posibilidad de una operación accidental.
En este punto ya debería haber finalizado el proceso de diseño de las funciones principales de la aplicación, que se pueden resumir en los siguientes tres puntos:
Jugar directamente desde la lista te permite para obtener una vista previa rápida de las canciones.
Desliza el dedo hacia la izquierda o hacia la derecha para separar rápidamente una canción de otras canciones.
Toca el icono de un artista para ver rápidamente las canciones de un artista.
Dado que el teléfono tiene un botón lateral para controlar el volumen, no mantuve el control de volumen en la interfaz de usuario.
No hay barra de progreso, por lo que no la necesita para escuchar música, pero puede mantener presionado "Siguiente" para avanzar rápidamente una canción, como en el reproductor incluido (que también admite controles en línea). Dado que OooPlay tiene sólo una interfaz principal y es una interfaz totalmente gráfica, se puede difundir globalmente sin traducción adicional. Teniendo en cuenta el mercado global de usuarios, es imposible proporcionar servicios fiables de visualización de letras en línea. Además, la mayor parte de la música que viene con iTunes no tiene letra y no se puede mostrar línea por línea, por lo que por esas razones dejamos de mostrar la letra y simplemente dejamos que la música se reproduzca sin preocuparnos de lo que canta.
Hablemos de los detalles
Para que el producto sea lo más perfecto posible, el reproductor de música minimalista OooPlay ha sido cuidadosamente procesado en muchos detalles, se enumeran los siguientes puntos ( Parte del contenido está mencionado en el artículo anterior, puedes omitirlo si ya lo conoces):
Si deslizas hacia la derecha sobre la canción que se está reproduciendo, significa que no quieres escuchar la canción, por lo que la canción se detendrá y tocará fondo, luego comenzará a reproducirse. Si la canción se está reproduciendo, si desliza el dedo hacia la derecha, significa que no desea escuchar, por lo que la canción deja de reproducirse y cae al final, luego comienza la "siguiente" canción si la canción se está reproduciendo, si desliza el dedo hacia la izquierda; , significa que la canción es buena o quieres concentrarte en ella para que no deje de sonar. La canción debe estar fijada en la parte superior, pero debe permanecer donde está porque cuando termina, debe reproducir la siguiente canción y no la segunda canción desde arriba porque probablemente esas sean las que acabas de escuchar. canciones anteriores.
Deslizar hacia la izquierda o hacia la derecha es una acción global, por lo que cuando regreses a la lista Todas las canciones, cualquier canción que hayas deslizado hacia la izquierda en cualquier resultado de búsqueda seguirá estando en la parte superior, por lo que no tendrás que hacerlo. Preocúpate por volver sólo a ese resultado de búsqueda para encontrar esa canción en la parte superior.
El ícono del artista no se mostrará después de todas las canciones, solo se mostrará si el artista tiene más de una canción en la biblioteca, porque si el artista solo tiene una canción, entonces no tiene sentido buscándola, así que no te decepcionarás al descubrir que todavía hay una sola canción.
El algoritmo de lista de reproducción aleatoria está especialmente diseñado. Si hay más de 10 canciones en la biblioteca de música, la canción inferior no se reproducirá aleatoriamente; si hay más de 20 canciones, la canción inferior no se reproducirá; Reproducido al azar 2 canciones a continuación. Si hay más de 20 canciones, las 2 últimas canciones no se reproducirán. Por analogía, no se reproducirán hasta 30 canciones durante la reproducción aleatoria. Evite reproducir aleatoriamente canciones que no quería escuchar recientemente mientras las sigue escuchando.
El método de lista puede ser mal utilizado. Si haces clic en una canción por error, podrás volver a la canción que estabas escuchando en 5 segundos y continuar donde lo dejaste. Después de 5 segundos, lo que significa que es posible que no hayas hecho nada por error, presiona "Anterior" nuevamente y saltará a la canción "Anterior" normalmente.
Si presionas "Anterior" dentro de los 25 segundos antes del final de la canción, se reproducirá la canción nuevamente cuando la canción casi termine.
Si presionas "Anterior" cerca del final de una canción, lo más probable es que quieras volver a reproducirla porque es tan buena que querrás escucharla nuevamente. El reproductor del iPhone comenzará a reproducirse después de 3 segundos, luego presione "Anterior" para reproducir la canción actual.
Si sincronizas 5 canciones nuevas con tu teléfono, las canciones recién sincronizadas estarán en la parte superior de la lista. Probablemente sincronizas canciones nuevas porque quieres escucharlas inmediatamente, así que las pones encima. También se conservará el orden original de todas estas canciones; no tendrás que reordenarlas todas como resultado de la sincronización.
Como puede ver, hemos utilizado animaciones consistentes desde la pantalla de inicio en adelante, por lo que cada capa de significado es clara.
No queríamos ocupar una pantalla adicional para mostrarte información "acerca de" inútil, por lo que brindamos una capa final de sorpresa en el modo nocturno.
El proceso de desarrollo pasó por las siguientes etapas:
2013-01-21 Nos inspiramos en DailyCost para crear un producto desde la perspectiva de un reproductor de música.
Por la mañana del 22-01-2013 completamos el boceto en papel y por la tarde realizamos el prototipo inicial de la interfaz principal.
2013-01-24 A través de la presentación de alguien, conocí a rexshi, el desarrollador de la aplicación, y el día 28 conocí a soioi, el diseñador de la interfaz.
2013-03-03 Después del Festival de Primavera, regresé a Beijing y completé todos los detalles del prototipo.
2013-03-16 Después de comunicar todo el trabajo, comenzamos a entrar en la etapa de desarrollo.
2013-05-15 Se completó el trabajo de desarrollo principal y se lanzó el vídeo de demostración de la versión para desarrolladores.
2013-05-24 Lanzamiento de vista previa beta pública.
2013-06-14 Enviado para revisión en la AppStore.
2013-06-21 OooPlay fue aprobado y lanzado. Ocupó el séptimo lugar en el ranking de música paga ese día y el tercero al día siguiente.
En realidad no es complicado.
Hice algunas aplicaciones de música en AppStar.
Sólo tienes que subir el material de audio y pronto estará online.
Un salvador para usuarios novatos~~~ Encuentra aplicaciones de reproducción de música
Kugou Music Xiami Music;
NetEase Cloud Music Xiami Music;
QQ Music Xiami Music;
Kuwo Music Xiami Music
De esta manera, emparejar las canciones por parejas proporcionará una gama más completa, si solo eliges Kugou Music o NetEase Cloud Music.
Buscando un reproductor de música
Hola, según tu descripción, creo que es Kugou Music. Espero que te pueda ayudar
Kugou Music
Música Kugou