Vienna - Componentes | Audio

Última modificación: hace 3 años

El componente "Audio" permite añadir un fichero de audio mp3, a modo de podcast.

Encontraremos este componente en el grupo de componentes "Multimedia".

Proceso de configuración

1. Accede a la pestaña "Propiedades" y, en la propiedad "Vista" selecciona el aspecto deseado para el componente: Grande o Pequeño.

2. En la propiedad "Recurso (.mp3)", selecciona "Examinar" para localizar el fichero deseado en la carpeta de Recursos de la unidad (ver aquí ).

2. Configura el resto de propiedades del componente.

3. Opcionalmente, accede a la pestaña "Añadir". Desde ahí, se podrá añadir un "Pie de foto".

Propiedades

PROPIEDAD	DESCRIPCIÓN
*Título*	Título del audio.
*Vista*	Permite decidir el aspecto que tendrá el reproductor de audio: *Grande.* Reproductor completo, con barra de progreso e indicación de duración. *Pequeño.* Versión reducida, donde solo tenemos el botón de Play/Pause . En esta vista, podemos añadir un Pie de foto, que tendrá este aspecto: Adicionalmente, utilizando la propiedad *"Flotar"*, se puede alinear con el texto
Apariencia	Permite personalizar el aspecto del reproductor: - Estándar: aplica los colores definidos en las propiedades comunes para las botoneras. - Personalizado: permite aplicar un color personalizado al reproductor.
*Recurso*	Fichero de audio que se visualizará. Pulsaremos "Examinar" para acceder a la carpeta de Recursos de la unidad (ver aquí ) y seleccionamos el audio buscado. Se admiten únicamente archivos en formato mp3.
Texto alternativo	Texto descriptivo del audio. En caso de que el audio no se cargue, se verá este texto en su lugar.
Alineación vertical	Propiedad solo disponible con *"Vista"* de tipo *"Pequeña".* Permite alinear el audio con respecto a su pie de foto: al centro o arriba.
*Ancho*	Propiedad solo disponible con *"Vista"* de tipo *"Grande".* Permite modificar el espacio que ocupa el componente dentro de la columna central de contenidos. Por defecto, ocupa el 100% del espacio disponible, pero puede reducirse utilizando otros porcentajes predefinidos o puede disponerse a "full-size". En algunos estilos de las citas, el tamaño "Full" hace que ésta sobrepase al ancho de la columna central.
*Alinear*	Propiedad solo disponible con *"Vista"* de tipo *"Grande". Permite situar el componente alineado a la derecha, a la izquierda o al centro de la columna central de contenidos. Solo tiene efecto cuando aplicamos un "Ancho"* menor al 100%.
*Flotar*	Propiedad solo disponible con *"Vista"* de tipo *"Grande". Permite que el componente quede "enmarcado" en torno a un texto. Primero, en la propiedad "Ancho", marcamos un tamaño menor al 100% (por ejemplo, el 25%). En la propiedad "Flotar"* decidimos en qué posición queremos que quede flotado el componente (a la izquierda o la derecha del texto). Movemos el componente con sus flechas para colocarlo sobre el texto.
Bloquear avance rápido	Solo disponible en la *vista "Grande".* Permite decidir si el usuario podrá avanzar o retroceder libremente por el audio o si la reproducción será automática y no podrá interactuar con ella.