Todas las colecciones
Platform Documentación
Player de Audio: Radio Standalone
Player de Audio: Radio Standalone

Te mostramos como configurar este player para tus contenidos AOD y Audio Live

Miguel Giraldo avatar
Escrito por Miguel Giraldo
Actualizado hace más de una semana

Platform te entrega la opción de configurar este player, junto con el player Radio, para la reproducción de tu contenido AOD, en este documento, veras la manera mas fácil para hacerlo.

Nota: para visualizar correctamente la configuración de este player, deben estar activos los módulos Media y Show dentro de la cuenta.

Te diriges al módulo Settings > Players, una vez allí seleccionas +New Audio Player.

Pestaña Design

Dentro de la interfaz, y luego de nombrar tu player, te diriges a la pestaña Design, en donde debes seleccionar el tipo Radio Standalone.

Puedes al igual que con los demás player, configurar los respectivos colores.

Este player te da la opción de visualizar la linea de tiempo de tu señal en vivo, solo debes activar la casilla correspondiente Show Live Timeline. De la misma manera, adiciona tu logo y el thumbnail deseado.

Una vez estos ajustes iniciales, podrás ver a la derecha de la interfaz el resultado de esta configuración.

Para finalizar esta pestaña, si dispones de estilos CSS personalizados, los agregas en la casilla correspondiente de Custom CSS.

Pestaña Splash

Esta pestaña, te permite insertar animaciones en el comportamiento del player al cargar, si deseas cambiar los valores por defecto, basta con que habilites la casilla Enabled.

Cuando activas esta casilla, veras su comportamiento en el preview de la derecha

Una vez habilitada, verás 3 casillas bajo esta que complementan el comportamiento activado, estas son:

  • Delay (seconds): te permite configurar el retardo en la carga del player, por defecto esta ajustado en 2 segundos, que es lo recomendado en estos casos.

  • Animation Type: te permite escoger la animación de carga, existen 2 opciones
    - Pulse: veras que al cargar el player, este se expande hacia el frente en pantalla.
    - Spin: al seleccionarlo, se mostrara el "spinner" de carga girando al iniciar el player.

  • Animation Options: como su nombre lo indica, te da la facilidad de seleccionar un estilo para la animación seleccionada, platform te permite escoger entre 8 opciones diferentes; Linear (lineal), Ease (soltura), Ease-in (leve pausa al inicio de la carga), Ease-out (leve pausa al final de la carga), Once, Reverse (reversa), Alternate (alterna entre las anteriores opciones), puedes seleccionar mas de una a la vez.

  • SVG: puedes añadir animaciones personalizadas, insertando un CSS en los estilos del apartado Custom CSS de la pestaña Design, ten en cuenta los valores mencionados bajo la casilla en caso de que uses esta opción.

Pestaña Contact Form

Te da la opción de configurar un formulario que puedes agregar a tu player mas adelante desde Menu tabs

En esta misma puedes crear entradas según tus necesidades, para hacerlo debes dar click sobre +Add new Form Input, esto abre una ventana emergente sobre la cual configuras tu nueva entrada, agregas un nombre, seleccionas el tipo (texto, número, email. url y campo de texto), escoges el ancho que esta únicamente disponible al 100% o al 50%, puedes adicional habilitar si deseas que esta entrada sea mandatoria de diligenciar o no desde el botón Required.

Una vez configurada, guardas los cambios. de forma inmediata podrás ver la nueva entrada bajo el botón, puedes crear la cantidad de entradas que requieras, editarlas o eliminarlas.

Puedes añadir igualmente los enlaces a tus redes sociales.

Pestaña Menu Tabs

Al igual que con el player de tipo Radio, puedes configurar que tabs deseas que se vean en tu player, a diferencia del player ya nombrado, este te da unas opciones adicionales que explicaremos a continuación.

Debes oprimir +Add new Tab, esto abre un pop-up en el que puedes escoger 3 tipos diferentes:

  • Songs: muestra las canciones al aire de la señal en vivo, en este caso se visualizan acorde a la metadata recibida desde el automatizador, se acumulan acorde al tiempo de retención disponible en las señales de la cuenta.

  • Podcast: permite que organices el contenido AOD disponible y configurado en el módulo show que se va a visualizar en el player, seleccionas el tipo de podcast según lo tengas relacionados en tus show, también puedes ligarla a un producer.

  • Contact Form: en este tab se liga la pestaña mencionada anteriormente (Pestaña Contact Form) para que el formulario configurado se visualice sobre el player. se vera de la siguiente manera

Adicional y sin importar el tipo de tab seleccionado, este player te permite agregar un ícono, escoge el de tu agrado y guardas los cambios. estos iconos se visualizaran si tu player se despliega en dispositivos móviles.

Vista en Móviles

Vista en Web

Para mas información referente a las demás pestañas te invitamos a leerlo en el siguiente enlace: http://docs.mediastre.am/es/articles/5691385-player-de-audio

Nota: Debes tener presente durante la configuración de las tabs que todo contenido VOD que este ligado dentro del show podcast y/o radioshow asociado, reproducirá únicamente la pista de audio, el video no podrá ser visualizado.


Si tienes alguna pregunta adicional, por favor no dudes en contactarnos a través del chat.

Att: El equipo de Mediastream

¿Ha quedado contestada tu pregunta?