Pocochaにおけるアイテム動画再生のパフォーマンス改善【DeNA TechCon 2022 Autumn】

You Tube：https://youtu.be/P0EqOktLZpw

概要：
ライブ配信において、動画の中で動作するアイテム動画は、ライブ配信を行うライバーとその配信をみるリスナーをつなぐ大事なコミュニケーション手段です。

このアイテム動画のエフェクト画質は高いほうが良いものの、エフェクト画質が高いとリスナーのもつデバイスの高い処理性能を必要とします。そのため、エフェクト画質とデバイスのパフォーマンスはトレードオフになるなかで、いかに企画要件を満たしたエフェクト画質を実現しつつもパフォーマンスを良くしていくかが肝になってきます。

本発表では、どのようにアイテム動画再生パフォーマンス改善に取り組んでいるのかをご紹介します。

登壇内でのリンク集：
p12, http://wiki.webmproject.org/alpha-channel
p20-1, https://github.com/DeNA/HEVCPlayerView
p20-2, https://engineering.dena.com/blog/2022/07/hevcplayerview
p25-1, https://speakerdeck.com/noppefoxwolf/raibupei-xin-apurifalseaitemuzai-sheng-wometaldeshi-zhuang-surushi-ninatutahua
p25-2, https://developer.apple.com/videos/play/wwdc2019/506/
p25-3, https://developer.apple.com/av-foundation/HEVC-Video-with-Alpha-Interoperability-Profile.pdf

◆ チャンネル登録はこちら↓
https://youtube.com/c/denatech?sub_confirmation=1

◆ Twitter
https://twitter.com/DeNAxTech

◆ DeNA Engineering
https://engineering.dena.com/

◆ DeNA Engineer Blog
https://engineering.dena.com/blog/

◆ DeNA TechCon 2022 Autumn 公式サイト
https://techcon2022.dena.dev/autumn/

Transcript

