Html5 interacción del sistema de lona: eventos animación, audio / video, y de los usuarios

Video: Animación e interacción de audio en Adobe Edge Animate CC2015

aplicaciones HTML5 Canvas se comunican con el navegador del host para las devoluciones de llamada de animación, la reproducción de audio / vídeo, y el manejo de eventos de usuario. Esto proporciona un canal bidireccional entre el código javascript y el navegador. código javascript puede estar al tanto de las actividades del navegador e instruir al navegador en las acciones a tomar.

Animación

setInterval (callbackFunction, intervalInMilliseconds)

Comentario: Devuelve un ID

setTimeout (callbackFunction, intervalInMilliseconds) window.requestAnimationFrame

Comentario: versiones de un navegador específico incluyen

 webkitRequestAnimationFrame, mozRequestAnimationFrame, oRequestAnimationFrame, msRequestAnimationFrame

Audio Video

Estas funciones hacen referencia a un elemento de audio o vídeo usando la notación de sintaxis con punto. Aquí hay un ejemplo: audioElement.jugar().

Video: Video corporativo Toldos Pacheco 2015

canPlayType (fileMimeType)

Comentario: Las devoluciones “tal vez“, “probablemente“, o “

load () play () Pausa () setAttribute ("src", "fileSource")

eventos de usuario

document.onkeydown = function (event) {clave var = event.keyCode-. . .}

Comentario: navegador de Common tipos de eventos incluyen ventana

Video: techo de lona

 onclick, ondblclick, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onkeydown, onkeypress, onkeyup, onctrlKey, onaltKey, onshiftKeycanvas.addEventListener ("tipo", Función, false)

Comentario: tipos de eventos Área común de lona incluyen

 clic, dblclick, el enfoque, focusin, focusOut, keydown, pulsación de tecla, keyup, mousedown, MouseEnter, mousemove, al pasar el ratón, mouseup, la rueda del ratón, pausar, avanzar, touchstart, touchmove, touchend, volumechange