Video og audio
video
Theo (2) tatt opp med IPhone og konvertert til ogg hos media.io [3]
<video controls="controls"> <source src="teo1.mp4" type="video/mp4"/> <source src="teo1.ogg" type="video/ogg"/> nettleseren støtter ikke video </video>
Video atributter
| autoplay | videon starter så snart HTML-siden har lastet nok data |
| controls | setter opp et sett med standard kontrollere |
| height | høyden |
| loop | videon gjentas |
| muted | lyden er av |
| poster | bilde som vises før videoen aktiviseres |
| preload | angir bufferstrategi. auto: last alt når siden lastes metadata: bare metadata lastes none: ingen data lastes når siden lastes |
| src | datakilde kan erstattes med en eller flere source-elementer |
| width | bredde |
Videon vises med riktig forhold mellom høyde og bredde, selv om vi forsøker å provosere fram noe annet.
Med egne kontrollere
<video style="text-align:center" id="v2" preload="none" width="300px" poster="video.jpg">
<source src=" teo1.mp4" type="video/mp4"/>
<source src=" teo1.ogg" type="video/ogg"/>
nettleseren støtter ikke video
</video>
<script>
var theVideo=document.getElementById('v2');
function soundOnOff(){theVideo.muted=!theVideo.muted}
</script>
<div style="text-align:center;font-size:18px">
<a href="JavaScript:theVideo.play();">Spill | </a>
<a href="JavaScript:theVideo.pause();">Pause | </a>
<a href="JavaScript:soundOnOff();">Lyd Av/På</a>
</div>
audio
fra metadecks.org [5]
<audio controls="controls"> <source src="organ1.ogg" type="audio/ogg"/> <source src="organ1.mp3" type="audio/mp3"/> nettleseren støtter ikke audio </audio>
og
Konvertert fra mp3 hos media.io [2]
<audio controls="controls"> <source src="BruceSpringsteenHungryHeart.ogg" type="audio/ogg"/> <source src="BruceSpringsteenHungryHeart.mp3" type="audio/mp3"/> nettleseren støtter ikke audio </audio>
Audio atributter
| autoplay | videon starter så snart HTML-siden har lastet nok data |
| controls | setter opp et sett med standard kontrollere |
| loop | videon gjentas |
| muted | lyden er av |
| preload | angir bufferstrategi. auto: last alt når siden lastes metadata: bare metadata lastes none: ingen data lastes når siden lastes |
| src | datakilde kan erstattes med en eller flere source-elementer |
Properties
Et audio eller video object har en memgde egenskaper som vi kan lese / manipulere fra JavaScript. Det vil føre for langt å forklaer og eksemplifisere disse her. Noen av dem er selvforklarende, men ande er litt mer involverte.
audioTracks, autoplay, buffered, controller, controls, crossOrigin, currentSrc,
currentTime, defaultMuted, defaultPlaybackRate, duration, ended, error, loop,
mediaGroup, muted, networkState, paused, playbackRate, played, preload, readyState,
seekable, seeking, src, startDate, textTracks, videoTracks, volume
Events
Et audio eller video object fyrer av en rekke begivenheter som vi kan plukke opp og respondere på i JavaScript. Det vil føre for langt å forklaer og eksemplifisere disse her. Noen av dem er selvforklarende, men ande er litt mer involverte.
abort, canplay, canplaythrough, durationchange, emptied, ended, error, loadeddata, loadedmetadata, loadstart, pause, play, playing, progress, ratechange, seeked, seeking,
stalled, suspend, timeupdate, volumechange, waiting