1. Ȼ )}e}ep\ᷥᷮᶿḌᵶᶳḢᷚ̂ັɯຢ᷷ᷨᶰᷳᵩ ᷎ᷝḜ४Ѝ ᭆ᭄ᭆᭆۏ᭍ਨᭆ᭍য ᝟ᰦᚶێᯔŒq…q{oᰦŒ}ᯕ
2. ȼ ȼ ዎڠᅏś ௽Η᮫ᰦ᝟ᰦᚶێᰦᯔŒq…q{oᰦŒ}ᯕ ᰦᰦᰦᰦᰦᰦᰦᰦᰦᲳpŒq…q{oᭅ᭍ᭆᰦᯔ/’q‹‹iˆᯕᰦ᮹ᰦᲳpŒq…q{oᭅ᭍ᭆᰦᯔq‹Œdᯕ ࡰز᮫ᰦ)}e}ep\ĸତ᝞ḖḜḢᷚ᝞ ତ̅ɪם᮫ᰦěᷥq!-ᰦ)}e}ep\᷷ᷨᶰᷳᵩ᷎ᷝḜ४Ѝ
3. Ƚ Ƚ ᷮᕤḕḛḌ᷇ḧ ᭅᮩ )}e}ep\ḧ)}e}ep\ᵶᶳḢᷚᷨᅏś ᭆᮩ )}e}ep\̂ັᵶᶳḢᷚɯຢ᷷ᶰᷳᵩ ᷎ᷝḜ४Ѝᷨᖁᥥ ᭇᮩ ४ЍᷥΛᶿḞʹḆᅔᷓ
4. Ⱦ Ⱦ
5. ȿ ȿ ᵶᶳḢᷚḧᶣᷟᷥᶺ ᵶᶳḢᷚᶣ)}e}ep\ᝯǍ୽ኀᷨþḪᶉᰝ ḇḜᷠᵩᶙ᷈ᶳᷝ౽ᘑḕḡʻ຦ᶉ᷄ḌӅṋཌྷḆĄᶛḌḞ᷐ ᷨᶊṫḟḍ᷈ᷝḢᷝḫᶉᰝḇḜᷠᵩḧḁᶳᵾᵩᷨԚĸᷟ᷈ ᷔṣᷦ᷀ᵩḖṛᷝঝܗᷨþḪᶉḛᰠ ᵶᶳḢᷚᶣ๔෽ॿ༩ǝūĄᵵḆ᷍ḛᰠ׌ਵ༭ᷥছᵶᶳḢᷚ ṋḇḇᵩḜḕḡᶲḌ෽ࠌᰠ
6. ɀ ɀ ๔෽ᷨᵶᶳḢᷚ̂ັɯຢ ᰀᰦᬼḪᷨ̂ັᶰᵺᶳḍṋΒ࡙ḕḡᒸ࿥ ᰦᰦᰀᰦᮩᭆᭊᭈᶣᵶḍᶰᵺḥṓᷝᷣḍḐ᷽ᵩḨḕḡᶲᷟᶲḞ᷐ ᰀᰦ̂ັ᷈ᵩᶊḯ᷋ᶣᮩᭆᭊᭈ ᰀᰦᵶ᷿ḇȇᶉi‹\yᰦ᮹ᰦ!…i{Ƥ຦ḕḡΒ࡙ ᰽ 0HWDO2SHQ*/ d\‰iᮩz…ᭈ \y…p\ᮩz…ᭈ
7. Ɂ Ɂ ⌧≧ )ˆ} }{ ᰀᰦѾᆰุ᧶ ᰀᰦᶤᵩᶎᶊ᷈ᵩᶎᶙᶉ᷄Ḍ ᰀᰦ᷑ᷝḢᷠᷝḜ᷈ḜḨƎ ᰀᰦɇ̂ັḧ؂ݵᷨ
   y…p\̂ັःḭḡᷟᶲḧɯຢᶉ᷄ᷟᶲ ᰀᰦ̂ັᶰᵺᶳḍᬼḪᶉᕿᷓᛡᷓḧᶊ᷈ᵩᶎ᷈ḜḨᶙᬼǞ ᰀᰦɇ̂ັ
   y…p\̂ັᷨ‰˜{eᶙᣩḕᶲ ᵶᶳḢᷚ̂ັḧ
   y…p\̂ັþḪᷥᶉ᷄ᷟᶲᶺᯈ
8. ɂ ɂ ᶰᷳᵩ᷎ḯḨሪᶑཙḛ
   y…p\؂ݵḕḡḌ̂ັܾܗ ᮩᭆᭊᭈᷨ̂᷍᷍ັΒ࡙ ᰀᰦ5 ᰦ5qgi}ᰦ6q‹pᰦ
   y…p\ ᰀᰦ6idᰦ
   y…p\ᰦ‹ˆ\{‰…\ˆi{e˜
   y…p\ᰦ)\exigᯔዎˌᷨᶰᷳᵩ᷎ḯḨᯕ
9. Ⱥȹ Ⱥȹ 5 ᰦ5qgi}ᰦ6q‹pᰦ
   y…p\ 5 ᶂᶊᷯᶰᷳᵩ᷎ḯḨᶉᵶḍᶰᵺḥṓᷝᷣḍᶙḐ᷽ᵩḨḛḌṖḲᷥᷟḆ᷍ḛᰠ
   ……yiᰦᶙᰦ66 ᰦᭆ᭄ᭅ᭍ۏᷨᯠ5 ᰦ5qgi}ᰦ6q‹pᰦ
   y…p\ᯡᷨḓ᷋Ḗṛᷝᶉɟᡮḕᰝ z\e!-ᰦ \‹\yq{\ᰝq!-ᰦᭅᭇᰝ‹‘!-ᰦᭅᭇᶺḀᷨḐ᷽ᵩḨᷥᷟḆ᷍ḛᰠ
10. ȺȺ ȺȺ 5 ᰦ5qgi}ᰦ6q‹pᰦ
    y…p\ )ˆ} }{ ᰀᰦᕿᷓᛡᷓḧᶊ᷈ᵩᶎ᷈ḜḨᶙþḪᷥᶉ᷄Ḍ ᰀᰦq!-ᭅᭇᶺḀ\‹q‘iḐ᷽ᵩḨ ᰀᰦq!-ᶤᵩᶎᶊ᷈ᵩᶎᶉ᷄Ḍ ᰀᰦᮩᭆᭊᭈḧ௳ᵿḡᛧᶲັᘪᶉᶰᵺᶳḍḐᶳṯṋؐḏ᷊ᶉ᷄Ḍ ᰀᰦ
    {gˆ}qgḐ᷽ᵩḨḕḡᶲᷟᶲ ᰀᰦ5 ᶊ᷈ᵩᶎᶣᮩᭆᭊᭈṖḆរᶲ
11. ȺȻ ȺȻ 6idᰦ
    y…p\ᰦ‹ˆ\{‰…\ˆi{e˜ 5)ᭌᰝ5)᭍ᷟᶍᷨ᷈ᵩᶊḯ᷋ঝܗᶙ6id᷈ᷝḢᷠᶉᵶḍᶰᵺḥṓᷝᷣḍᶙḐ᷽ᵩḨᮩ ) ᰦ pˆ}ziᰦᭇᭅᶺḀ؂ݵᮩᰦ๔௥ᢽ-\n\ˆqḧq!-ᰝ
    {gˆ}qgᶣᤛ؂ݵᮩ ͪሪ᮫ᰦᰦp‹‹…᮫᮹᮹’qxqᮩ’idz…ˆ}wie‹ᮩ}ˆo᮹\y…p\ᰀep\{{iy
12. Ⱥȼ Ⱥȼ 6idᰦ
    y…p\ᰦ‹ˆ\{‰…\ˆi{e˜ }{ ᰀᰦ
    {gˆ}qgḐ᷽ᵩḨḕḡᶲᷟᶲ ᰦᰦᰦᰀᰦigq\ }gieᶙᵶḍᶰᵺḥṓᷝᷣḍḐ᷽ᵩḨḕḡᶲᷟᶲ ᰀᰦᰦq!-Ḑ᷽ᵩḨḕḡᶲᷟᶲ ᰦᰦᰦᰀᰦq!-ᭅᭈᰦ5)᭍Ḑ᷽ᵩḨḕḡᶲḌᶙᰝᵶḍᶰᵺḥṓᷝᷣḍḐ᷽ᵩḨḕḡᶲᷟᶲ )ˆ} ᰀᰦᕿᷓᛡᷓḧᶊ᷈ᵩᶎ᷈ḜḨᶙþḪᷥᶉ᷄Ḍ ᰀᰦᮩᭆᭊᭈḧ௳ᵿḡᛧᶲັᘪᶉᶰᵺᶳḍḐᶳṯṋؐḏ᷊ᶉ᷄Ḍ
