Download PLAYER: Reproductor de canciones

PLAYER: Reproductor de canciones - crear, configurar, promocionar
En este tutorial vamos a ver los pasos que tenemos que seguir para crear, editar y promocionar el playlist (reproductor) de canciones de nuestra página en musicacopyleft.es
-Hacia la mitad de la misma columna de nuestra página donde se muestra nuestra
imagen de perfil está el módulo “Mi música” (img.1 de la izquierda). Hacemos clic en
“Añadir música”.
-Enlaza a una página con un iterfaz que nos muestra varias opciones para cargar nuestra
música (img.2 de abajo)
img.2 - Panel con las opciones de carga de música y condiciones
-Puedes cargar un máximo de 100 mp3 desde tu ordenador. Cada archivo mp3 puede
tener un tamaño máximo de 20 mb, aunque los archivos de menor tamaño se cargarán
más rápidamente. También los puedes cargar copiando la URL de un enlace externo si
has subido tus ficheros a un almacén virtual. Este último procedimiento es el más rápido.
Dispones de un cargador múltiple y del simple, este último utilízalo si vas a subir menos de
5 canciones o si tienes problemas con el cargador múltiple.
El procedimiento desde el cargador múltiple es el siguiente:
-Hacemos clic en el botón “Haz clic para agregar música”
-Se abre una ventana que nos permite explorar nuestro disco duro donde seleccionamos
los ficheros a subir (img.3 más abajo) y los añadimos pulsando el botón “abrir”.
img.1 Comenzar a crear nuestro player
-Cuando los hemos añadido se muestra una ventana con la opción “Agregar más” (si
queremos continuar añadiendo canciones) o “cargar” si ya hemos terminado de añadir
(img.4 más abajo) y queremos subir los ficheros. Haciendo clic en el botón cargar, comienza la subida de nuestras canciones (img.5 más abajo)
img.3 - selección de los ficheros en nuestro disco duro
img.4 - clic en botón “cargar” para subir los ficheros
img.5 - Los ficheros seleccionados de nuestro disco duro se suben a musicacopyleft.es
Si usamos el “cargador simple” este es el interfaz (img 6) de la ventana de carga:
img.6 - Con el cargador simple seleccionamos los ficheros de uno en uno desde nuestro ordenador
... y en el cargador sencillo también tenemos la opción ( a la derecha ) de
agregar música desde un sitio externo, copiando la URL de enlace al fichero
mp3 (img.7 de la izquierda).
Cuando comienza la carga de ficheros se nos muestra un mensaje en
nuestro navegador que nos avisa para que no cerremos esa ventana. Si
queremos seguir navegando, tenemos que abrir una nueva ventana, cerrar la
ventana de carga sería lo mismo que cancelarla (img.8 de abajo):
img.7 - opción copiar URL de enlace a fichero externo
img.8 - abrir nueva ventana y dejar esa ventana abierta
Ya hemos subido todos los ficheros ( o copiado las URL de enlace ) de la música que va a contener nuestro playlist y el siguiente paso
es editar la imagen del player y los créditos de las canciones siguiendo el orden que se muestra en la imagen de abajo (img.9). Opcionalmente podemos escuchar las canciones desde esta pantalla para comprobar que corresponden a las que hemos seleccionado.
= subir imagen
img.9 - panel de edición de las canciones subidas
Editados los créditos de las canciones y con las imágenes ya seleccionadas, pulsamos el botón “guardar” y el sistema comenzará a
subir las imágenes y guardar los cambios. Al concluir muestra la ventana final (img.10)
img.10 - ventana final de edición del player
Desde esta última ventana podemos añadir más canciones, cambiar el orden de las que hemos subido, editarlas o eliminarlas.
= editar
= eliminar
El player se mostrará por defecto en la columna izquierda de nuestra página, aunque lo podemos mover donde queramos (excepto a
algunos espacios fijos determinados por la Red) como veremos más adelante. Ahora vamos a ver opciones de configuración del player y
como promocionarlo fuera de nuestra página de musicacopyleft.es, ya sea en nuestro blog, website o en otras redes sociales (facebook,
myspace, etc)
img.11 - edición funciones, promocionar player y código insertar
Con este botón podemos editar la forma en que el player va a mostrarse y funcionar en nuestra página, para
que comience la reproducción de forma automática sin necesidad de hacer clic en el botón “play”, que se muestre o no la lista de canciones o que éstas se reproduzcan de forma aleatoria.
Estas estrellas tiene una función muy importante puesto que son las que se utilizan para votar las canciones.
Cuantas más veces las voten y con más estrellas, más populares serán esas canciones dentro de la Red y se
mostrarán en el player de la página principal en un lugar relevante. También se pueden votar el el player que insertéis en otras Redes,
vuestra web o blog.
Como hemos dicho anteriormente podemos mover nuestro player a otros lugares de nuestra página, por ejemplo a la parte central
superior, para que los usuarios que nos visiten lo vean según entran y puedan escuchar nuestra música de forma inmediata y si hemos
configurado nuestro player en autoplay, que puedan cambiar de canción, pausarla o bajar el volumen mientras ven un video nuestro
insertado en el cuadro de texto libre o realizan otra actividad.
Veamos como cambiamos nuestro player de posición en dos sencillos pasos que ilustramos también en imágenes:
Ponemos el cursor del ratón sobre la parte superior izquierda del player hasta que el icono de arrastrar
aparece (img. 12), hacemos clic con el botón izquierdo del ratón y sin dejar de apretarlo movemos el player hasta donde deseamos colocarlo. Mientras lo arrastramos el player no lo vemos porque se sustituye por una imagen con transparencia (img.13) que nos indica que lo estamos moviendo.
img.13
img.12
Cuando estamos en el lugar de la página donde queremos colocarlo soltamos el botón del ratón y ya habremos concluido el proceso
(img.14 y 15)
img.14 módulo donde vamos a colocar el player
img.15 player cambiado correctamente
El formato del player en la parte central de la página (más ancho) nos permite un mejor acceso a las diferentes configuraciones y al
código para insertar en sitios externos. Haciendo clic en el icono
publicamos en nuestro perfil o página de Facebook directamente.
Las opciones compartir, orden aleatorio y pop out (reproductor en ventana separada) que antes estaban reunidas en un solo botón con
un menú contextual, ahora están en botones individuales (img. 16).
img.16 botones de opciones independientes
Utilizando el icono de editar
podemos continuar editando las canciones de nuestro player. (img. 17)
img.17 Continuar editando canciones
Ahora, con más opciones (nuestra página web, estilo de música, año de edición, marcar letra explícita, etc). Img. 18
img.18 - Haz clic en “Más” para acceder a opciones de edición extra
PLAYER - TUTORIAL DE MUSICACOPYLEFT.ES
Ciberactivos - diciembre 2009
www.musicacopyleft.es