AVFoundationを使用したHDR動画の編集と再生

AVFoundationを使用したHDR動画の編集と再生

MacOS AppでHDRの編集と再生をサポートする方法および特定のハードウェア構成がHDRの再生に適しているかどうかを判断する方法を紹介します。内蔵コンポジターでAVMutableVideoCompositionを使用し、HDRコンテンツを簡単に編集する方法、Core Imageの内蔵イメージフィルターを使用して独自のAVMutableVideoCompositionを作成する方法、HDR編集を可能にするカスタムコンポジターの作成方法と使用方法について説明します。

リソース
関連ビデオ

Tech Talks
- リファレンスモードについて
WWDC22
- AVFoundationやMetalによるHDR動画のEDR表示
WWDC21
ダウンロード

こんにちは WWDCへようこそ “AVFoundationを使用した HDR動画の編集と再生” 私の名前はシュ･ガオです今日は AVFoundationを使用した HDRビデオの編集と再生についてお話しします Appleは２～３年前にiOSへそして昨年macOSに HDR再生を導入しましたさらに今年は HDRのビデオ編集に対応するためのHDRサポートをフレームワークに追加しますこちらのセッションでは AVFoundationを用いこのサポートの利点を活用する― 方法について解説します初めにHDRと― 様々なビデオ編集ワークフローのビデオについて簡単に説明しますさらにそれらでHDRを利用する方法について話しますまた HDR編集を構成する際に利用可能ないくつかのきめ細かな制御主に色特性についても解説します最後にHDR再生について話しますさて HDRとは何でしょう HDRはハイダイナミックレンジを表します HDRは標準のダイナミックレンジでは実現し得なかった領域までビデオのダイナミックレンジの表現力を大幅に拡張します HDRにより輝くような白深みのある黒より鮮やかなコントラストや明暗がくっきりと際立ったディテールなどより鮮明な画像のビデオを生成することができます量的な意味で言えば― SDRビデオは最大100カンデラ毎平方メートルまたは100ニトが限界でした一方 HDRビデオの輝度はその100倍最大１万ニトまで達することができます
HDRはしばしば暗黙的にWide Colorと組み合わせて用いられることがあります Wide Colorとハイダイナミックレンジを組み合わせることで― 大量のカラーボリュームを定義できます言い換えれば SDRビデオでは一度も目にしたことがないような色も生成できます
より高い輝度と色範囲に適応するため HDRはより高いビット深度に― 関連付けられており一般的な配布メディアの― ビット深度は10ビットとなっています
転送機能ではシーンの直線光源がビデオの非線形符号値にどのようにマッピングされさらにディスプレイの照明設定に戻されるかについて解説します HDRビデオには HLGまたはPQ 転送機能のいずれかが備わっています Appleはどちらのタイプの転送機能もサポートします
HDRの詳細については― 今年のWWDCの HDR Exportセッションをご確認くださいこのHDRの上位概念では― ビデオの編集ワークフローについてレビューします詳細について話す前にビデオ編集に関する― 以前に行われたWWDCセッションに触れておきたいと思いますビデオ編集に慣れていない方は― これらの動画をご視聴されることを強くお勧めしますこれらの動画はここでお話しする重要なクラスの― 基礎知識を理解するのに役立ちますここにビデオ編集の共通ワークフローがあります単一または複数のアセットからスタートして AVCompositionと― AVVideoCompositionを構築しますこれら２つのオブジェクトはともにビデオ編集の芸術的意図を達成するための― アセットのトラックのスライススプライスポジショニングや― ブレンドを指示します AVCompositionはソーストラックの temporal alignmentを指示します AVVideoCompositionは任意の時点での― トラックのジオメトリー変換とブレンドを指示しますこれらの２つのオブジェクトを使用して AVPlayerItemを構築しさらにそこからAVPlayerを作成して編集効果を再生することができますこれはワークフローのプレビューパスですまた AVCompositionと AVVideoCompositionを使用して AVAssetExportSessionを提供しムービーファイルに編集結果を書き込むこともできます
これはより低レベルのAPIを使用する別のワークフローですこれはエクスポートのみを行うワークフローですプレビューパスはありません単一のアセットでスタートし AVAssetReaderを使用してアセットのサンプルを読み取ります編集作業は― AVAssetReaderVideoComposition Outputオブジェクトに挿入されますこのオブジェクトには編集意図の詳細を指示する― AVVideoCompositionオブジェクトが含まれています AVAssetReaderVideoComposition Outputオブジェクトから― 編集したフレームを抽出しそれをAVAssetWriterに送信してムービーファイルに書き込みますここまでビデオ編集ワークフローについて話してきました次はこれらのワークフローでHDRを利用可能にする方法を見てみましょう先ほどお見せしたそれぞれのワークフローでは AVVideoCompositionが中心となっています一部のワークフローでは AVComposition オブジェクトも必要ですがその役割は― トラックのtemporal alignmentの指示だけであるため HDRとの― 依存関係はほとんどありません一方 AVVideoCompositionはブレンドや変換で使用する必要があるため HDR編集をサポートするためには HDRアウェアである必要があります
編集のプレビューを行う場合もシステムがHDRビデオを再生できるのが望ましいでしょうこの点についてはこのセッションの終わりで取り上げますビデオコンポジションを― エクスポートする場合も AVAssetExportSession または― AVAssetWriterで適切な設定を確実に選択する必要があります今年行われた別のセッションで HDRの― エクスポートについて理解しておく必要がある詳細情報について解説しています
ディスプレイがHDRビデオを表示可能でエクスポート設定が― HDRをサポートするよう設定されているなら AVVideoCompositionについて― 詳しく調べながら HDRサポートを実現するために何が必要かを確認しましょう AVVideoCompositionを構築する方法は３つありますそれらについて１つずつ解説します１番目は AVMutableVideoCompositionを使用しゼロから新たに構築する方法で内蔵のCompositorを使用します
この方法はビデオの複数のレイヤをブレンドしたい場合や cropping スケーリング translationやローテーションなどのフレームレベルのジオメトリー変換を適用したい場合に適しています最も一般的なユースケースは２つのビデオクリップの間でスワイプや― フェードインフェードアウトなどのトランジションエフェクトを使用する場合です blurring color tintやファンシーな芸術的効果などのフィルタリング効果を使用したい場合はこの方法はあまり適切ではありませんこの方法でAVVideoCompositionを構築するコードスニペットを見てみましょう
空のAVMutableVideoCompositionからスタートしてそこから構築を進めます videoComposition instructionにはレイヤのブレンドまたは― 変換方法をcompositorに正確に指示するための複雑な― パラメータ階層構造が含まれることに注意してくださいそれぞれが編集のタイムラインの異なるセグメントをカバーするコンポジションインストラクションのアレイを指示することも可能ですこの例ではアレイには１つのエレメントしかありません　複数の― ビデオコンポジションインストラクションを実行する場合それらの時間を― 重複させることはできませんし間にギャップを入れることもできませんここでは時間の注意事項について詳しい説明は行いません
customVideoCompositor Classフィールドは未設定のままにしましたこれはコンポジションインストラクションの実行に内蔵compositorを使用することを― フレームワークに指示するためですここまでHDRについては何も触れていませんでした実際に既存のビデオ編集アプリケーションにはこれに類似したコードの― 一部が含まれていますこのAVVideoComposition HDRを利用可能にするために追加する必要があるコードについて確認しましょう
何もありません Appleはフレームワーク特に内蔵compositorで HDRのビデオフレームを正しく扱えるようにすることに力を注いできました既存のビデオ編集アプリケーションで内蔵compositorを使用し何も変更せずに HDRビデオのフィードを開始してもおそらくHDRビデオは同じコンポジションインストラクションが HDRソースに正しく適用されたかのように出力されます
次に AVVideoCompositionを構築する２番目の方法を見てみましょうそれはAVMutableVideoComposition の構築に “applyingCIFiltersWithHandler”パラメータを使用する方法ですこの方法は単一レイヤのビデオでフィルタリング効果を適用しながら作業を行う場合に適していますこの方法では複数のレイヤをブレンドすることはできませんコードを見てみましょう
AVMutableVideoCompositionクラスの異なるコンストラクターを使用していることが分かりますコンポジションの適用対象のアセットとアセットの最初の― 有効なビデオトラックのフレームにCIFilterを適用するハンドラーを渡しています
アセットの最初の有効なビデオトラックだけがフィルタリングされ― ビデオコンポジションから出力されることに注意してください
ハンドラーが呼び出されると AVAsynchronousCIImageFilteringRequest オブジェクトが渡されますこの要求オブジェクトを使用して入力トラックの現在のフレームをフィルタリング効果を適用する― CIFilterへの送信に適したCIImageオブジェクトとして取得することができますフィルタリングした出力イメージが用意できると “request.finish”を呼び出してそれを送信します
このビデオコンポジションの構築方法は AVVideoCompositionオブジェクトを構築するコンポジションインストラクションの― セットアップや他の煩雑な作業からユーザーを解放しますそれによりソースイメージの― フィルタリング方法に意識を集中し全ての労力を注ぎ込むことができますこの例では sourceImageを内蔵の “CIZoomBlur”CIFilterに渡しています内蔵CIFilterを複数連結してより複雑なフィルタリング効果を生成したり自分のmetal CoreImageカーネルコードから構築可能な専用のCIFilterを適用することができますではこのタイプのAVVideoCompositionを利用して HDRをサポートするには― 何をすればいいでしょうか答えは前と同様ほとんど何もすることはありませんハンドラーがCoreImageの内蔵CIFilterを呼び出したのであれば全てのCIFilterが HDRソースを処理できます考慮すべき唯一の点はハンドラーに自分のmetal CoreImageカーネルコードから― 構築された専用のCIFilterを使用しているかどうかということです metal CoreImageカーネルコードでは HDRと共に導入される拡張ダイナミックレンジを認識する必要がありますいくつか例を見てみましょうこれは拡張ダイナミックレンジを認識している metal CoreImage カーネルコードの一部ですこのフィルターの意図は通常の― ゼロから１までのダイナミックレンジを超えた全てのピクセルを強調することにあります “r”“g”または“b”のいずれかのチャネルの強度が１を超えた場合そのピクセルはultra brightレッドでペイントされますお気づきの方がいるかもしれませんがこの例ではCoreImageヘッダーを― 組み込んでいるため構文は通常の metalコードと少し違っていますこのタイプのコードは“Metal CoreImage Kernel”と呼ばれていますこれについて詳しく知りたい方は今年のWWDCのこのセッションをご覧ください “Build Metal-Based Core Image kernels with Xcode” 既存のSDR metal CoreImageフィルターが HDRでブレークダウンする例を示しますこれはカラーインバーターです SDRの世界では最大の強度を１と想定し各チャネルの強度を１から差し引いています HDRフレームを使用した場合結果的に強度が負の値になる可能性があります続いて AVVideoComposition作成の３番目はカスタムcompositorを― 使用する方法でこれは最も柔軟性の高いやり方ですユーザーは複数のビデオレイヤをブレンドし各レイヤで― フレームレベルのジオメトリー変換を行うことができさらに― 各レイヤへのフィルタリング効果の適用を制御することができます柔軟性の高さゆえにユーザーは自分でより多くの作業を行う必要があります最初にカスタムcompositorクラスを定義する必要がありますフレームワークはそのクラスを使用して実際のコンポジットジョブを行う― カスタムcompositorオブジェクトのライフサイクルの作成と保守を行います
AVVideoCompositionオブジェクトの構築は内蔵compositorのケースと同様に空の― AVMutableVideoCompositionからスタートして構築を進めます違いは videoCompositionの customVideoCompositorClassフィールドに設定することによりカスタムcompositorのクラスをフレームワークに指示することです
このタイプのAVVideoCompositionで HDRを利用可能にするためには何が必要でしょうか前の２つのケースと異なり行わなければならないことがあります最初に明確なことはカスタム compositorで行う実際の作業では HDRが利用可能でなければならないということです大部分のHDRソースは10ビットのピクセルフォーマットを使用していますカスタムcompositorはそれらを処理できる必要がありますピクセル値を操作する場合 HDRソースが使用する拡張ダイナミックレンジを認識する必要があります
ここまでが一通り完了した後カスタムcompositorクラスで― さらにもう２つの設定を行って HDRで作業が行えるようになったことをフレームワークに知らせる必要があります第一の設定は入力と出力の両方で10ビット以上のビット深度のピクセルフォーマットをサポートしていることを示します第二はカスタムcompositorが入力としてHDRソースフレームを受け入れ可能であることを示しますコードを見てみましょう
このカスタムcompositorは HDRをサポートするよう適正に設定されています最初に sourcePixelBufferAttributesと requiredPixelBufferAttributes― ForRenderContextの両方に 10ビットのピクセルフォーマットが― 含まれるように設定します実際にサポートするフォーマットを入力しますフレームワークはリストに示されたピクセルフォーマットの１つでソースフレームを取得しサポート可能なフォーマットで出力フレームのrenderコンテキストを作成します必要であればフォーマット変換を行います
次は supportsHDRSourceFramesフィールドですこれは HDR用に導入された新しいフィールドですこのフィールドにはtrueを設定してカスタムcompositorがHDRソースフレームを受け入れるようにしますこのフィールドがないかまたは falseが設定されている場合フレームワークはHDRフレームを処理できないものと判断し送信前にそれらを標準のダイナミックレンジに変換します従って実際にカスタムcompositorで HDRを処理するためには必要な作業を全て行った後で忘れずにこのフィールドを設定するようにしてください概要説明で述べたように通常 HDRビデオは Wide Colorで表示されますそのためカスタムcompositorがWide Colorを処理できるようにしておく必要もあります実際にはフレームワークは HDRを処理可能であれば― Wide Colorも処理可能であると想定しますここでは明確にtrueを設定しています
startRequestはコンポジションの実際の作業を行う関数です前にも述べたように作業を行うためには HDRの拡張されたダイナミックレンジを認識している必要があります次に HDR対応のカスタムcompositorが実際に動作しているデモを見てみましょう
ストリーミングリンクが HDRかどうかによってはこのデモを― HDRで視聴できない可能性がありますがそれでもビデオの編集効果ははっきり見えるはずですこれはカスタムcompositorがカスタムCIFilterを使用してフィルタリング効果を付加して生成したライブプレビューです
これは前にお見せしたmetal CoreImage カーネルコードを強調するよう― アップグレードしたバージョンのHDRですここでは HDRリージョンを１色で塗りつぶすのではなく rolling stripeを使用しています明るい縞模様が見えるということはソースビデオが実際にHDRであることの証拠ですサンプルコードをダウンロードして新しいmacOSで実行すると― ultra brightレッドの縞模様でハイダイナミックレンジを体験できます
ここまではビデオ編集のために AVVideoCompositionを― 構築する様々な方法とそれらでHDRサポートを― 利用する方法について話しました次は HDRを利用可能にした後に HDR動作のいくつかの局面を― 制御する方法において主に― ビデオコンポジションのカラープロパティの制御について話を進めましょう HDRサポートに必要な最低限の処理だけを行い他はデフォルトのままにしておいた場合ビデオコンポジションに様々なタイプのビデオを取り込むとどうなるでしょうかこの表は異なる入力を混成した場合のビデオコンポジションの― 出力フォーマットを示したものです Appleは転送機能に応じて分類された HLGとPQの２種類の― HDRビデオをサポートしています従って利用可能な入力のタイプは HLG PQ SDRの３種類となりますコンポジションのカラープロパティを指示しない場合フレームワークはポリシーに従い HLG PQ SDRの順に入力タイプを選択しますこの表はポリシーが２つのビデオ入力にどのように対応するかを示したものです多重入力への拡張は容易ですこの対応を変更するには― AVVideoCompositionオブジェクトでビデオコンポジションの― カラープロパティを指示しますすなわち colorPrimaries colorTransferFunctionと― colorYCbCrMatrixフィールドですこの３つのフィールドに HLG転送機能を使用するカラープロパティを設定すれば― コンポジションの出力は入力ビデオフォーマットに関係なく常にHLGになります同様に PQまたはSDRのプロパティを設定することもできます内部的には内蔵compositorとカスタムcompositorの― どちらかに関係なく compositorに送信する前にフレームワークは― 入力ソースフレームを指定されたカラープロパティに変換しますこのセッションで前に述べたように内蔵compositorを使用する― 既存のビデオ編集アプリケーションを使用している場合 HDRソースの― フィードを開始するとおそらくはコードを変更しなくても HDR出力を取得できます “おそらく”と言ったのにはワケがありますアプリケーションがAVVideoCompositionでこれらのカラープロパティを― 明確に指示しない場合内蔵compositorのデフォルト動作では HDRビデオが生成されます一方アプリケーションがこれらのプロパティを― 明確にSDR色空間に設定した場合内蔵compositorはその設定を尊重しコンポジットを行う前に HDRソースをSDRに変換します実際に必要になるであろうシナリオを紹介しましょう例えば編集したHDRビデオをｅメールに添付したいけれども受信先のシステムがHDRビデオ再生に対応していないことが分かっているとしますこのような場合には編集したビデオの SDRバージョンを生成することになりますこれらのカラープロパティの標準的な値を見てみましょうこの表はユーザーが設定可能な― ビデオコンポジションのカラープロパティの値の例を示したものですコンポジションをHLGで作成したい場合は colorTransferFunctionに “HLG”を設定しますコンポジションをPQで生成したい場合は colorTransferFunctionに “PQ”を設定します
HLGとPQのいずれについても通常 colorPrimaries とYCbCrMatrixには Wide Colorに関連する ITU_R_2020を設定します
ここまではビデオコンポジションについて話しましたここからは再生の過程について話します前に触れたように編集したものを再生するには― このようなパイプラインを構築します AVCompositionと― AVVideoCompositionから AVPlayerItemを構築した後他の再生でもそうしてきたようにそのAVPlayerItemを― 再生するAVPlayerを作成します特別なことは何もありません HDRビデオコンポジションは HDRで表示されるものと考えてはいませんか？いつもそうであるとは限りませんシステムが HDRを再生可能であることを確認する必要がありますそれは当然のことですがシステムが再生可能かどうかはどうすれば分かるでしょうかこのような時には eligibleForHDRPlayback APIが役に立ちます
HDR再生をサポートするプラットフォームを覚えておく代わりに AVPlayerクラスの― eligibleForHDRPlaybackフィールドで照会することで求める答えが得られますこれはvarのクラスなので照会にAVPlayerインスタンスは必要ありませんプロパティが“true”であれば― 第一にシステムは HDRビデオの視聴に対応しており第二に内蔵または外付けの少なくとも１つのディスプレイが― HDRビデオの表示に対応していることを意味しますなお watchOSとmacOS Catalystでは― HDR再生が利用できないことをお伝えしておきます HDR再生に適合しているかどうかに基づいてビデオコンポジションのカラープロパティを設定するコードの例を示しますシステムがHDRを再生できない場合 HDRでコンポジションを作成することに処理能力を費やすのは無駄なのでカラープロパティをSDRに設定しますこのフィールドは再生のみに関するステートメントであることに注意してくださいシステムがHDRを再生できないからといって HDRのエクスポートも― できないとは限りませんコンポジションのカラープロパティのエクスポートパスをHDRに― 設定することは可能です HDRエクスポートをサポートしているプラットフォームに関する情報は― 今年のWWDCの“HDR Export”関連セッションをご確認ください “Export HDR media in your app with AV Foundation” 今日お話ししたことをまとめてみます第一に HDRビデオ編集が利用可能になりましたこれまではHDR作品を受け取る側でしたがこれからは― ユーザーが製作する側に立つことを支援できますユーザーは HDRビデオ編集を通して HDRで自分の創造性を示すことができるようになります次にビデオ編集ワークフローのレビューを通し AVVideoCompositionがビデオ編集の― 中心に位置していることが理解できました内蔵のcompositorを使用または applyingCIFiltersWithHandlerと内蔵のCIFilterを使用して― AVVideoCompositionを作成する場合 HDRを利用可能にするための追加作業を行う必要がないという利点があります
カスタムcompositorを使用する場合いくつか追加の作業が必要であり 10ビット以上のピクセルフォーマットをサポートしていること HDRとWide Colorのソースフレームをサポートしていることそして実際に行う作業がHDR対応であることを指示する必要がありますさらにデフォルト設定のままでコンポジションのカラープロパティとデフォルト動作を制御する方法について話しました最後にシステムがHDR再生をサポートしているかの確認に使用できる eligibleForHDRPlayback API について話しましたこのセッションをご視聴いただきありがとうございました引き続き WWDCをお楽しみください皆さんのHDR対応ビデオ編集アプリケーションを楽しみにしています

