Helper - Audio

Genera el codigo HTML5 para la etiqueta Audio.
Metodos del Helper Audio:

METODOS

  • id(string): Identificador unico para el elemento HTML.
  • setCss(string): son las clases que se aplican al elemento, las mismas se separan por un espacio.

  • autoplay(boolean): indica si al cargar la pagina comienza la ejecucion(true) o no (false).
  • controls(boolean): indica si se mostraran los controles del elemento (true) o no (false).
  • file(string): ruta del archivo a reproducir.
  • loop(boolean): indica si la cancion se repetira indefinidamente(true) o una sola vez(false).
  • preload(none/auto/metadata):
    • none: no almacena temporalmente el archivo.
    • auto: almacena temporalmente el archivo multimedia.
    • metadata: almacena temporalmente sólo los metadatos del archivo.
  • setComent(string): texto que se incluye si el navegador no soporta la etiqueta.

  • render(): genera el HTML5 con todas las propiedades establecidas.
Vamos a generar una etiqueta de audio con las siguientes caracteristicas,
- no se inicie al cargar la pagina (autoplay)
- que se vean los controles (controls)
- ingresaremos dos archivos (file)
- que se repita una vez terminada (loop)
- sin ningun tipo de precarga (preload)
- Comentatio de texto si no es soportada la caracteristica.
- un identificador
- un estilo
Un codigo para lograe eso seria:
<?php
    
// Primera Forma
    
use agenor\helpers\HTML5 as HTML5;
    echo 
HTML5::Audio() ->autoplay(false)
                        ->
controls(true)
                        ->
file($this->_urlBase '/public/audio/alarma.mp3')
                        ->
file($this->_urlBase '/public/audio/alarma.ogg')
                        ->
loop(true)
                        ->
preload('none')
                        ->
setComent('Tu navegador no soporta la Etiqueta AUDIO de HTML5')
                        ->
id('idAudio')
                        ->
setClass('center-block')
                        ->
render();
    
// Segunda Forma
    
$this->helper('Audio')-> ....... idem parametros ->render();                        

Estas dos formas son desde la vista o plantilla phtml, pero recordemos que siempre podremos realizarlo desde el adaptador de la aplicacion.

NOTA

Como se ve aqui para abreviar se uso un alias del namespace para la clase HTML5, para acortar el codigo, eso puede resultar eficiente cuando se tengan muchos helpers si no lo podremos hacer de la siguiente manera.
\agenor\helpers\HTML5::Audio()->......->render();