Con StreamControl puedes poner tu emisora a sonar dentro de tu propio sitio web sin programar. Eliges uno de los 7 diseños de reproductor, ajustas colores, idioma y ancho, ves cómo queda en escritorio, tablet y celular, y copias un código que pegas en tu página.
Antes de empezar
- Necesitas acceso al panel del cliente en https://streaming.webhosting.do/clientes con un usuario de tu empresa.
- Los reproductores web son para emisoras de radio. Si en la barra superior tienes seleccionado un canal de TV o video, cambia a tu emisora. Los canales tienen su propio reproductor de video en su sección Reproductores.
- Ten a mano el logo de tu emisora (PNG con fondo transparente) y una imagen cuadrada de al menos 800 px.
- Necesitas poder editar tu sitio web (WordPress, Wix, HTML u otro) y pegar código HTML.
Paso 1: abre la sección Reproductores
- Entra al panel y selecciona tu emisora en la barra superior.
- En el menú superior, haz clic en Reproductores.
Verás tres bloques: Elige un reproductor, Opciones y Vista previa, y debajo Código para tu web e Identidad en los reproductores.
Paso 2: elige el diseño que va con tu web
En Elige un reproductor tienes siete diseños:
| Diseño | Para qué sirve |
|---|---|
| Barra compacta | Barra horizontal oscura para cabeceras y pies de página. |
| Barra compacta móvil | La barra adaptada a móviles y columnas estrechas. |
| Tarjeta con carátula | Tarjeta clara con imagen grande, ahora suena y últimas canciones. |
| Tarjeta compacta | La tarjeta en tamaño pequeño, para barras laterales. |
| Reproductor vertical | Para columnas laterales y páginas de la emisora, con programación. |
| Reproductor vertical estrecho | La versión estrecha del vertical. |
| Reproductor con participación | Audio en vivo + saludos, canciones y oración (revisados antes de emitirse). |
Haz clic en uno y la vista previa cambia al momento.
Paso 3: ajusta las opciones
En el bloque Opciones puedes cambiar:
- Reproducción automática (autoplay): intenta que la radio suene al abrir tu página.
- Tema: Según el diseño, Claro u Oscuro.
- Color de acento: elige un color con el selector o escribe el código (por ejemplo, el color de tu marca).
- Idioma: español o inglés.
- Ancho: Recomendado, Todo el ancho disponible (100%) o Personalizado (px).
- Mostrar: según el diseño, activa o quita Volumen, Últimas canciones y Programa y programación.
Sobre el autoplay: los navegadores (Chrome, Safari, Firefox, Edge) solo dejan que suene solo si el visitante ya interactuó con tu web o la visita a menudo. Si lo bloquean, el reproductor queda listo y muestra «Pulsa para escuchar»: un toque y suena. La vista previa del panel nunca reproduce sola.
Paso 4: revisa la vista previa en cada pantalla
En Vista previa cambia entre Escritorio, Tablet, Móvil y Estrecho para ver cómo se adapta. Si la pantalla de tu computadora es pequeña, el panel muestra el reproductor reducido para que quepa; en tu web se verá a tamaño real.
Si quieres probarlo aparte, usa Abrir el reproductor en otra pestaña.
Paso 5: personaliza la identidad de tu emisora
En Identidad en los reproductores defines lo que muestran todos los reproductores a la vez:
- Logo de la emisora: PNG con fondo transparente, cuadrado o apaisado. Usa Elegir de la biblioteca o Subir imagen.
- Imagen de la emisora: se muestra cuando la canción no tiene carátula. Cuadrada, mínimo 800 px.
- Eslogan: por ejemplo, «Música y buena compañía».
- Ubicación: ciudad y país.
- Haz clic en Guardar identidad.
El Sitio web aparece aquí solo como información. Si sale «sin configurar», lo cambias en Ajustes → Mi emisora → Configuración, campo Sitio web (ver la guía de ajustes de la emisora).
Si falta alguna imagen, el reproductor usa un diseño de respaldo, así que nunca se ve vacío.
Paso 6: copia el código y pégalo en tu web
En Código para tu web tienes dos formatos:
- Iframe: pégalo donde quieras que aparezca el reproductor. El pequeño script que lo acompaña ajusta la altura automáticamente. Es la opción más sencilla para WordPress, Wix y constructores parecidos.
- Script: una etiqueta div y un script. El script crea el reproductor y lo adapta al ancho y alto disponibles. Si repites el div, puedes poner varios reproductores en la misma página.
Haz clic en Copiar código. Verás el aviso «Código copiado». Luego, en tu sitio web, añade un bloque de HTML personalizado y pega el código.
Todos los reproductores muestran en una esquina «Streaming by WebHosting.do», con enlace a webhosting.do.
Consejos
- Para la cabecera o el pie de tu web, la Barra compacta ocupa poco y se ve bien en todas las páginas.
- En una barra lateral de WordPress, prueba la Tarjeta compacta o el Reproductor vertical estrecho.
- Si cambias opciones (color, idioma, secciones), vuelve a copiar el código: las opciones viajan dentro del código. La identidad (logo, eslogan), en cambio, se actualiza sola en todos los reproductores ya pegados.
- Usa un color de acento con buen contraste sobre el tema que elegiste.
Problemas frecuentes y soluciones
El botón Copiar código no funciona. Aparece «No se pudo copiar. Selecciona el texto y cópialo.». Selecciona el código a mano dentro del recuadro y cópialo con Ctrl+C (o Cmd+C en Mac).
La radio no suena sola al abrir mi página. Es el bloqueo de autoplay del navegador. El reproductor queda listo con «Pulsa para escuchar»; el visitante solo tiene que tocarlo.
Dice «Los reproductores web son para emisoras de radio». Tienes seleccionado un canal de TV, video o videoteca. Cambia a tu emisora en la barra superior.
El Reproductor con participación muestra un aviso de sitios autorizados. Ese reproductor solo puede insertarse en sitios autorizados, para proteger el consentimiento de los oyentes. Escríbele al soporte de WebHosting.do con la dirección de tu web para que la autoricen.
El reproductor dejó de cargar en mi web. Revisa que la Página pública activada siga marcada en Ajustes → Mi emisora → Configuración. Si la desactivas, los reproductores dejan de mostrarse.
Preguntas frecuentes
¿Cuántos reproductores puedo poner en mi web?
Los que necesites. Con el formato Script puedes repetir el div en la misma página, y puedes pegar diseños distintos en páginas distintas.
¿El reproductor funciona en celulares?
Sí. Todos se adaptan al ancho disponible, y la Barra compacta móvil y el Reproductor vertical estrecho están pensados para pantallas y columnas pequeñas. Compruébalo en la vista previa con Móvil o Estrecho.
¿Si cambio mi logo tengo que pegar el código otra vez?
No. El logo, la imagen, el eslogan y la ubicación se guardan en Identidad en los reproductores y se actualizan en todos los reproductores ya insertados.
¿Puedo quitar el texto «Streaming by WebHosting.do»?
No. Todos los reproductores lo muestran en una esquina, con enlace a webhosting.do.
¿Los oyentes pueden mandar saludos desde el reproductor?
Sí, con el Reproductor con participación. Los saludos, pedidos de canciones y peticiones de oración llegan a tu bandeja de Participación y se revisan antes de salir al aire.
