Guías/Crear contenido/Incrustaciones/Reproductor de audio de SoundCloud

Reproductor de audio de SoundCloud

Este texto fue traducido usando IA. Si deseas ver el texto original en inglés, haz clic aquí.

WordPress.com y SoundCloud proporcionan una herramienta de incrustación fácil de usar que te permite compartir música de SoundCloud en tu blog. Los usuarios pueden subir su propia música/demos (o cualquier pista compartible) a SoundCloud y luego incrustar un reproductor de música de SoundCloud en sus sitios. SoundCloud admite la carga de archivos AIFF, WAVE, FLAC, OGG, MP2, MP3, AAC, AMR y WMA.

Incrustar una pista de SoundCloud

Una vez que hayas localizado una canción para incrustar, busca el botón «Compartir».

Si una pista no tiene este botón, no podrás reproducirla fuera del sitio web de SoundCloud.

Botón de compartir de Soundcloud

Después de hacer clic en el botón «Compartir», copia la URL en la sección Compartir.

Compartir en Soundcloud

En el editor de WordPress, añade un nuevo bloque de SoundCloud a través del icono de más o escribiendo /soundcloud en un nuevo párrafo.

Bloque de SoundCloud
Type /soundcloud to add a new SoundCloud Block

Pega la URL para compartir de la pista de SoundCloud en el bloque de SoundCloud y haz clic en Incrustar. La miniatura de la pista de SoundCloud aparecerá en tu editor.

También puedes pegar la URL directamente en un nuevo párrafo y la convertiremos automáticamente en el bloque de SoundCloud.

Shortcode de SoundCloud

Si deseas tener un poco más de control sobre el aspecto y el comportamiento de tu incrustación de SoundCloud, puedes usar un Shortcode para añadir la pista a tu sitio.

Copia la URL para compartir de la pista de SoundCloud y, en el editor de WordPress, añade un bloque de Shortcode.

Escribe lo siguiente en el bloque de Shortcode:

Reemplaza «https://soundcloud.com/claude-debussy/clair-de-lune» con la URL de la pista que deseas incrustar.

Personalizar el shortcode de SoundCloud

Si deseas personalizar manualmente el shortcode, tienes las siguientes opciones.

El parámetro «params» pasará las opciones indicadas al widget del reproductor. El reproductor acepta las siguientes opciones de parámetros:

auto_play = (true o false) determinará si la pista comenzará a reproducirse automáticamente al cargarse. (Este parámetro no funciona en dispositivos móviles porque SoundCloud no admite la reproducción automática en ellos).

width/height = (px/%) determinará las dimensiones del reproductor en píxeles o en porcentaje relativo al contenedor padre.

color = (código hexadecimal de color) pintará el botón de reproducción, la forma de onda y las selecciones con este color.

visual = (true o false) determinará si el reproductor utiliza el nuevo reproductor visual de SoundCloud. (Este parámetro debe establecerse en false para que el parámetro color funcione).

Así es como se ve el reproductor cuando se selecciona la primera opción de visualización.

[soundcloud url="https://soundcloud.com/claude-debussy/clair-de-lune" params="auto_play=false&hide_related=false&visual=true" width="100%" height="450" iframe="true" /]

Así es como se ve el reproductor cuando se selecciona la segunda opción de visualización y el color es 00cc11 (verde).

[soundcloud url="https://soundcloud.com/claude-debussy/clair-de-lune" params="color=00cc11&auto_play=false&hide_related=false&show_artwork=true&visual=false" width="100%" height="166" iframe="true" /]

Puedes añadir un shortcode a cualquier página o entrada usando un bloque de Shortcode.

Copied to clipboard!