Tutoriales Full PWG

Project Playlist

Hola de nuevo, en esta oportunidad les voy a explicar como crear un reproductor en Project Playlist 

Para comenzar nos registramos Aquí rellenamos todos los campos que nos piden y al final pinchamos en donde dice "create a new account"ok estando ya en tu cuenta, usando tu login y password podrás entrar. Existen dos formas de colocar canciones en este reproductor, la primera si quieres subir tus propias canciones, deberás antes, subirlas a algún hosting que te proporcione la url, por ejemplo eso lo puedes hacer en Fileden y si quieres saber como hacerlo lee antes este Tutorial donde explico detalladamente como conseguir la url de tus canciones, cuando ya las tengas, copialas y guardalas para luego poder usarlas en el reproductor que vamos a crear.

La segunda forma es buscar canciones ya subidas y que ya tienen la url en esta misma pagina, así que vamos a pinchar donde dice "search for music" y escribes el nombre del cantante que te gusta o del grupo que buscas, si no llegas a encontrar lo que buscas, pincharas en la parte de abajo, de donde salen los resultados de lo que estabas buscando, donde dice "Click here if you can't find what you are looking for!" Voy a ponerte una imagen para que me comprendas mejor, por ejemplo voy a buscar algo de Juanes, pero lo que encuentro no es lo que quiero, observa....

Como te dije antes, y no encontré las canciones que quería, pues pincho en donde ya te dije "clik here........"y al hacer esta acción te llevara a otro panel donde vas a utilizar las urls de tus canciones. las que subiste en Fileden o en algún otro hosting y en la casilla que dice "link to Mp3 file" allí es donde la copiaras la url de tu canción y luego pincharas en "add link".....

Listo ya subió tu canción y te lleva a otra ventanita, donde te pide el nombre de la canción y el nombre del cantante, los llenas y pulsas en "finish" y luego pincharas donde dice "click here to add this song to a playlist".....
Ok al pinchar donde te dije, te llevara a otra ventana donde podrás escuchar la canción antes de agregarla en tu playlist, porque a veces los links no funcionan bien o están rotos, así que pincha en "press play to preview" y escúchala bien para saber si esta correcta, si esta malo el link te avisara...
Si al haber hecho esto, se pone el preview  en color rojo y no se escucho la canción, pues ya sabes, esta malo el link, así que pulsa en el botón ultimo que tiene la X de color rojo, para buscar otro link, en mi caso no funciono mi link así que me toca ir a buscar otro, observa....
Y que pasa cuando pincho allí? pues la pagina me lleva a otro panel, donde me mostrara links que existen con el mismo nombre de la canción que subí o similar, así que escojo alguno de los que hay ya subidos y con la url, como lo hago? simple, das clic en el signo + para añadirla.....

Cuando estés en la otra ventana, ya sabes que tienes que hacer antes de añadirla, escúchala "press play to preview" y si logras escucharla perfecto, pues simplemente pinchas en donde dice "It works! Add it to my playlist", se me había olvidado un gran detalle, disculpa, cuando recién entras por primera vez a esta pagina, debes crearte una playlist, o sea crea una vacía pero con nombre, para luego cuando ya tengas las canciones elegidas, puedas añadirlas a la lista que creaste, como yo ya tengo varias listas creadas, simplemente selecciono en la lista que quiero aparezcan mis canciones, y si no la habías creado pues no pasa nada, pincha donde dice "create a new playlist" y le colocas un nombre y luego ahí si puedes añadir la canción a la lista que quieras, voy a añadirla yo en la que tengo ya hecha que se llama 80´s, así que la selecciono y doy clic en "add song to selected playlists"

Cuando hayas hecho esto, te preguntara si quieres añadir mas canciones o si quieres ir por tu código para copiar en tu space, Web o blog, si quieres añadir mas canciones, pinchas en "continue" puedes añadir hasta 73 canciones, y puedes crear muchas listas diferentes, pero si ya no quieres añadir mas, pues das clic en "go to my playlists", que es lo que haré yo, cuando hayas hecho esta acción, podrás visualizar las listas que hayas creado, en mi caso he creado 3, pero solo una es la que me interesa ahora la de los 80´s, así que pincho en su nombre para poder editarla a mi gusto y para poder ver el código que necesito....observa...
Luego podré ver el reproductor con mis canciones y allí podré borrar o añadir mas canciones si quiero, antes de ir por el código, pero como no quiero mas canciones , pues pincho en la parte de abajo del reproductor donde dice "Generate Code".....

En la próxima ventana que se te abrirá, te dará varias opciones a elegir para generarte el código, así que vas a elegir la ultima o sea la "E" que dice "Get the code for any other social network, blog or your own personal website", y de nuevo te dirá que para que lista quieres el código, así que selecciona la lista que creaste y pincha en ella, yo pinchare donde dice 80´s, ok ya hecho todo esto llegamos a la parte donde podremos editar a nuestro gusto el reproductor, colores, tamaños, botones, etc, voy a explicártelo paso a paso jejejeje:

1-Autostart- si lo dejas en "yes" el reproductor comenzara a sonar automáticamente cuando algún visitante entre en tu Web, así que si no quieres eso pues cambia a "no".

2-Random shuffle-dejalo como esta , o sea en "no" no se que efecto hace jejejje pero déjalo así.

3-Custom Skin-aqui puedes cambiarle la apariencia de fondo con alguna imagen tuya, eso lo puedes hacer si tienes una imagen de 435 alto x 270 ancho, (formato jpg) que son las dimensiones exactas del reproductor así que debes alojarla en algún hosting, para sacar la url que necesitas, puedes hacerlo en Imageshack luego de que ya tengas la url de tu imagen, selecciona en "yes" para que puedas insertar la url y poder cambiarle el fondo, observa la imagen un poco para que me comprendas mejor de lo que te hablo....

Bueno después de que hayas hecho tus cambios y ya estés seguro de que así lo quieres, pues das clic en donde dice "get code" y listo nos muestra el código que necesitamos, algo también que te puede interesar por si te parece esta muy grande el reproductor o si esta muy pequeño, pues le puedes cambiar los parámetros que salen en el código que son: width=ancho y heigth=alto, pero ojo que si lo modifica y le has puesto una imagen tuya, pues ya no quedara igual así que si quieres cambiarle el tamaño, te aconsejo tengas varias imágenes del tamaño que necesitas, bueno amigos eso es todo y espero se me haya entendido, no dudes en preguntar, y recuerda estos códigos deben copiarse y pegarse en edición HTML para que funcionen correctamente, y este es mi reproductor, hasta pronto y mucha suerte.