Apps de música: agregar y configurar un reproductor de SoundCloud
5 min de lectura
Comparte tu música favorita de SoundCloud en tu sitio. Este reproductor personalizable hace que sea más fácil que nunca mostrar pistas, listas de reproducción y pódcast. Basta con pegar una URL o un código incrustrado de SoundCloud en tu reproductor y conectarte.
![Captura de pantalla de un sitio online con un reproductor SoundCloud.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/06/20/5f51cc2e-7a37-48b1-b79d-82bb41a39d88/ea17243c-9a8b-4c81-b5f5-72fc9aea1e28.png)
Paso 1 | Agrega el reproductor SoundCloud
Primero, agrega la app SoundCloud a tu sitio. Luego, puedes enlazar a tu música y personalizar los ajustes y el diseño del reproductor.
Editor de Wix
Editor de Wix Studio
Panel de control
- Ve al editor.
- Haz clic en Agregar elementos
a la izquierda del editor.
- Haz clic en Video y música.
- Haz clic en Reproductor SoundCloud.
- Arrastra el reproductor a la página.
![Captura de pantalla que muestra el panel Agregar, en la que se resalta el reproductor SoundCloud.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/06/14/f7b0ad5e-9729-4b3c-8ab5-f79060857e54/024cc44a-c689-42c4-8baf-dffcf92e08c9.png)
Paso 2 | Agrega la URL de SoundCloud o el código incrustado
A continuación, recupera la URL o el código incrustrado de la pista, el álbum o la lista de reproducción, y agrégalo al reproductor en tu sitio.
Para agregar un código o una URL de SoundCloud:
- (En tu cuenta de SoundCloud) Busca la música que deseas agregar.
- Selecciona Compartir.
- Haz clic en Compartir o Incrustar.
![Captura de pantalla de las opciones Compartir e Incrustar en SoundCloud.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/06/20/0b9f4689-8439-44ba-a65c-462964db5e2f/ed5f3bc8-cabc-48e9-99bd-ea7af29448f9.png)
- Copia la URL o el código.
- (En el editor) Haz clic en el reproductor SoundCloud.
- Haz clic en Ajustes.
- Pega la URL o el código.
- Haz clic en Confirmar.
![Captura de pantalla del botón de confirmación en la pestaña Ajustes.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/06/20/bf702127-a964-45c3-b785-5b203ffe11bf/de3591c1-ee6b-46ae-9fef-66da103db7ac.png)
Paso 3 | Configura el reproductor
Ahora es el momento de elegir qué muestra el reproductor SoundCloud a los visitantes. Puedes mostrar cuántas veces se ha reproducido la canción y los comentarios que han dejado los usuarios de SoundCloud.
Para ajustar la configuración del reproductor:
- Haz clic en el reproductor SoundCloud desde el editor.
- Haz clic en Ajustes.
- Haz clic en la palanca correspondiente para mostrar u ocultar el recuento de reproducciones y los comentarios.
![Captura de pantalla de la pestaña Ajustes, en la que se resaltan las palancas.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2024/06/20/79439b50-e316-4483-8d62-6387f12643cb/b11c4304-8f03-4b65-81b2-e500a2c72a93.png)
Paso 4 | Diseña el reproductor
Por último, personaliza el aspecto de tu reproductor SoundCloud para que se adapte mejor al diseño de tu sitio.
Para personalizar el diseño del reproductor:
- Haz clic en el reproductor SoundCloud desde el editor.
- Haz clic en Ajustes.
- Haz clic en Diseño.
- Elige lo que quieras personalizar:
- Elige un estilo: selecciona el estilo que mejor se adapte a tus necesidades.
- Color: elige un color para el botón de reproducción de tu reproductor SoundCloud.
![Captura de pantalla de las opciones de diseño de SoundCloud.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8bfd4238-b80c-4a51-9f46-b907c2acff01/2022/10/11/f4554f10-eeca-4742-b209-1dcfc7fc9d5a/6c8181ac-6a85-41d6-9185-2306a1cfe5f6.png)
Solucionar problemas con el reproductor SoundCloud
Haz clic en uno de los siguientes problemas para aprender a resolverlo:
Se muestra un mensaje de error en el editor
La música no se reproduce
¿Todavía necesitas ayuda?
Si el problema persiste, entra en contacto con nostras, y estaremos encantados de ayudarte. Incluye la siguiente información:
- El nombre y la versión del navegador web que estás usando.
- El nombre y la versión del sistema operativo de tu computadora.
- Una captura de pantalla de la vista de tu consola siguiendo los estos pasos:
- Abre una ventana de incógnito en Google Chrome (Ctrl + Shift + N).
- Inicia sesión en Wix e intenta abrir el editor.
- Usa el atajo de teclado Ctrl + Shift + J (en una PC) o Cmd + Option + J (en una Mac).
- Haz clic en la pestaña Consola en la parte superior del panel y actualiza la página (F5).
- Toma una captura de pantalla de esta pestaña.
¿Te ha sido útil?
|