6:43 - Create AVVideoComposition with custom compositor class

// Create AVVideoComposition with custom compositor class
let videoComposition = AVMutableVideoComposition()

videoComposition.instructions = [videoCompositionInstruction]
videoComposition.frameDuration = CMTimeMake(value: 1, timescale: 30)
videoComposition.renderSize = assetSize

9:55 - Create AVVideoComposition using “applyingCIFiltersWithHandler”

// Create AVVideoComposition using “applyingCIFiltersWithHandler”

let videoComposition = 
 AVMutableVideoComposition(asset: asset, 
 applyingCIFiltersWithHandler: {
     (request: AVAsynchronousCIImageFilteringRequest) -> Void in
     
     let ciFilter = CIFilter(name: “CIZoomBlur”)

     ciFilter!.setValue(request.sourceImage, forKey: kCIInputImageKey)
		 
         request.finish(with: ciFilter!.outputImage!, context: nil)
     })

10:57 - First CIKernel

// HDRHighlight.metal

#include <metal_stdlib>
#include <CoreImage/CoreImage.h>
using namespace metal;

extern “C” float4 HDRHighlight(coreimage::sample_t s, coreimage::destination dest) {       
	
    if (s.r > 1.0 || s.g > 1.0 || s.b > 1.0)
		return float4(2.0, 0.0, 0.0, 1.0);
	else
		return s;
}