13. ȺȽ ȺȽ
    y…p\ᰦ)\exig ᰀᰦᮩᭆᭊᭈ᷈ᵩᶊḯ᷋ԌਛḒṮᬼḪᷨ̂ັᶰᵺᶳḍṋþḪᷥΒ࡙ ᰀᰦᵶ᷿ḇȇᶉ̂ັᶰḄᵩᷚʛ๗ḕḡᒸ࿥ ᰀᰦ̂ັƖ༨ᶙᷟᶲṖḲᷥḜ᷀ᵩḇᷝᶢḛḌ ᰀᰦ
    y…p\ߓӄᶣॲߺᶉᶣᷟᶲᷨᶉᰝ
    y…p\᝞ʭᷨ̂ັḐᶳṯؐḏ᷊ᶉ᷄Ḍ ᰽ d\‰iᮩz…ᭈ \y…p\ᮩz…ᭈ \y…p\ᰅ…\exigᮩz…ᭈ
14. ȺȾ ȺȾ
    y…p\ᰦ)\exig )ˆ} }{ ᰀᰦᕿᷓᛡᷓḧᶊ᷈ᵩᶎ᷈ḜḨᶙþḪᷥᶉ᷄Ḍ ᰀᰦq!-ᰝ
    {gˆ}qgđঝḐ᷽ᵩḨᶉ᷄Ḍ ᰦᰦᰀᰦᮩᭆᭊᭈᷨ᷍᷍ ᰀᰦᒸ࿥৙̂ັᶰḄᵩᷚʛ๗ᶙӠᶑḌ ᰀᰦฎዎᶰᷳᵩ᷎ḯḨᷨḞ᷐ᰝ)y\˜iˆȇ؂ݵᶙݮᔑ
