Explicación detallada del uso de audio HTML5 Medium -TV

Formato de video común

• Componente del video: pantalla, audio, formato de codificación
• Codificación de video: H.264, Theora, VP8 (Google Open Source)

HTML5 admite formato de video:

1. OGG

Archivo OGG con codificación de video Theora+Vorbis Audio Codificación

Navegador compatible: F, C, O

2. MEPG4

Archivo mpeg4 con codificación de video H.264+codificación de audio AAC

Navegador compatible: S, C

3, webm

Formato Webm con codificación de video VP8+codificación de audio Vorbis

Navegador compatible: i, f, c, o

Desventajas: pocos videos, casi sin transcodificadores, no son buenos para transcodificar

Si desea un video, puede llenar automáticamente el tamaño del Padre Slow Div, solo agregue el estilo = Width = 100%a la etiqueta de video = 100%;

Especificar un formato de video.

 <video id = medios src = examp.mp4 width = 500 póster = examp1.jpg> Su navegador no es compatible con Video </Video>

Dada una variedad de formatos de video, que el tipo de navegador elige reproducir de acuerdo con su propio grado

 <Video Controls = Controls> <Source src = 1.mp4 type = video/mp4/> // Las propiedades de SRC escriben en etiquetas de origen, para especificar el tipo de video, por ejemplo, el mp4 es type = video/mp4 <fuente de fuente Src = 2.gg type = video/ogg/> // format ogg <fuente src = 3.webm type = video/webm/> // format de webm </video>

Atributo API

• Duración: devuelva la longitud del audio/video actual (en segundos)
• Paused: establecer o devolver audio/video si se detiene
• CurrentTime: configure o devuelva la posición de reproducción actual en audio/video (en segundos)
• Finalizado: si la reproducción del audio/video ha terminado

1.4.1 Método de video

Método común

• Play (): Empiece a reproducir audio/video
• pausa (): suspenda el audio/video actual

1.4.2 Estado de la red

Obtener objeto de video

 Medios = document.getElementById (medios);

1.Media.CurrentsRC;

Volver a la URL del recurso actual

2.media.src = valor;

Devolver o establecer la URL del recurso actual

3.Media.CanPlayType (tipo);

¿Puedes jugar un cierto recurso de formato?

4.media.networkState;

0. Este elemento no se inicializa

1. Normal pero no usando la red

2. Descargar datos

3. Sin recurso

5.media.load ();

Vuelva a cargar el recurso especificado por SRC

6.media.buffered;

Regresar al área del búfer, Timeranges

7.media.preload;

Ninguno: no pre -carga

Metadatos: información previa a los recursos

Auto:

1.4.3 Estado de preparación

1.media.readystate

2. Media.

Si estás buscando

1.4.4 Estado de juego

1.Media.CurrentTime = Value;

La posición de juego actual se puede cambiar a la posición

2.Media.Starttime;

Generalmente 0, si es un medio de transmisión o el recurso que no comienza desde 0, no es 0

3.Media. Duración;

La longitud de recurso actual fluye hacia atrás ilimitado

4.Media.

Si hacer una pausa

5.Media.DefaultPlayBackRate = valor;

La velocidad de reproducción predeterminada, puedes configurar

6.media.playbackRate = valor;

La velocidad de reproducción actual se cambia inmediatamente después de configurar

7.media.played;

Regrese al área que se ha jugado, Timeranges, vea el objeto a continuación sobre este objeto

8. Media. Seekable;

Regresar al área que puede buscar

9.media.nded;

Si terminar

10.media.autoPlay;

Si jugar automáticamente

11.media.loop;

Si circular

12.media.play ();

Jugar

13.media.Pause ();

pausa

1.4.5 Control de video

• Media.controls;
• Media.volume = valor;
• Media.muted = valor;
• Objeto de tiempo de tiempo (región)
• Timeranges.length;
• Timeranges.start (índice) // La posición inicial del área de la sección de índice
• Timeranges.end (índice) // El final del área de la sección de índice

1.4.6 Eventos relacionados

1. En primer lugar, puede unir el evento a través del método AddEventListener en JS

2. Eventos comunes

• OnCanPlay: el script que se ejecuta cuando el archivo está listo (el búfer es suficiente al principio).
• OnTimeUpdate: un script se ejecuta cuando cambia la posición de reproducción (como cuando el usuario está a punto de ingresar una posición diferente en el medio).
• ONEDEND: El script que se ejecuta cuando los medios han llegado al final (pueden enviar mensajes como gracias a la visualización).

1.4.7 otros

1. Pantalla completa:

• element.webkitRequestfulScreen ();
• Element.MozRequestfulScreen ();
• Element.RequestfulScreen ();

2. Salga de la pantalla completa:

• document.webkitcanceltscreen ();
• Document.MozCanceltScreen ();
• document.exitfulScreen ();

1. Formato de audio común

Codificación de audio: ACC, MP3, Vorbis

2. HTML5 admite el formato de audio:

• Navegador OGG gratuito: C, F, O
• Navegador de carga mp3: I, C, S
• WAV Barging navegador: F, O, S

Soporte para el formato musical

El audio puede ser creado por nuevo. También puede obtenerlo usando documens

 // 通过 Nuevo 关键字来创建 Audio 对象 Var Music = New Audio (test.mp3); // 通过 Documento 来获取已经存在的 Audio 对象 var music = document.getElementById (audio); // 当然这里也可以使用 documento Obtenga otros métodos como .getElementsByClassName ('ClassName').

En primer lugar, puede unir el evento a través del método AddEventRistener en JS

De hecho, la API y el audio de Video son casi consistentes. Un poco diferente. Entonces, básicamente, uno de los otros estará allí

Lo anterior es todo el contenido de este artículo.