HTML5 video

HTML5 har innebygd støtte for å inkapsle video på vev‐sider.

Videoen fungerer slik at videoen vises direkte i web‐siden, uten bruk plugin eller ekstraprogram (som f.eks. Windows Media Player eller Quicktime).

Fordelen med HTML5‐baserte løsninger (inkludert CSS og Javascript) er tilgjengelighet overalt der det er en nettleser.

Det kan distribueres og kjøres via en web‐side helt uten installasjon av noe slag.

Det er et åpent plattformuavhengig lisensfritt.

I praksis er det liten fare for å bli utsatt for angrep vha. JavaScript‐kode.

HTML5 kjører på alle datamaskiner og mobile‐enheter slik som iPhone, Android, iPad, tablet og smarttelefoner.

HTML5 er raskere og fungerer bedre på Mac og Linux.

Også Microsoft og Windows har full støtte for HTML5‐video.

Videoelementet vil erstatte lukkede standarder som f.eks. Flash som også krever en egen plugin som må lastes ned.

Dessuten fungerer ikke Flash på iOS (iPhone, iPad, iPod) og heller ikke på Android‐mobiltelefoner og er det generelt dårlig på mobile enheter fordi det ikke er kompatibelt med pekeskjermer og bruker mye strøm.

For å sjekke om nettleseren er kompatibel med HTML5 og om videoelementet støttes kan en gå inn på html5test.com

WebM er et innpakkingsformat (beholderformat) for video.

Inne i filen er det plass til en videofil i VP8‐videoformat og en lydfil i Vorbis‐format.

WebM et patentfritt åpen under BSD‐lisens.

MP4 er et beholderformat for video som kan inneholde H.264 og AAC (Advanced Video Coding).

H.264 eller AVC er identisk med MPEG‐4 Part 10 standard for videokompresjon.

Fordelen med H.264 er at det er implementert og fungerer på alle OS, og nesten overalt ellers, som f.eks. på spillkonsoller og eldre mobiltelefoner.

God kompresjon, videokvalitet maskinvarestøtte.

Standarden er åpen og vedlikeholdes av ISO.

Problemet er at formatet ikke er patent‐ og royaltyfritt.

HTML5 tillater begge video‐formatene. Noen nettlesere støtter bare ett av formatene.

Firefox og Opera som støtter webM og ikke MP4 (H.264).

Safari, IE og Android støtter MP4, men ikke webM. Google Chrome støtter begge.

Eksempel 1

Koden for å legge inn video i html5‐vevsider er enkel:

<video 
src="filmnavn.mp4" 
controls="controls">
Feilmelding: Nettleseren støtter ikke HTML5-video.
</video>

Da kan en få følgende:

Eksempel 2

En annen variant bruker et bilde som poster:

<video
controls="controls"
poster="bilde.jpg"
width="640" height="360"
>
<source src="filmnavn.mp4" type="video/mp4">
<source src="filmnavn.webm" type="video/webm"> 
<span>Feilmelding: Nettleseren støtter ikke HTML5‐video. </span> 
</video>

Resultatet kan bli slik:

For å se videoen trengs støtte for H.264 eller WebM.

«controls» sier at nettleserens egne kontroller brukes for å kontrollere avspilling.

«poster» spesifiserer et bilde som vises i brukergrensesnttet for avspilling starter.

«src» angir kilden.

Det kan angis flere kilder, i dette tilfelle to kilder, en mp4‐ og en webM‐fil.

Nettleseren velger det første gjenkjennbare formatet.

Hvis ingen kilder godtas er det tilbakefall til en feilmelding.

«type» angir MIME‐typen.

En kan også trenge en videokonverter for å lage webm‐filer f.eks. Miro som er enkel og grei.

webM kan være ukjent for endel vev‐tjenere.

På Apache servere kan en konfigurere selv med en .htaccess‐fil. .htaccess‐filen er en ren tekstfil som ligger i samme katalog, og kan f.eks. se slik ut:

AddType video/mp4 .mp4
AddType video/webm .webm
AddType audio/mpeg .mp3
AddType audio/mp4 .m4a

Det er webM‐formatet som kan gi problemer fordi noen vev‐tjenere leverer ukjente filer som tekst.

Mange nettlesere gjenkjenner video selv om vev‐tjeneren er feilkonfigurert.

Det korrekte er imidlertid å ta vev‐ tjeneren på alvor, slik som bl.a. Firefox gjør.

Men det kan føre til at videoen ikke fungerer når formatet ikke er registeret på vev‐tjeneren.

Lenker

youtube.com HTML5-video.

Ordliste

ABR  –  Adaptive Bitrate, handler om at kvaliteten på videoen tilpasses tilgjengelig båndbredde.

Se også:  ABR 

Beholderformat  –  Kontainerformat.

