Html5 interação sistema de tela: eventos de animação, áudio / vídeo, e de usuário

aplicações HTML5 Canvas comunicar com o navegador anfitrião para retornos de chamada de animação, a reprodução de áudio / vídeo, e lidar com eventos do usuário. Isso proporciona um canal de duas vias entre o código javascript e do navegador. código javascript pode ser feita ciente das atividades do navegador e instruir o navegador em ações a serem tomadas.

Animação

setInterval (callbackFunction, intervalInMilliseconds)

Comentário: Retorna um ID

setTimeout (callbackFunction, intervalInMilliseconds) window.requestAnimationFrame

Comentário: versões específicas do navegador incluem

 webkitRequestAnimationFrame, mozRequestAnimationFrame, oRequestAnimationFrame, msRequestAnimationFrame

Áudio vídeo

Essas funções fazem referência a um elemento de áudio ou vídeo usando a notação de sintaxe de ponto. Aqui está um exemplo: audioElement.Toque().

Video: Google Cast & Android TV: Building connected experiences for the home - Google I/O 2016

canPlayType (fileMimeType)

Comentário: Returns “talvez“, “provavelmente“, ou “

Video: Develop Mobile Apps without Infrastructure (Firebase Dev Summit 2016)

setAttribute pausa load () play () () ("src", "Filesource")

eventos do usuário

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

Comentário: navegador Common tipos de eventos janela incluem

 onclick, ondblclick, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onkeydown, onkeypress, onkeyup, onctrlKey, onaltKey, onshiftKeycanvas.addEventListener ("tipo", Função, false)

Comentário: lona comum tipos de eventos área incluem

 clique, dblclick, foco, focusIn, focusOut, keydown, keypress, keyup, mousedown, mouseenter, mousemove, mouseover, mouseup, mousewheel, pausa, rolar, touchstart, TouchMove, touchend, volumechange