11:22 - Color Inverter CI Kernel

// ColorInverter.metal - not HDR ready

#include <metal_stdlib>
#include <CoreImage/CoreImage.h>
using namespace metal;

extern “C” float4 ColorInverter(coreimage::sample_t s, coreimage::destination dest) {       
	
	return float4(1.0 - s.r, 1.0 - s.g, 1.0 - s.b, 1.0);
}

12:23 - Custom compositor class

// Custom compositor class
class SampleCustomCompositor: NSObject, AVVideoCompositing {
…
}


// Create AVVideoComposition with custom compositor class
let videoComposition = AVMutableVideoComposition()

videoComposition.instructions = [videoCompositionInstruction]
videoComposition.frameDuration = CMTimeMake(value: 1, timescale: 30)
videoComposition.renderSize = assetSize

videoComposition.customVideoCompositorClass = SampleCustomCompositor.self

13:58 - Setting custom compositor to support HDR

// Setting custom compositor to support HDR

class SampleCustomCompositor: NSObject, AVVideoCompositing {
	var sourcePixelBufferAttributes: [String : Any]? =
    [kCVPixelBufferPixelFormatTypeKey as String:
                    [kCVPixelFormatType_420YpCbCr10BiPlanarVideoRange]]

	var requiredPixelBufferAttributesForRenderContext: [String : Any] =
			[kCVPixelBufferPixelFormatTypeKey as String: 
                            [kCVPixelFormatType_420YpCbCr10BiPlanarVideoRange]]

