reproductor de musica

Poner Audio en una entrada

Este es un ejemplo de un artículo o entrada en la que además del texto que veis podéis escuchar una canción o una lista de reproducción.

En este caso esa canción o lista de música se encuentran en alguna página web y nosotros simplemente ponemos el código HTML que nos da para que podamos escuchar la canción o lista de música. Hay muchas páginas que permiten hacer esto como goear.com, deezer.com, etc.

1) Poner reproductor con una canción de goear.com

Para escuchar cualquier canción o lista de reproducción de esta página no  es necesario registrarse. El registrarse es para crear sus propias listas de reproducción.

Como queremos poner una canción, cuando estemos en esta página debemos  poner el título de la canción y si se quiere el nombre del artista y tras asegurarnos que en la lista despegable pone poner Música pulsar el botón buscar.

A continuación se mostrarán todos los resultados que existen en esa página y que coincide con lo que has puesto para buscar, por lo que debes mirar cual es el que te interesa y pulsar sobre dicha canción. Ten en cuenta que pueden salir tantos resultados ya que puede ser que varias personas hayan subido esa canción.

Cuando entras en la canción deseada y empieza a reproducirse verás que te muestra distintos códigos HTML para que lo puedas poner en un blog o en cualquier otro tipo de página. Aunque puede ser que todos funciones en blogger, se recomienda que cojas aquel que ponga que es el mejor para blogger.

Una vez que tenemos el código, ya podremos irnos a la entrada que estamos creando y poniendo el editor en modo HTML pegar dicho código. Recuerda volver después al modo REDACTAR que es el normal. Cuando estés en modo redactar debes tener en cuenta que puedes ser que no veas nada que indique que se ha puesto ese código pero que cuando le des a vista previa o a publicar si aparecerá, por esto yo siempre recomendaba que antes de poner el código abriésemos un hueco. De todas formas si has puesto el código que te recomendaban para blogger si que se debe ver un recuadro que representa el reproductor de música que has puesto.

Aquí abajo te dejo una canción de listengo centrada ya que he puesto el código entre los comandos center y /center.

<object width="353" height="132"><embed src="http://www.goear.com/files/external.swf?file=f3815d7" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="353" height="132"></embed></object>

video

Poner Vídeo en una entrada

En este artículo vamos a ver como podemos insertar o incrustar en un artículo un vídeo youtube.

Para ello debemos irnos a youtube.com, buscar el vídeo deseado y una vez que se empiece a reproducir observaremos que si pulsamos sobre el botón Compartir nos saldrá la URL que deberíamos copiar si quisiésemos insertar el enlace del vídeo y para que aparezca el código HTML debemos pulsar el botón insertar. Antes de copiar el código sería interesante configurar aspectos de control como si queremos que haya borde o no, si queremos que se incluyan vídeos relacionados, la anchura y altura, etc.

Una vez que tenemos el código podríamos copiarlo pero para ello debemos estar en el modo Edición de HTML.

A continuación mostramos un vídeo de youtube:

 Observa que ese vídeo está alineado a la izquierda pero ahora lo voy a poner centrado:

Y por último lo voy a poner alineado a la derecha:

 En el caso de un vídeo, cuando se inserta el código estando en el modo HTML y volvemos al modo Redactar no podemos reproducir el vídeo pero si podemos ver un recuadro que representa el vídeo y por tanto lo podemos seleccionar y pulsando sobre el botón de alineación decidir si lo queremos alineado a la izquierda, en el centro o a la derecha. 


Esto mismo que hemos hecho con youtube lo podremos hacer con cualquier otra página que muestren vídeos y que nos de la posibilidad de obtener el código que necesitemos para visualizar el vídeo en nuestra web. Hay infinidad de páginas que nos permiten hacer esto y en este artículo se describen varias de ellas. Animaros a poner algún vídeo de otra página que no sea de youtube.