HTML >Video/Lyd

Video og audio

Hva

Video og lyd

HTML5 skal kunne vise audio og video på en enkel konsistent måte. En audio-tag og en video-tag skal fikse dette. Ambisjonene er at disse skal kunne håndtere flere formater. Dette vil trolig variere fra nettleser til nettleser over tid. I øyeblikket ser det ut til at ogg-formatet fra Xiph.Org Foundation [1] er det som er best støttet.

Det finnes en rekke verktøy for å konvertere media, både som gratis programvare, lisensiert programvare og onlinetjenester. Jeg har med hell forsøkt online-konvertering av audio med media.io [2] , og video med online-convert.com [3] .

Ellers virker Miro Video Converter og Miro Video Player fra Participatory Culture Foundation [4] som fleksible verktøy, både for lyd og video. Videoplayer inneholder også converter funksjonaliteten.

video

Teo (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>

Med egne kontrollere

Spill | Pause | Lyd Av/På

<video style="text-align:center" id="v2" preload="none" poster="video.jpg">
  <source src="http://www.it.hiof.no/~borres/allround/video/teo1.mp4" type="video/mp4"/>
  <source src="http://www.it.hiof.no/~borres/allround/video/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>

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>

Referanser

xiph.org xiph.Org Foundation www.xiph.org/ 02-04-2011

Convert Audio Online media.io media.io/ 02-04-2011

Convert media free, fast and online online-convert.com www.online-convert.com/ 02-04-2011

Miro Participatory Culture Foundation pculture.org/ 02-08-2012

Audio Demos metadecks.org www.metadecks.org/software/sweep/demos.html 02-04-2011

Vedlikehold

B Stenseth, april 2011

( Velkommen ) HTML >Video/Lyd ( Canvas )