HTML5 Canvas System Samspill: Animasjon, Audio / Video, og brukerhendelser

April 27  by Eliza

HTML5 Canvas-applikasjoner kommunisere med verts nettleser for animasjonstilbakeanrop, spille av lyd / video, og håndtering av brukerhendelser. Dette gir en toveis kanal mellom Javascript-kode og nettleseren. Javascript-kode kan bli gjort oppmerksom på leseraktiviteter og instruere nettleseren på tiltak for å ta.

Animasjon

setInterval (callbackFunction, intervalInMilliseconds)

Kommentar: Returnerer en ID

setTimeout (callbackFunction, intervalInMilliseconds)

window.requestAnimationFrame

Kommentar: Nettleserspesifikke versjonene inkluderer

webkitRequestAnimationFrame, mozRequestAnimationFrame,
oRequestAnimationFrame, msRequestAnimationFrame

Audio / video

Disse funksjonene referere en lyd- eller videoelementet med dot syntaks notasjon. Her er et eksempel: audioElement.play ().

canPlayType (fileMimeType)

Kommentar: Går tilbake "kanskje", "trolig", eller ""

belastning ()

spille ()

pause ()

setAttribute ("src", "fileSource")

Brukerhendelser

document.onkeydown = function (event) {var key = event.keyCode; . . .}

Kommentar: Felles lesertyper vindu hendelses inkludere

onclick, ondblclick, onmousedown, onmousemove,
onmouseover, onmouseout, onmouseup, onkeydown,
onkeypress, onkeyup, onctrlKey, onaltKey, onshiftKey

canvas.addEventListener ("type", funksjon, false)

Kommentar: Common Canvas typer område hendelses inkludere

klikk, DblClick, fokus, focusin, focusout, keydown,
tastetrykk, keyup, mousedown, mouseenter, mousemove,
mouse, mouseup, musehjul, pause, bla,
touchstart, touchmove, touchend, volumechange