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ützen. Sie können ein Video für sie in zwei Hälften machen.
Lassen Sie uns separat darüber sprechen, wie GIF in AV1 und H.264 durch Video ersetzt wird. dann wird seine Größe um das 20- bis 40-fache reduziert.
AV1 im Browser
YouTube verwendet es bereits auf TestTube. Netflix sagte, AV1 werde “der wichtigste Codec der nächsten Generation” sein.
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ür Schritt zeigen, wie Sie ein Video einbetten, damit es in allen Browsern funktioniert.
Codecs und Container
Mit Bildern ist alles einfach: JPEG mit PNG für alle Browser oder kompaktere Dateien in WebP für moderne Browser. Wir können immer sicher sein, dass die Dateien ein PNG-PNG-Format enthalten (mit der seltenen Ausnahme von PNG-Bomben, vor denen imgproxy schützen kann). Videodateien sind komplizierter. Die Dateierweiterung (,, oder) spricht nur vom Container. Während Videodateien aus drei verschiedenen Komponenten bestehen:
.mp4.wmv.webm.mov
Der Video-Codec bestimmt, wie viel Sie das Video komprimieren können und was Sie opfern müssen. Die wichtigsten Video-Codecs im Web sind H.264, HEVC, VP9 und jetzt AV1.
Der Audio-Codec komprimiert das Audio. Natürlich ist es nicht notwendig, wenn das Video keinen Ton enthält. Beliebte Optionen sind MP3, Opus und AAC.
Der Container speichert sowohl Video (komprimiert mit einer Art Video-Codec) als auch Audio-Stream (komprimiert mit einer Art Audio-Codec). Und auch zusätzliche Daten wie Untertitel und Metainformationen. Beliebte Container: MP4, MOV, WebM.
Wenn wir die Erweiterung der MP4-Datei sehen, können wir nur feststellen, dass ein MP4-Container verwendet wurde. Die darin enthaltenen Codecs können jedoch unterschiedlich sein: Der Autor hätte H.264 und AAC, AV1 und Opus oder etwas anderes nehmen können.
Siehe AV1
AV1 ist ein Video-Codec, der vor einem Jahr im März 2018 veröffentlicht wurde. Er wurde entwickelt, um die vorherige Generation von Codecs zu übertreffen: HEVC, VP9, H.264 und VP8.