Gå till innehåll

HTML5 + <audio> & <video>


Recommended Posts

Gjorde samma sak med den första Blender-filmen, Elephants dream.

Utgick ifrån en Ogg-fil (636 MB) som Xiph.org tillhandahåller här. Upplösningen är 1920×1088. Den är således 8 pixlar för hög; en 8 pixlar hög grön linje i nederkant. Linjen skar jag bort vid konverteringen, samtidigt som jag minskade upplösningen till 1280×720.

Använde XMedia Recode 2.2.7.2, och 2-passkodning. Inställt dataflöde: 1 500 kbps (genomsnitt), 2 500 (max). 24 bilder/sekund.

Inte heller den här gången kodade jag om ljudet. Genomsnittligt dataflöde för ljud: 200 kbps (inställning: 224 kbps = q7). Samplingsfrekvens: 48 kHz, bitdjup: 16 bitar.

WebM-filens storlek: 159 MB

Titta: Elephants dream

Och i morgon släpps den tredje Blender-filmen, Sintel. ;)

(En tidigare gjord WebM-version av Elephants dream: http://devfiles.myopera.com/articles/1891/custom-controls-webm-720p.html (138 MB))

Länk till kommentar
Dela på andra webbplatser

  • 2 veckor senare...

OGGTV.com är en videosida som använder html5 och de öppna formaten Ogg (Theora + Vorbis) och WebM (VP8 + Vorbis).

Har konstaterat att WebM-videorna på YouTube är betydligt större än mp4-videorna. Exempel:

(1280×546, längd 14:48), WebM: 455 mb, mp4 (AVC + AAC): 181 mb.
(1280×720, längd 9:56), WebM: 388, mp4 (AVC + AAC): 150 mb. :rolleyes:
Länk till kommentar
Dela på andra webbplatser

  • 2 veckor senare...

Till en början var det endast högupplöst (1280×720 och större) video som gjordes tillgänglig i WebM-format på YouTube, men nu stöds även lägre upplösningar. Såg det först här, och har även sett att egna videor i upplösningen 640×480 är tillgängliga i WebM-format. Det tar dock rätt lång tid för YouTube att skapa WebM-versionen, om videon är lång. ;)

Länk till kommentar
Dela på andra webbplatser

För att bädda in en YouTube-video och använda html5-spelaren istället för Flash Player, väljer man alternativet Använd iframe-inbäddningskod (beta) [?]

Exempel:

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/YE7VzlLtp-4?rel=0" frameborder="0"></iframe>

Och i HD:

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="1280" height="750" src="http://www.youtube.com/embed/YE7VzlLtp-4?rel=0&hd=1" frameborder="0"></iframe>

Resultat (låg och hög upplösning): https://dl.dropbox.com/s/xsltsc4kmpixo1s/Big_Buck_Bunny_YT.html

Då jag testar med Dragon 6, spelas WebM-versionen upp. Har inte testat med Safari (som ej stöder WebM), men antar att mp4-versionen spelas upp i den.

Länk till kommentar
Dela på andra webbplatser

Till en början var det endast högupplöst (1280×720 och större) video som gjordes tillgänglig i WebM-format på YouTube, men nu stöds även lägre upplösningar. Såg det först här, och har även sett att egna videor i upplösningen 640×480 är tillgängliga i WebM-format. Det tar dock rätt lång tid för YouTube att skapa WebM-versionen, om videon är lång. ;)

Såg nyss att detta endast gäller videor som laddas upp i WebM-format. ;)https://groups.google.com/a/webmproject.org/group/webm-discuss/browse_thread/thread/39aea2c0aebaefa3#

Länk till kommentar
Dela på andra webbplatser

Ett nytt VP8-SDK (Software Development Kit), kallat Aylesbury, har släppts. Det ger snabbare avkodning (:)) och bättre kvalitet på kodningen. Nästa version, Bali, skall ge snabbare kodning (och varje ny version skall ge högre kvalitet).

VP8 Codec SDK Aylesbury Release

Undrar hur den nya libvpx står sig mot den alternativa avkodaren ffvp8 :rolleyes:

Länk till kommentar
Dela på andra webbplatser

Om någon inte förstår hela den djupa innebörden i e-sons kommentar, kan detta vara till hjälp. :rolleyes:

What's an Aylesbury? It's a breed of duck. We like ducks, so we plan to use duck-related names for each major libvpx release, in alphabetical order.
http://blog.webmproject.org/2010/10/vp8-codec-sdk-aylesbury-release.html
Länk till kommentar
Dela på andra webbplatser

  • 2 veckor senare...

