AV1 コーデックが出てからちょっと時間が経過して、YouTube や Netflix で一部使われ始めているようですが、各種デバイスのネイティブプレイヤーではどうなの？
と気になって調べてみました。
準備
まずは AV1 コーデックの動画ファイルを作成する必要があり、AWS Media Convert を使って作ってみました。
元素材
なるべく高画質なものと思い下記から 4K UHD 60fps なものをダウンロード。
Big Buck Bunny
Copyright (C) 2008 Blender Foundation | peach.blender.org
Some Rights Reserved. Creative Commons Attribution 3.0 license.
http://www.bigbuckbunny.org/
変換
MediaConvert で画角 1920x1020 ビットレート 1Mbps、その他設定はデフォルトで MP4 と DASH に変換。
変換時間は高速変換で MP4 でも DASH でも 11-13分程度。
MediaConvert では HLSのAV1は作成できないんだけど仕様なのかしら。
再生方法
MP4 はブラウザのURL欄にURLを直打ちして再生する方法と、HTML video tag で URL を指定する方法。
<video width="1080" height="720" controls>
<source src="https://xxx.s3.ap-northeast-1.amazonaws.com/MC/encoded/av1/file/av1.mp4" type="video/mp4">
</video>
DASH は clappr を使って再生しました。
<html>
<head>
<script src="https://cdn.jsdelivr.net/gh/clappr/clappr@latest/dist/clappr.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/clappr/dash-shaka-playback@latest/dist/dash-shaka-playback.js"></script>
</head>
<body>
<div id="player"></div>
<script>
var player = new Clappr.Player(
{
source: 'https://xxx.s3.ap-northeast-1.amazonaws.com/MC/encoded/dash/av1/bbb_sunflower_2160p_60fps_normal.mpd',
plugins: [DashShakaPlayback],
shakaConfiguration: {
preferredAudioLanguage: 'pt-BR',
streaming: {
rebufferingGoal: 15
}
},
shakaOnBeforeLoad: function(shaka_player) {
// shaka_player.getNetworkingEngine().registerRequestFilter() ...
},
parentId: '#player'
});
</script>
</body>
</html>
再生してみる。
Mac
いつも業務で使ってる Mac で試してみます。
Chrome
まずは MP4 URL直打ちで。
おお、再生できた！
次は video tag.
これもOK。
最後に DASH。
すごいな。
全部再生できた。
Safari
Safari はどうだろ？
MP4
う〜ん。
video tag
白画面・・・
エラーも出ない
DASH。
こっちはエラー表示あり。
やっぱ Safari は駄目だったか。
iPhone
予想通りぜんぶ駄目でした。
ついでに Windows と Android でも試してみよう
結果
iPhone は何をやっても再生できず。
Windows Edge はイケるかなと思いきや再生不可。
| Devices | OS | Browsers | MP4 | HTML (videotag) | HTML (DASH) |
|---|---|---|---|---|---|
| MacBook Air (M1, 2020) | Big Sur | Safari バージョン15.5 | 再生不可 | 再生不可 | 再生不可 |
| MacBook Air (M1, 2020) | Big Sur | Chrome 107.0.5304.87 | 再生可能 | 再生可能 | 再生可能 |
| MacBook Air (M1, 2020) | Big Sur | Firefox 106.0.3 | 再生可能 | 再生可能 | 再生可能 |
| PC/AT | Windows 10 バージョン 21H2 | Firefox 106.0.2 | 再生可能 | 再生可能 | 再生可能 |
| PC/AT | Windows 10 バージョン 21H2 | Chrome 106.0.5249.103 | 再生可能 | 再生可能 | 再生可能 |
| PC/AT | Windows 10 バージョン 21H2 | Edge 107.0.1418.26 | 再生不可 | 再生不可 | 再生不可 |
| iPhone 12 pro | iOS 16.1 | Safari | 再生不可 | 再生不可 | 再生不可 |
| iPhone 12 pro | iOS 16.1 | Chrome | 再生不可 | 再生不可 | 再生不可 |
| Xperia Ace | Android 9 | Chrome | 再生可能 | 再生可能 | 再生可能 |
まとめ
この結果をみると、まだまだサービスとして提供するのは厳しいです。
特に iPhone が対応してくれないとツラいですね。
時期尚早。