[ Tutorial ] Reproductores de música MP3 en las tablillas
¡Hola seres mágicos que habitan en tumblr! Gracias a la sugerencia de un usuario me he animado no solamente a hacer este post, si no una sección completa de tutoriales que con el tiempo iré llenando para que puedan usar de mejor manera las tablillas, sacarles todo el provecho y quien sabe, quizá hacer las propias suyas.
En esta ocasión, justo como lo vimos en el título, hablaremos sobre los reproductores de música MP3 para tablillas. Este siempre es un tema complicado cuando recién se inicia, ya que el proceso puede parecer un poco laborioso, aunque les prometo que cuando tomen experiencia en ello se volverá sencillo e incluso algo muy rápido.
Para empezar, hay que recalcar que estos reproductores sólo funcionan con archivos .mp3, así que si lo intentan con cualquier otro archivo, como por ejemplo .mp4, no lograrán hacerlos funcionar.
También quiero recalcar que uno de los reproductores que les daré sólo permite una canción, mientras que el otro, parece que por el momento permite un máximo de cinco.
1. —La melodía que pensamos utilizar.
Como ya se mencionó, la canción que quieran utilizar debe estar guardada como un .mp3, de otro modo no servirá para ninguno de los dos reproductores.
1.1. Tener este mp3 guardado en tu computadora es el primer paso. Si es que la compran, o la consiguen por otros medios, esto es cosa de ustedes, siempre y cuando al final lo tengan en el ordenador. Este es el paso que dará espacio a conseguir un hotlink de nuestra canción deseada.
1.2. ¿Qué es un hotlink? Sí, puede sonar un poco sexy, pero lamentablemente no es lo que parece(?). Un hot link es un link directamente de la canción que termina en .mp3 y que te permitirá colocarlo en los reproductores para que despliegue la canción que deseas. Tengo que destacar que si el link no termina en .mp3, no va a funcionar. Es decir, .mp3dje, por dar un ejemplo, no servirá. Los últimos 4 caracteres del link deben ser esos: .mp3
Lamento la insistencia en ese punto, pero es que esto es un factor determinante para que el reproductor funcione.
Volvamos a los hotlinks. Aquí mismo les dejaré el ejemplo de uno para que comprendan de qué estoy hablando. ( https://dl.dropboxusercontent.com/s/07uc2k8bubxsyet/Tha%27s%20What%20Happened%20%28Bee%20%26%20Puppycat-themed%20Remix%29.mp3 No lo clickeen directamente, por favor, sólo cópienlo y péguenlo en otra pestaña, para su buen funcionamiento. ) ¿Cómo pueden conseguir un hotlink? En realidad las páginas que te producen los hotlinks no son tan comunes, por lo menos yo he encontrado pocas, así que les voy a dar mi recomendación personal: Dropbox. Me parece una página confiable, donde de forma personal cada quien puede guardar sus cosas, y donde tienes la certeza de que mientras tú no quieras borrarlas, permanecerán por siempre.
Entran a su cuenta de Dropbox y suben su canción. La siguiente indicación es otro punto determinante, y es que es de suma importancia que este paso sea efectuado para el hotlink funcione. Una vez subida la canción, es necesario clickear en COMPARTIR:
Después de eso, en la siguiente pantalla le dan a CREAR UN VÍNCULO, y cuando este sea creado en COPIAR VÍNCULO.
Automáticamente se tendrán copiado un vínculo en el portapapeles, y bastará con presionar control V en su barra superior de búsqueda para que depositen el link que se les ha creado. En este caso, este es el mío: https://www.dropbox.com/s/rscto3ea801e33g/Swan%20LakeTchaikovsky%20%5BMusic%20Box%5D.mp3?dl=0
1.2.1. Como pueden ver, esto todavía no es un hotlink, ya que, como les he mencionado, estos deben terminar en .mp3, sin más. En este punto tendremos que configurar levemente el link. Procederemos primero con lo más sencillo, que es quitar todos los sobrantes al final del link para que termine en .mp3, eso quiere decir que cualquier signo o letra que esté después del .mp3 al final del link será eliminado.
Lo siguiente que haremos será modificar también el principio del link: cambiaremos el www.dropbox.com por un dl.dropboxusercontent.com, teniendo cuidado de no afectar el resto del link. Para que vean la diferencia entre el link sin modificar y el modificado, dejaré ambos aquí:
Link sin modificar: https://www.dropbox.com/s/rscto3ea801e33g/Swan%20LakeTchaikovsky%20%5BMusic%20Box%5D.mp3?dl=0
Link modificado: https://dl.dropboxusercontent.com/s/rscto3ea801e33g/Swan%20LakeTchaikovsky%20%5BMusic%20Box%5D.mp3
¡Ahora sí! ¡YA TIENEN A HOTLINK! Les repito, al principio este proceso puede parecer tedioso, no obstante les aseguro que hacerlo un par de veces esto será mucho más sencillo, tranquilos.
2. —Reproductores de mp3 para tablillas.
Yo solamente conozco dos reproductores de tablillas, los cuales les dejaré aquí para que decidan con mayor comodidad cuál quieren usar:
2.1. Reproductor genérico. Este reproductor es bastante sencillo y sólo cuenta con un botón para poner pausa, además de que sólo permite poner una única canción. Les dejo aquí el código del reproductor: código. De ese modo podrán utilizarlo tranquilamente. Les aconsejo ser precavidos debido a que a pesar de lo corto que es el código, es un poco delicado. Ahí mismo podrán ver en dónde comienza y dónde termina la zona de MP3, y en ese lugar es donde deben colocar su hotlink, con cuidado de no borrar ninguna comilla, ni nada más. Aún así se los muestro aquí: value=“mp3=https://dl.dropboxusercontent.com/s/rscto3ea801e33g/Swan%20LakeTchaikovsky%20%5BMusic%20Box%5D.mp3”
Lo siguiente es que también pueden modificar el ancho, alto, y el color del reproductor con los siguientes tres valores, que podrán encontrar dentro del mismo código que les dejé. width=“150” height=“15” value=“#008C9E”. Cabe mencionar que en ancho y alto, aunque no lo muestran, están en pixeles. El width, por ejemplo, es de 150px, pero el px NO se pone en este código.
Por último, si quieren centrar el código, con meterlo completo dentro de las etiquetas <center> {AQUÍ EL MP3} </center> bastará. ¡Con esto ya tienen un reproductor genérico!
2.2. Reproductor avanzado. Este reproductor tiene la ventaja de poder albergar hasta cinco canciones, además de que tiene un botón de pausa y play, y uno más para avanzar a la siguiente canción, en caso de colocar más de una. Este no es un código en sí, en realidad es una página en la que tu colocas los hotlinks que ya tienes, y el nombre de la canción, y la misma página te genera el código para que sólo lo copies y pegues donde gustes. Les dejo el link aquí: Link de reproductor avanzado.
Esta página no necesito explicarla, es del todo sencilla, ya lo verán.
¡Y LISTO! Ahora sabes cómo utilizar dos reproductores, y cómo crear hotlinks correctamente. ¡Espero que este tutorial les haya sido de mucha ayuda, y cualquier duda me tienen en ASK y en mensaje privado aquí mismo en tumblr! ¡Ahora vayan a repartir música por el mundo, seres mágicos!
