Maestro de marcado de audio HTML5

En pocas palabras, hay dos elementos de medios primarios para HTML5, ambos de los cuales son absurdamente fácil de usar. El elemento de audio lleva el nombre , y el elemento de vídeo se denomina . En HTML5, el navegador determina el que los jugadores están incorporados y por lo tanto disponible para su uso. Es necesario planificar el uso de audio y video en consecuencia.

Aquí hay una versión simplificada de lo marcado de audio se ve así:

Aquí el src atribuir puntos para el archivo de audio que le gustaría haber reproducido. Especifica la ubicación del objeto de audio para la reproducción. La ubicación debe ser una URI válida (Uniform Resource Identifier) ​​que, al igual que una dirección URL, identifica donde el navegador debe buscar el archivo de audio.

los controles la entrada se encuentra en una serie de atributos de control que puede utilizar para gestionar la reproducción de audio y de comportamiento, de la siguiente manera (presentadas en orden alfabético):

  • auto-reproducción: Indica al navegador para iniciar la reproducción de audio, tan pronto como se carga el archivo objeto. El único valor legal para este atributo es auto-reproducción, pero ningún valor es estrictamente necesario en HTML5.

  • controles: Indica que el navegador muestre un widget de la pantalla para controlar la reproducción de audio (por lo general con Pausa / Reproducción botones, una barra de progreso, y los controles de volumen). Al igual que con la reproducción automática, el único valor legal para este atributo es controles, pero ningún valor es estrictamente necesario en HTML5.

  • lazo: Indica al navegador para volver al principio y seguir jugando cuando se llega al final del archivo objeto. Aquí, también, el único valor legal para este atributo es lazo, y ningún valor es estrictamente necesario.

  • precarga: Indica al navegador si debe cargar el archivo objeto, y si es así como debe ser precargado. Los valores posibles son

  • ninguno: No cargar cualquier parte del archivo de audio cuando se carga la página

  • metadatos: Cargas solamente los metadatos de audio cuando se carga la página. También establece la reproducción, pero no tiene datos aún cargados.

  • auto: Carga de archivos de audio completo cuando se carga la página

los precarga atributo se ignora si auto-reproducción es presente.

La sección Alternativas es muy interesante y muy útil en el apoyo de los navegadores más antiguos. Página visitantes ven, o correr, el contenido dentro de la etiquetas sólo si su navegador no soporta el elemento de audio (debido a que su navegador ignora las etiquetas que no reconoce), pero los navegadores HTML5 inteligentes son lo suficientemente inteligentes como para saltarse estas direcciones alternativas.

Aquí es donde usted puede llamar a los plug-ins para jugadores específicos y diferentes formatos de archivo, porque usted sabe que sólo los visitantes que no pueden utilizar el incorporado en HTML5 capacidades de reproducción de audio se encuentra con este margen de beneficio.

El ejemplo que aquí se aprovecha de eso para mostrarle cómo llamar a otros formatos de archivo en caso de que el formato elegido no se pueden reproducir. Como se muestra, un navegador que carece de soporte de audio HTML5 mostraría la palabra Alternativas ¡en la pantalla!

Aquí hay algunas marcas que no va a reproducir un .ogg archivo de audio hasta que el usuario activa el botón Reproducir en los controles en pantalla, con un bucle continuo mientras la página se queda en pantalla. También proporciona WAV y MP3 alternativas para navegadores antiguos:

Por defecto, si no incluye una src atribuir en la apertura etiqueta, el objetivo para la primera elemento se juega en un navegador que reconoce el HTML5 elemento. Esta configuración hace que sea fácil de apilar hasta sus opciones de reproducción en la sección Alternativas, comenzando por el que más le interesa, y así sucesivamente.

Si los jugadores para los tres formatos no están disponibles, no hay sonidos se reproducirán en absoluto. Tan pronto como el navegador encuentra un jugador para que coincida con el tipo de archivo de sonido (.ogg En primer lugar, .wav segundo, .mp3 tercero), el navegador utiliza el reproductor para reproducir el sonido, y luego el navegador continúa procesando el resto del documento HTML que sigue.

Esta figura muestra lo que esta página dentro de un archivo HTML correctamente construido con un poco de texto y la información adicional se parece en pantalla en Chrome.

imagen0.jpg


» » » » Maestro de marcado de audio HTML5