15. Ⱥȿ Ⱥȿ ௳ᚪᒸ ᶰᷳᵩ᷎ḯḨ L26 $QGURLG 䝟䝣䜷䞊䝬䞁 䝇 ᑟධ䝁䝇䝖 +(9&:LWK $OSKD 䖂 䖷 䖂 䖂 :HE0$OSKD WUDQVSDUHQF\ 䖷 䖷   $OSKD3DFNHG 䖣 䖣 䖣 䖣 q!-ᶣ5 ᰦ6q‹pᰦ
    y…p\
    {gˆ}qgᶣ
    y…p\ᰦ)\exigࣳ຦
16. Ⱥɀ Ⱥɀ ࣳ຦ᶰᷳᵩ᷎ḯḨ๗ຫ ᰀᰦq!- ᰦᰀᰦ5 ᰦ’q‹pᰦ
    y…p\᷷ᶰᷳᵩ᷎ᷝḜḧḕḡᶣᶲᶲᰝᶰᵺᶳḍḐᶳṯᷖؐḏᶲ ᰦᰀᰦ
    y…p\ᰦ)\exigᶇḧฎዎŠ୍ᶉᰝ᷑ᷝḢᷝḜސᶺḀሪᶑḌḧ5 ᰦ’q‹pᰦ\y…p\ṋࣳ຦ ᰀᰦ
    {gˆ}qg ᰦᰦᰀᰦ๔෽
    y…p\ᰦ)\exigᯔᮩᭆᭊᭈᯕḕᶺƤᶑᷟᶲ
17. ȺɁ ȺɁ ছᶰᷳᵩ᷎ḯḨᶦᷨ؂ݵ ᰀᰦ5 ᰦ6q‹pᰦ
    y…p\ᷨᵶ᷿ḇȇ؂ݵ ᰀᰦ
    y…p\ᰦ)\exigᷨᵶ᷿ḇȇ؂ݵ ᰀᰦম֬ᵶᶳḢᷚᷨ؂ݵ
18. Ⱥɂ Ⱥɂ 5 ᰦ6q‹pᰦ
    y…p\ᵶ᷿ḇȇ؂ݵ ᰀᰦ̂ັ᷿ḇḊᵩᶎḕḞᶲ ᰦᰦᰀᰦᶰᵺᶳḍḐᶳṯᭉ ᱇ᭅ᭄ ᶙԕᶲᷨᶉᰝᶊᵩḟؑḕᕿᷓᛡᷓḛḌḧ᛽ᷥᗾፔᶙ᧶᷊ᷟḌᰠ ᰀᰦΖṪ̂ັᜑᅲɯຢ৙ᗾፔąᶛḞᶲ ᰦᰦᰀᰦΖṪ̂ັᜑᅲɯຢ৙e\epi᜷ݵᶉɯຢ᷷ᶰᷳᵩ᷎ᷝḜ४Ѝ ᰀᰦ
    5)y\˜iˆ ᰦᰦᰀᰦq!-ᷨ
    )ᶉɯຢᶉ᷄Ḍᶙᰝ᷿ḇḊᵩᶎ୽ኀḐ᷽ᵩḨḕḡᶲᷟᶲ ᰦᰦᰀᰦΖṪ̂ັᜑᅲɯຢਦ᜷̣ḕḡᶲᷟᶲ ᰦ ዎˌᷨ)y\˜iˆƙ࡙