Innpakkingsformat som pakker inn andre filer; slik som f.eks. video, lyd, undertitler, tekst, mm. og organiserer streamingen ved avspilling.

Tilbyr også kapitler, (slik som på DVDer).

Se også:  Beholderformat  AVI  Filmordbok.html 

Bildeformater      er f.eks. jpg, png, tiff, bmp, gif, osv.

Se også:  Bildeformater  Filmordbok.html 

Filmformater  –  AVI, OGG og WMV er filformater som fungerer som innpakning. I disse filene kan det lagres videoformater (kodeker), som f.eks. DivX, H.264, Xvid. F.eks. kan en OGG-fil ha Xvid internt.
I tillegg til video-kodeken kan filen inneholde lyd som kan være uavhengig av videoformatet, f.eks. mp3, vorbis, ac3, og mye annet.
En kan ha en AVI-fil med Xvid-bildestrøm og MP3-lyd. Eller en kan ha en OGG-fil med DivX og Vorbis lyd.

H.264  Kodek  MP3  MPEG  OGG 

Filmformater  Bildeformater  Lydformater  Filmordbok.html 

Filmkonvertering  –  Det finnes mange muligheter.

– Handbrake er gratis program for å konvertere videoer.

– Miro Video Converter konveterer video-formater om til MP4, WebM.

– Online tjenester, som ikke krever nedlasting av programvare.

Se også:  Filmkonvertering  Handbrake  Miro  Filmordbok.html 

H.264  –  (AVC) Advanced Video Codec.

Se også:   H.264  Kodek  Video  MP4  WebM  Filmordbok.html 

Handbrake  –  gratis program for å konvertere videoer.

Se også:  Handbrake  Filmordbok.html 

HLS  –  HTTP Live Streaming er en distribusjonsprotokoll i HTML5.

Se også:  HLS 

.htaccess  –  Mange webtjenere er konfigurert til å rapportere ukjente filer med MIME type text/plain eller som application/octet-stream.

Se også:  htaccess   MIMEtyper 

HTML5-video  –  har erstattet lukkede standarder og plugin, bl.a. Flash.

Se også:  HTML5-video  Filmordbok.html 

JavaScript  –  Videoelementet kan også modifiseres med Javascript.

Se også:  JavaScript 

JPEG  –  Joint Photographic Experts Group er et filformat for komprimering av bilder.

Se også:  JPEG  Filmordbok.html 

Kodek  –  Komprimerer og dekomprimerer et videosignal.

Se også:   Kodek  DVD  H.264  MPEG-4  Video  Filmordbok.html 

Lydformater:   er f.eks. MP3, WAV.

Se også:  Lydformater  Filmordbok.html 

MIMEtyper  –  sier hva en fil er. F.eks:

text/plain

video/mp4

video/webm

Se også:  MIMEtyper  htaccess  

Miro Video Converter  –  er et gratis program, som gjør det mulig å lage stort sett alle video-formater om til MP4, WebM (VP8).

Se også:  Miro 

MP3  –  MPEG Audio Layer 3 lydformat.

Se også:  MP3  Filmordbok.html 

MPEG  –  Moving Picture Experts Group er en standard for videokompresjon.

Se også:  MPEG  H.264  MPEG-4  MP3  MP4  WebM  Filmformater Filmordbok.html 

MPEG-4  –  bruker .mp4 eller .m4v som filendelse.

Se også:  MPEG-4  Filmformater  H.264  Kodek  MPEG  MP4  .m4v  WebM  Filmordbok.html 

MP4  –  er et beholderformat som kan inneholde ulike kodeker, men mest vanlig er H.264.

Se også:  MP4  H.264  m4v  MPEG 

.m4v  –  er et Apple-utviklet videofil-format som er nær opp til MP4.

Se også:  m4v  MP4  H.264  MPEG  DVD  WebM  Filmformater Filmordbok.html 

Ogg  –  er et beholderformat som kan inneholde filer kodet med OGG-kodeker.

Se også:  Ogg  Beholderformat  Filmformater  Ogg Theora  OggVorbis   Filmordbok.html 

Ogg Theora  –  er et åpent lisensfritt filmformat,

Se også:  Ogg Theora  Filmformater  Ogg  OggVorbis   WebM  Filmordbok.html 

Ogg Vorbis  –  er et åpent lydformat.

Se også:  OggVorbis   Ogg  Filmordbok.html 

PNG  –  Portable Network Graphics er et filformat for tapsfri bildekomprimering.

Se også:  PNG  Filmordbok.html 

VLC  –  er en mediespiller som takler de fleste videoformater.

Se også:  VLC  Filmtips.html  VLC.html 

WAV  –  Lydformat.

Se også:  WAV  Filmordbok.html 

WebM  –  er et videoformat som konkurrerer med H.264.

Se også:   WebM  H.264  Kodek  MPEG  Ogg Theora  Video  Filmordbok.html