Vienna - Componentes | Audio

Última modificación:


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

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

Image 20380

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. 

Image 20381


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

PROPIEDADDESCRIPCIÓN
TítuloTí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.Image 5783
  • Pequeño. Versión reducida, donde solo tenemos el botón de Play/Pause Image 5784
    En esta vista, podemos añadir un Pie de foto, que tendrá este aspecto:
    Image 20382
    Adicionalmente, utilizando la propiedad "Flotar", se puede alinear con el texto
    Image 20383
AparienciaPermite 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. 
RecursoFichero 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 alternativoTexto descriptivo del audio. En caso de que el audio no se cargue, se verá este texto en su lugar.
Alineación verticalPropiedad solo disponible con "Vista" de tipo "Pequeña".
Permite alinear el audio con respecto a su pie de foto: al centro o arriba. 

Image 20390

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.

Image 5787

  1. Primero, en la propiedad "Ancho", marcamos un tamaño menor al 100% (por ejemplo, el 25%).
  2. En la propiedad "Flotar" decidimos en qué posición queremos que quede flotado el componente (a la izquierda o la derecha del texto).
  3. Movemos el componente con sus flechas para colocarlo sobre el texto.Image 5788
Bloquear avance rápidoSolo 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.

¿Le resulta útil este artículo?
© 2023 Netex Knowledge Factory. Todos los derechos reservados. Aviso Legal | Política de Privacidad | Política de Cookies.
-