{"id":707,"date":"2020-12-09T23:12:32","date_gmt":"2020-12-09T23:12:32","guid":{"rendered":"http:\/\/mp4gain.com\/de\/audio-video\/?p=707"},"modified":"2020-12-09T23:12:32","modified_gmt":"2020-12-09T23:12:32","slug":"neuer-av1-codec-beschleunigt-das-laden-von-videos-im-browser","status":"publish","type":"post","link":"https:\/\/mp4gain.com\/de\/audio-video\/video\/neuer-av1-codec-beschleunigt-das-laden-von-videos-im-browser\/","title":{"rendered":"Neuer AV1-Codec: Beschleunigt das Laden von Videos im Browser"},"content":{"rendered":"

Neuer AV1-Codec: Beschleunigt das Laden von Videos im Browser<\/strong><\/p>\n

\"AV1<\/p>\n

In diesem Tutorial erfahren Sie, wie Sie Videos im Jahr 2019 im Web verwenden. Chrome und Firefox haben begonnen, den neuen AV1-Codec zu unterst\u00fctzen. Sie k\u00f6nnen ein Video f\u00fcr sie in zwei H\u00e4lften machen.<\/p>\n

\"AV1<\/p>\n

Lassen Sie uns separat dar\u00fcber sprechen, wie GIF in AV1 und H.264 durch Video ersetzt wird. dann wird seine Gr\u00f6\u00dfe um das 20- bis 40-fache reduziert.<\/p>\n

AV1 im Browser<\/p>\n

YouTube verwendet es bereits auf TestTube. Netflix sagte, AV1 werde “der wichtigste Codec der n\u00e4chsten Generation” sein.<\/p>\n

Bei Evil Martians verwenden wir es bereits auf unserer Website und auf Amplifer. In diesem Artikel werde ich meine Erfahrungen mit der AV1-Implementierung teilen und Ihnen Schritt f\u00fcr Schritt zeigen, wie Sie ein Video einbetten, damit es in allen Browsern funktioniert.<\/p>\n

Codecs und Container<\/p>\n

Mit Bildern ist alles einfach: JPEG mit PNG f\u00fcr alle Browser oder kompaktere Dateien in WebP f\u00fcr moderne Browser. Wir k\u00f6nnen immer sicher sein, dass die Dateien ein PNG-PNG-Format enthalten (mit der seltenen Ausnahme von PNG-Bomben, vor denen imgproxy sch\u00fctzen kann). Videodateien sind komplizierter. Die Dateierweiterung (,, oder) spricht nur vom Container. W\u00e4hrend Videodateien aus drei verschiedenen Komponenten bestehen:<\/p>\n

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

Der Video-Codec bestimmt, wie viel Sie das Video komprimieren k\u00f6nnen und was Sie opfern m\u00fcssen. Die wichtigsten Video-Codecs im Web sind H.264, HEVC, VP9 und jetzt AV1.
\nDer Audio-Codec komprimiert das Audio. Nat\u00fcrlich ist es nicht notwendig, wenn das Video keinen Ton enth\u00e4lt. Beliebte Optionen sind MP3, Opus und AAC.
\nDer Container speichert sowohl Video (komprimiert mit einer Art Video-Codec) als auch Audio-Stream (komprimiert mit einer Art Audio-Codec). Und auch zus\u00e4tzliche Daten wie Untertitel und Metainformationen. Beliebte Container: MP4, MOV, WebM.<\/p>\n

Wenn wir die Erweiterung der MP4-Datei sehen, k\u00f6nnen wir nur feststellen, dass ein MP4-Container verwendet wurde. Die darin enthaltenen Codecs k\u00f6nnen jedoch unterschiedlich sein: Der Autor h\u00e4tte H.264 und AAC, AV1 und Opus oder etwas anderes nehmen k\u00f6nnen.<\/p>\n

Siehe AV1<\/p>\n

AV1 ist ein Video-Codec, der vor einem Jahr im M\u00e4rz 2018 ver\u00f6ffentlicht wurde. Er wurde entwickelt, um die vorherige Generation von Codecs zu \u00fcbertreffen: HEVC, VP9, \u200b\u200bH.264 und VP8.<\/p>\n","protected":false},"excerpt":{"rendered":"

Neuer AV1-Codec: Beschleunigt das Laden von Videos im Browser In diesem Tutorial erfahren Sie, wie Sie Videos im Jahr 2019 im Web verwenden. Chrome und Firefox haben begonnen, den neuen AV1-Codec zu unterst\u00fctzen. Sie k\u00f6nnen ein Video f\u00fcr sie in zwei H\u00e4lften machen. Lassen Sie uns separat dar\u00fcber sprechen, wie GIF in AV1 und H.264 … Continue reading “Neuer AV1-Codec: Beschleunigt das Laden von Videos im 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":[2],"tags":[13013,13027,12995,13011,13012,12994,13003,13028,13023,13020,13021,13022,13030,12996,12998,13000,13001,12997,13002,13014,13026,13024,13018,13025,13015,13017,13016,13019,13029,13004,12999,13007,13005,13008,13010,13006,13009,13031],"class_list":["post-707","post","type-post","status-publish","format-standard","hentry","category-video","tag-av1-ist-ein-personlicher-avatar","tag-av1-wann","tag-do-av-10","tag-ist-av1-besser-als-hevc","tag-ist-av1-lizenzfrei","tag-jak-wejsc-do-av1","tag-verwendet-youtube-av1","tag-wann-wird-av1-veroffentlicht","tag-war-gehort-av-17","tag-war-gehort-av1","tag-war-ist-av1","tag-war-ist-av1-codec","tag-warum-ist-av1-so-langsam","tag-was-bedeutet-av1","tag-was-bedeutet-av1-auf-meinem-fernseher","tag-was-bedeutet-av1-bedeutet-zwingerclub","tag-was-bedeutet-av1-rgb","tag-was-bedeutet-av1-und-av2","tag-was-bedeutet-av15-meine","tag-was-ist-av1","tag-was-ist-av1-auf-meinem-fernseher","tag-was-ist-av1-codec","tag-was-ist-av1-einstellungen","tag-was-ist-av1-einstellungen-youtube","tag-was-ist-av1-im-fernsehen","tag-was-ist-av1-und-av2","tag-was-ist-av1-youtube","tag-was-war-av1-und-av2","tag-wer-verwendet-av1-codec","tag-wie-av1-funktioniert","tag-wie-funktioniert-av1","tag-wie-man-av1-auf-samsung-tv-bekommt","tag-wie-man-av1-codiert","tag-wie-man-av1-in-mp4-konvertiert","tag-wie-man-av1-spielt-video-in-vlc","tag-wie-man-av1-video-abspielt","tag-wie-man-av1-video-im-mx-player-abspielt","tag-wird-apple-av1-unterstutzen"],"_links":{"self":[{"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts\/707","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/comments?post=707"}],"version-history":[{"count":1,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts\/707\/revisions"}],"predecessor-version":[{"id":708,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/posts\/707\/revisions\/708"}],"wp:attachment":[{"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/media?parent=707"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/categories?post=707"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mp4gain.com\/de\/audio-video\/wp-json\/wp\/v2\/tags?post=707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}