EDBloggen

Alexander Karlstad. Blogger hovedsakelig om Linux og sånt.

Arkiv for stikkordet «HTML5»

Send filer med XHR og jQuery (HTML5-opplasting)

ingen kommentarer

Jeg jobbet på i flere timer for å finne ut hvordan man kan bruke jQuery sitt $.ajax()-kall til å sende filer ved hjelp av nyere HTML5-"standarder", som for eksempel drag/drop-eventene og File-, FileReader- og FormData-klassene.

Klikk her for å se løsningen 😉

Skrevet av Alexander Karlstad

24. februar 2012 klokken 20.00

HTML5-video i Firefox 4

ingen kommentarer

Firefox og HTML5-video spiller ikke helt på lag

Har du opplevd at det lokalt på maskinen din fungerer med <video src="foo.webm"></video> i Firefox 4, men ikke på vevtjeneren din, uansett hvor mye du stokker om på koden og legger til <source>-elementer med/uten «type»-attributter? Fiksen kan være alt for enkel.

I konfigurasjonen til enten Apache, vhost-en eller .htaccess-en, kan du legge til at filetternavnene skal knyttes til riktige MIME-typer, dette ved bruk av AddType-direktivet.

Her er hva jeg la til i min .htaccess-fil:

AddType video/ogg .ogv
AddType audio/ogg .oga
AddType application/ogg .ogg
AddType video/webm .webm
AddType video/mp4 .mp4

Selv om <source>-elementene har «type»-attributten, har den tydeligvis ingen mulighet til å overskrive hva vevtjeneren returnerer som MIME-type. Om man sjekker /etc/mime.types og søker opp «webm», får man sannsynligvis ikke noe resultat.

Dette ser også ut til å gjelde videoklipp kodet med Ogg Theora/Vorbis. I Firefox 3.5+, derimot, var dette aldri noe problem.

Oppdatering: serverutgaven av Ubuntu 11.04 har en oppdatert utgave av /etc/mime.types og inneholder alle de tre filformatene.

Skrevet av Alexander Karlstad

19. mai 2011 klokken 20.55

Optimization WordPress Plugins & Solutions by W3 EDGE