Lyd Bilder og Video
Lyd
Dersom du har lasta ned en mp3 lydfile (andre format du kan bruke er ogg, waw, mp4 og flac) kan du enkelt spille den av på nettsida di med følgende html:
<audio src="navnPaaFila.mp3" controls loop volume="1.0"></audio>
controls dersom denne er med da vises knapper til å styre avspillingen.
loop dersom med, da spilles lyden i løkke
volume 0 = lavest volume, 1.0 = max volume
preload dersom med så vil browseren forsøke å laste ned filen slik at den er klar til avspilling (før du klikker play).
Bilder
Med bilder har to måter å legge dem inn på:
- Bruk <img src="mittBilde.jpg" width="100" height="100" >
- Bruk css og background-image
Metode 1 er rett fram, du kan bruke width og height til å overstyre størrelsen.
Ulempen er at du kan ikke vise deler av bildet, ei heller legge på en clipping-path (klippe ut biter).
Metode 2 gir flere muligheter, her kan du enkelt vise et utsnitt av bildet og legge på filter.
Du kan også legge på en clipping-path som klipper ut et utsnitt av bildet.
Bildeformat
Du skal kjenne til minst følgende:
- jpg et komprimert format, velegna til naturbilder, midre detaljer kan bli utydlige (lossy compression).
- png et format som egner seg godt til tekst og ikoner (lossless), alle detaljer bevart
- gif et eldre format med begrensa antall farger, mye som png - brukes til animasjoner (animated gif)
- svg structured vector format, vektorgrafikk - velegna for ikoner - like skarp i alle forstørrelser.
Video
Veldig likt lyd, skriv video istedenfor audio.
Video har en egenskap som audio ikke har:
poster et bilde som skal vises før avspilling begynner
<video src="minFilm.ogg" width="300" poster="poster.jpg"></video>