	var supportsHDRSourceFrames = true
    var supportsWideColorSourceFrames = true

	func startRequest(_ request: AVAsynchronousVideoCompositionRequest) {
			 ...
	}

	func renderContextChanged(_ newRenderContext: AVVideoCompositionRenderContext) {
	}
}

21:01 - AVPlayer API definition

// API definition 
extension AVPlayer {
    @available(macOS 10.15, *)
    open class var eligibleForHDRPlayback: Bool { get }
}

21:41 - AVPlayer API definition 2

// API definition 
extension AVPlayer {
    @available(macOS 10.15, *)
    open class var eligibleForHDRPlayback: Bool { get }
}

// Set video composition color properties based on HDR playback eligibility 
if AVPlayer.eligibleForHDRPlayback {
     videoComposition.colorPrimaries = AVVideoColorPrimaries_ITU_R_2020
	 videoComposition.colorTransferFunction = AVVideoTransferFunction_ITU_R_2100_HLG
	 videoComposition.colorYCbCrMatrix = AVVideoYCbCrMatrix_ITU_R_2020
}
else {
	 videoComposition.colorPrimaries = AVVideoColorPrimaries_ITU_R_709_2
	 videoComposition.colorTransferFunction = AVVideoTransferFunction_ITU_R_709_2
	 videoComposition.colorYCbCrMatrix = AVVideoYCbCrMatrix_ITU_R_709_2
}

特定のトピックをお探しの場合は、上にトピックを入力すると、関連するトピックにすばやく移動できます。

クエリの送信中にエラーが発生しました。インターネット接続を確認して、もう一度お試しください。

リソース

関連ビデオ

Tech Talks

WWDC22

WWDC21