19. Ȼȹ Ȼȹ 5 )y\˜iˆ5qi’ ᰀᰦ5 ᰦ6q‹pᰦ
    y…p\ᰦḐ᷽ᵩḨ ᰀᰦᶤᵩᶎᶊ᷈ᵩᶎḐ᷽ᵩḨ ᰀᰦ̂ັ᷿ḇḊᵩᶎḐ᷽ᵩḨ ᰀᰦΖṪ̂ັɯຢ৙ᷨ \epiḐ᷽ᵩḨ ᰀᰦɯຢ )0Ƥ຦ุਦԚᭇᭉ᱓४Ѝ ᰀᰦ!…i{ᰦ-}Œˆeị ᰦᰦᰦᰀᰦp‹‹…‰᮫᮹᮹oq‹pŒdᮩe}z᮹ i
    ᮹5 )y\˜iˆ5qi’ ᰀᰦ̂ັᶒᶰᶖ᷋ḨᗾፔṋԚ᷊᷄ᚨವḕḞᰦ5 )y\˜iˆ5qi’ᰦᕦᔯ ᰦᰦᰦᰀᰦp‹‹…‰᮫᮹᮹i{oq{iiˆq{oᮩgi{\ᮩe}z᮹dy}o᮹ᭆ᭄ᭆᭆ᮹᭄ᭋ᮹pi‘e…y\˜iˆ‘qi’
20. ȻȺ ȻȺ
    y…p\ᰦ)\exig؂ݵ ᰀᰦᕿᷓᛡᷓ̂ັᶰᵺᶳḍṋþḪᷥḛḌ ᰀᰦ!…i{ᰦ-p\giˆǑ௅ ᰀᰦɯຢ )0Ƥ຦ุᄵᭆᭊ᱓४Ѝ 2SHQ*/ -Œˆn\ei/i—‹Œˆi \y…p\ᰅ…\exigᮩz…ᭈ
21. ȻȻ ȻȻ ম֬ᷨᵶᶳḢᷚ̂ັᷨ؂ݵ ᰀᰦᰦ๔෽ᶊṧᶳᷠᵩȇᶉ
    g}diᰦ
    n‹iˆᰦnnie‹‰Ƥḭḡᶲḡᰝ5 ᰦ6q‹pᰦ
    y…p\ḧ
    y…p\ᰦ)\exigਞ᷄ʧḕᶣᶉ᷄ᷟᶲ ᰀᰦᰦম֬ᷨ̂ັᵶᶳḢᷚᶣԌऌḛḌݮᔑᶙᵵḌ ؅຦ԌऌḛḌᵶ᷿ḇƙ࡙
22. Ȼȼ Ȼȼ Ԍऌᵶ᷿ḇ ᰀᰦ5 ᰦ6q‹pᰦ
    y…p\̂ັਞ᷄ʧḕ ᰀᰦ
    y…p\ᰦ)\exigᰦ̂ັਞ᷄ʧḕ ᰀᰦ \‹epʛ๗ ᰀᰦ̂ັϛᘪᖅঁ
23. ȻȽ ȻȽ ᷍ḧ᷐ ᰀᰦ๔෽ࢌऍḕḡᶺḀࢇᒯଇᕏ ᰀᰦΑ᷿ḁḯḨᶭᵩᷚᷥਦ᜷̣
24. ȻȾ ȻȾ ᰦᰦᰦͪሪ Ɣ /}z}˜\ᰦqˆ\{}ᯠḁᶳᶆᝯǍᵶ᷿ḇᷨᵶᶳḢᷚɯຢṋi‹\yᶉאᓙḛḌĸᷥᷟḭḞᕤᯡᯔq!- ᰦᭆ᭄ᭅᭌᯕᰦ p‹‹…‰᮫᮹᮹‰…i\xiˆgiexᮩe}z᮹{}……in}—’}yn᮹ˆ\qdŒ…iqᰀ—q{ᰀ\…Œˆqn\y‰i\q‹izŒ\qᰀ‰pi{oᰀ’}zi‹\ygi‰pqᰀpŒ\{oᰀ‰ŒˆŒ‰pqᰀ{q {\‹Œ‹\pŒ\ Ɣ p‹‹…‰᮫᮹᮹gi‘iy}…iˆᮩ\……yiᮩe}z᮹‘qgi}‰᮹…y\˜᮹’’geᭆ᭄ᭅ᭍᮹ᭉ᭄ᭊ᮹ Ɣ KWWSVGHYHORSHUDSSOHFRPDYIRXQGDWLRQ+(9&9LGHRZLWK$OSKD,QWHURSHUDELOLW\3URILOHSGI