{"id":1285,"date":"2020-12-09T23:11:11","date_gmt":"2020-12-09T23:11:11","guid":{"rendered":"http:\/\/mp4gain.com\/nl\/audio-video\/?p=1285"},"modified":"2020-12-09T23:11:11","modified_gmt":"2020-12-09T23:11:11","slug":"nieuwe-av1-codec-sneller-videos-laden-in-de-browser","status":"publish","type":"post","link":"https:\/\/mp4gain.com\/nl\/audio-video\/video-converteerder\/nieuwe-av1-codec-sneller-videos-laden-in-de-browser\/","title":{"rendered":"Nieuwe AV1-codec: sneller video’s laden in de browser"},"content":{"rendered":"

Nieuwe AV1-codec: sneller video’s laden in de browser<\/strong><\/p>\n

\"AV1<\/p>\n

In deze tutorial zullen we leren hoe we video op internet kunnen gebruiken, zoals in 2019. Chrome en Firefox zijn begonnen met het ondersteunen van de nieuwe AV1-codec; je kunt een video voor ze maken doormidden.<\/p>\n

\"AV1<\/p>\n

Laten we het apart hebben over het vervangen van GIF door video in AV1 en H.264; dan wordt de grootte met 20 tot 40 keer verkleind.<\/p>\n

AV1 in de browser<\/p>\n

YouTube gebruikt het al op TestTube. Netflix zei dat AV1 “de belangrijkste codec van de volgende generatie” zal zijn.<\/p>\n

Bij Evil Martians gebruiken we het al op onze website en op Amplifer. In dit artikel zal ik mijn ervaring met AV1-implementatie delen en je stap voor stap laten zien hoe je een video kunt insluiten om deze in alle browsers te laten werken.<\/p>\n

Codecs en containers<\/p>\n

Met afbeeldingen is alles eenvoudig: JPEG met PNG voor alle browsers of maak compactere bestanden in WebP voor moderne browsers. We kunnen er altijd zeker van zijn dat de bestanden het PNG-formaat .png zullen bevatten (met de zeldzame uitzondering van PNG-bommen, waartegen imgproxy bescherming kan bieden). Videobestanden zijn ingewikkelder. De bestandsextensie (,, of) spreekt alleen over de container. Hoewel videobestanden uit drie verschillende componenten bestaan:<\/p>\n

.mp4.wmv.webm.mov<\/p>\n

De videocodec bepaalt hoeveel je de video kunt comprimeren en wat je moet opofferen. De belangrijkste videocodecs op internet zijn H.264, HEVC, VP9 en nu AV1.
\nDe audiocodec comprimeert de audio. Het is natuurlijk niet nodig als er geen geluid in de video zit. Populaire keuzes zijn MP3, Opus en AAC.
\nDe container slaat zowel video (gecomprimeerd met een soort videocodec) als audiostream (gecomprimeerd met een soort audiocodec) op. En ook aanvullende gegevens zoals ondertitels en meta-informatie. Populaire containers: MP4, MOV, WebM.<\/p>\n

Als we de extensie van het .mp4-bestand zien, kunnen we alleen zien dat er een MP4-container is gebruikt. Maar de codecs die het bevat, kunnen verschillen: de auteur had H.264 en AAC, AV1 en Opus kunnen nemen, of iets anders.<\/p>\n

Zie AV1<\/p>\n

AV1 is een videocodec die een jaar geleden, in maart 2018, werd uitgebracht. Het is gemaakt om de vorige generatie codecs te overtreffen: HEVC, VP9, \u200b\u200bH.264 en VP8.<\/p>\n","protected":false},"excerpt":{"rendered":"

Nieuwe AV1-codec: sneller video’s laden in de browser In deze tutorial zullen we leren hoe we video op internet kunnen gebruiken, zoals in 2019. Chrome en Firefox zijn begonnen met het ondersteunen van de nieuwe AV1-codec; je kunt een video voor ze maken doormidden. Laten we het apart hebben over het vervangen van GIF door … Continue reading “Nieuwe AV1-codec: sneller video’s laden in de browser”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[28611,28625,28593,28601,28606,28605,28603,28608,28604,28607,28602,28597,28609,28610,28592,28629,28628,28626,28621,28618,28617,28619,28620,28594,28595,28598,28596,28599,28600,28612,28622,28615,28624,28613,28616,28623,28614,28627],"class_list":["post-1285","post","type-post","status-publish","format-standard","hentry","category-video-converteerder","tag-av1-is-een-persoonlijke-avatar","tag-av1-wanneer","tag-do-av-10","tag-gebruikt-youtube-av1","tag-hoe-av1-naar-mp4-te-converteren","tag-hoe-av1-op-samsung-tv-te-krijgen","tag-hoe-av1-te-coderen","tag-hoe-av1-te-spelen-video-in-vlc","tag-hoe-av1-video-af-te-spelen","tag-hoe-av1-video-af-te-spelen-in-mx-player","tag-hoe-av1-werkt","tag-hoe-werkt-av1","tag-is-av1-beter-dan-hevc","tag-is-av1-royaltyvrij","tag-jak-wejsc-do-av1","tag-ondersteunt-apple-av1","tag-waarom-is-av1-zo-traag","tag-wanneer-wordt-av1-uitgebracht","tag-was-bedeutet-av-17","tag-was-bedeutet-av1","tag-was-bedeutet-av1-und-av2","tag-was-ist-av1","tag-was-ist-av1-codec","tag-wat-betekent-av1","tag-wat-betekent-av1-en-av2","tag-wat-betekent-av1-kennelclub","tag-wat-betekent-av1-op-mijn-tv","tag-wat-betekent-av1-rgb","tag-wat-betekent-av15-bedoel","tag-wat-is-av1","tag-wat-is-av1-codec","tag-wat-is-av1-en-av2","tag-wat-is-av1-op-mijn-tv","tag-wat-is-av1-op-tv","tag-wat-is-av1-settings","tag-wat-is-av1-settings-youtube","tag-wat-is-av1-youtube","tag-wie-gebruikt-av1-codec"],"_links":{"self":[{"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/posts\/1285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/comments?post=1285"}],"version-history":[{"count":1,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/posts\/1285\/revisions"}],"predecessor-version":[{"id":1286,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/posts\/1285\/revisions\/1286"}],"wp:attachment":[{"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/media?parent=1285"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/categories?post=1285"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mp4gain.com\/nl\/audio-video\/wp-json\/wp\/v2\/tags?post=1285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}