Skype uttalade sig tidigt positivt om VP8, och nämns bland många WebM-supportrar. Skypes blogginlägg på engelska om VP8 är försvunnet, men i den tyska bloggen är det kvar: Googles Öffnung von VP8 nützt uns allen

Citerar inlägget på engelska, från Google Reader:

Google's move to open up VP8 benefits everyone

från The Big Blog av Jonathan Christensen

Googles decision to open up VP8 is good for the industry, good for consumers and good for Skype.

Modern codecs are expensive to create: Google paid over $100 million for On2 less than a year ago. They are also highly complex the patent pool for VP8s main competitor, H.264, cites more than 1,200 patents from 25 companies.

Cost is one side of the equation, value is the other. By their nature, codecs are more valuable to users the more commonly they are available. The most useful codecs are the ubiquitous ones. It doesnt matter how well a codec performs technically if you can only talk to a handful of people with it. Skype recognized this in early 2009 when it made SILK, currently the most technically advanced voice codec in the world, available on a royalty-free basis. Google has now done a similar thing with a state-of-the-art video codec.

The decision is good for the industry because anybody can now write an application that delivers high quality video without a royalty burden. It is good for consumers because they are more likely to find that they have a high quality codec in common with whoever they wish to talk to. It is good for Skype because Skype has a happy history with On2. Skype launched video calling in 2005, using the On2 VP7 video codec.

Not just Skype, but everybody who thinks that the world becomes a better place the more freely people communicate, should be grateful to Google for this generous action.

Sedan Skype 5.0 beta släpptes, har jag sökt efter uppgifter som bekräftar att Skype skulle använda VP8 istället för VP7. I dag kom en sådan bekräftelse: WebM Video Codec in Skype 5.0 Group Video Tydligen endast för gruppvideosamtal. Antar att begränsningen beror på kompatibilitet (med Skype 4.x).

Länk till kommentar
Dela på andra webbplatser

  • 2 månader senare...

För närvarande stöder Google Chrome videoformaten VP8, Theora (öppna) och AVC/H.264 (slutet. licensavgift), medan övriga Chromium-varianter (liksom Firefox och Opera, f.ö.) endast stöder VP8 och Theora. Inom kort kommer Google att ta bort stödet för AVC/H.264 i Chrome:

Though H.264 plays an important role in video, as our goal is to enable open innovation, support for the codec will be removed and our resources directed towards completely open codec technologies.

http://blog.chromium.org/2011/01/html-video-codec-support-in-chrome.html

Det sägs dock inget om de proprietära ljudformaten AAC och mp3, som stöds av Chrome.

Länk till kommentar
Dela på andra webbplatser

  • 4 veckor senare...
  • 3 veckor senare...
  • 1 månad senare...

Apropå HTML5 så har ju många installerat senaste Firefox 4 och då kan man göra en sk "opt-in" hos YouTube och prova på detta.

Här ändrar man:

http://www.youtube.com/html5

Längst ner på sidan

You are not currently in the HTML5 trial.

Join the HTML5 Trial

Ska även funka med Internet Explorer enligt sidan.... kör inte IE själv.

Mer lättdrivet än Adobes Flash men något blekare färger.... funkar bra hursomhelst.

--

Redigerad av plun
Länk till kommentar
Dela på andra webbplatser

Jo, den har jag använt sedan i somras (i Chromium, Dragon, Opera). WebM-utbudet har verkligen ökat den senaste tiden, och nya videor tycks nu bli tillgängliga i WebM-format nästan direkt. Tidigare fick jag ofta beskedet att inget format som stöds finns.

Hoppas att de snart kompletterar med fler upplösningar. Och en (än) snabbare VP8-avkodare är förstås välkommen.

Länk till kommentar
Dela på andra webbplatser

  • 4 veckor senare...

Upptäckte nyss att YouTube nu har börjat lägga till ytterligare en upplösning för WebM-videor: 480p (854×480). Som mest kan en WebM-video nu finnas i dessa tre upplösningar:

720p (1280×720, fmt45)

480p (854×480, fmt44)

360p (480×360, fmt43)

Länk till kommentar
Dela på andra webbplatser

Delta i dialogen

Du kan skriva svaret nu och registrera dig senare, Om du har ett konto, logga in nu för att svara på inlägget.

Gäst
Svara i detta ämne...

×   Du har klistrat in innehåll med formatering.   Ta bort formatering

  Only 75 emoji are allowed.

×   Din länk har automatiskt bäddats in.   Visa som länk istället

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Skapa nytt...