Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

DeNA_Tech
September 29, 2022

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/

DeNA_Tech

September 29, 2022
Tweet

More Decks by DeNA_Tech

Other Decks in Technology

Transcript

  1. Ȼ
    )}e}ep\ᷥᷮᶿḌᵶᶳḢᷚ̂ັɯຢ᷷ᷨᶰᷳᵩ
    ᷎ᷝḜ४Ѝ
    ᭆ᭄ᭆᭆۏ᭍ਨᭆ᭍য
    ᝟ᰦᚶێᯔŒq…q{oᰦŒ}ᯕ

    View Slide

  2. ȼ
    ȼ
    ዎڠᅏś
    ௽Η᮫ᰦ᝟ᰦᚶێᰦᯔŒq…q{oᰦŒ}ᯕ
    ᰦᰦᰦᰦᰦᰦᰦᰦᰦᲳpŒq…q{oᭅ᭍ᭆᰦᯔ/’q‹‹iˆᯕᰦ᮹ᰦᲳpŒq…q{oᭅ᭍ᭆᰦᯔq‹Œdᯕ
    ࡰز᮫ᰦ)}e}ep\ĸତ᝞ḖḜḢᷚ᝞
    ତ̅ɪם᮫ᰦěᷥq!-ᰦ)}e}ep\᷷ᷨᶰᷳᵩ᷎ᷝḜ४Ѝ

    View Slide

  3. Ƚ
    Ƚ
    ᷮᕤḕḛḌ᷇ḧ
    ᭅᮩ )}e}ep\ḧ)}e}ep\ᵶᶳḢᷚᷨᅏś
    ᭆᮩ )}e}ep\̂ັᵶᶳḢᷚɯຢ᷷ᶰᷳᵩ
    ᷎ᷝḜ४Ѝᷨᖁᥥ
    ᭇᮩ ४ЍᷥΛᶿḞʹḆᅔᷓ

    View Slide

  4. Ⱦ
    Ⱦ

    View Slide

  5. ȿ
    ȿ
    ᵶᶳḢᷚḧᶣᷟᷥᶺ
    ᵶᶳḢᷚᶣ)}e}ep\ᝯǍ୽ኀᷨþḪᶉᰝ
    ḇḜᷠᵩᶙ᷈ᶳᷝ౽ᘑḕḡʻ຦ᶉ᷄ḌӅṋཌྷḆĄᶛḌḞ᷐
    ᷨᶊṫḟḍ᷈ᷝḢᷝḫᶉᰝḇḜᷠᵩḧḁᶳᵾᵩᷨԚĸᷟ᷈
    ᷔṣᷦ᷀ᵩḖṛᷝঝܗᷨþḪᶉḛᰠ
    ᵶᶳḢᷚᶣ๔෽ॿ༩ǝūĄᵵḆ᷍ḛᰠ׌ਵ༭ᷥছᵶᶳḢᷚ
    ṋḇḇᵩḜḕḡᶲḌ෽ࠌᰠ

    View Slide

  6. ɀ
    ɀ
    ๔෽ᷨᵶᶳḢᷚ̂ັɯຢ
    ᰀᰦᬼḪᷨ̂ັᶰᵺᶳḍṋΒ࡙ḕḡᒸ࿥
    ᰦᰦᰀᰦᮩᭆᭊᭈᶣᵶḍᶰᵺḥṓᷝᷣḍḐ᷽ᵩḨḕḡᶲᷟᶲḞ᷐
    ᰀᰦ̂ັ᷈ᵩᶊḯ᷋ᶣᮩᭆᭊᭈ
    ᰀᰦᵶ᷿ḇȇᶉi‹\yᰦ᮹ᰦ!…i{Ƥ຦ḕḡΒ࡙

    0HWDO2SHQ*/
    d\‰iᮩz…ᭈ \y…p\ᮩz…ᭈ

    View Slide

  7. Ɂ
    Ɂ
    ⌧≧
    )ˆ}

    }{
    ᰀᰦѾᆰุ᧶
    ᰀᰦᶤᵩᶎᶊ᷈ᵩᶎᶙᶉ᷄Ḍ
    ᰀᰦ᷑ᷝḢᷠᷝḜ᷈ḜḨƎ
    ᰀᰦɇ̂ັḧ؂ݵᷨy…p\̂ັःḭḡᷟᶲḧɯຢᶉ᷄ᷟᶲ
    ᰀᰦ̂ັᶰᵺᶳḍᬼḪᶉᕿᷓᛡᷓḧᶊ᷈ᵩᶎ᷈ḜḨᶙᬼǞ
    ᰀᰦɇ̂ັy…p\̂ັᷨ‰˜{eᶙᣩḕᶲ
    ᵶᶳḢᷚ̂ັḧy…p\̂ັþḪᷥᶉ᷄ᷟᶲᶺᯈ

    View Slide

  8. ɂ
    ɂ
    ᶰᷳᵩ᷎ḯḨሪᶑཙḛ
    y…p\؂ݵḕḡḌ̂ັܾܗ
    ᮩᭆᭊᭈᷨ̂᷍᷍ັΒ࡙
    ᰀᰦ5
    ᰦ5qgi}ᰦ6q‹pᰦy…p\
    ᰀᰦ6idᰦy…p\ᰦ‹ˆ\{‰…\ˆi{e˜
    y…p\ᰦ)\exigᯔዎˌᷨᶰᷳᵩ᷎ḯḨᯕ

    View Slide

  9. Ⱥȹ
    Ⱥȹ
    5
    ᰦ5qgi}ᰦ6q‹pᰦy…p\
    5
    ᶂᶊᷯᶰᷳᵩ᷎ḯḨᶉᵶḍᶰᵺḥṓᷝᷣḍᶙḐ᷽ᵩḨḛḌṖḲᷥᷟḆ᷍ḛᰠ
    ……yiᰦᶙᰦ66
    ᰦᭆ᭄ᭅ᭍ۏᷨᯠ5
    ᰦ5qgi}ᰦ6q‹pᰦy…p\ᯡᷨḓ᷋Ḗṛᷝᶉɟᡮḕᰝ
    z\e!-ᰦ
    \‹\yq{\ᰝq!-ᰦᭅᭇᰝ‹‘!-ᰦᭅᭇᶺḀᷨḐ᷽ᵩḨᷥᷟḆ᷍ḛᰠ

    View Slide

  10. ȺȺ
    ȺȺ
    5
    ᰦ5qgi}ᰦ6q‹pᰦy…p\
    )ˆ}

    }{
    ᰀᰦᕿᷓᛡᷓḧᶊ᷈ᵩᶎ᷈ḜḨᶙþḪᷥᶉ᷄Ḍ
    ᰀᰦq!-ᭅᭇᶺḀ\‹q‘iḐ᷽ᵩḨ
    ᰀᰦq!-ᶤᵩᶎᶊ᷈ᵩᶎᶉ᷄Ḍ
    ᰀᰦᮩᭆᭊᭈḧ௳ᵿḡᛧᶲັᘪᶉᶰᵺᶳḍḐᶳṯṋؐḏ᷊ᶉ᷄Ḍ
    ᰀᰦ{gˆ}qgḐ᷽ᵩḨḕḡᶲᷟᶲ
    ᰀᰦ5
    ᶊ᷈ᵩᶎᶣᮩᭆᭊᭈṖḆរᶲ

    View Slide

  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

    View Slide

  12. Ⱥȼ
    Ⱥȼ
    6idᰦy…p\ᰦ‹ˆ\{‰…\ˆi{e˜

    }{
    ᰀᰦ{gˆ}qgḐ᷽ᵩḨḕḡᶲᷟᶲ
    ᰦᰦᰦᰀᰦigq\
    }gieᶙᵶḍᶰᵺḥṓᷝᷣḍḐ᷽ᵩḨḕḡᶲᷟᶲ
    ᰀᰦᰦq!-Ḑ᷽ᵩḨḕḡᶲᷟᶲ
    ᰦᰦᰦᰀᰦq!-ᭅᭈᰦ5)᭍Ḑ᷽ᵩḨḕḡᶲḌᶙᰝᵶḍᶰᵺḥṓᷝᷣḍḐ᷽ᵩḨḕḡᶲᷟᶲ
    )ˆ}
    ᰀᰦᕿᷓᛡᷓḧᶊ᷈ᵩᶎ᷈ḜḨᶙþḪᷥᶉ᷄Ḍ
    ᰀᰦᮩᭆᭊᭈḧ௳ᵿḡᛧᶲັᘪᶉᶰᵺᶳḍḐᶳṯṋؐḏ᷊ᶉ᷄Ḍ

    View Slide

  13. ȺȽ
    ȺȽ
    y…p\ᰦ)\exig
    ᰀᰦᮩᭆᭊᭈ᷈ᵩᶊḯ᷋ԌਛḒṮᬼḪᷨ̂ັᶰᵺᶳḍṋþḪᷥΒ࡙
    ᰀᰦᵶ᷿ḇȇᶉ̂ັᶰḄᵩᷚʛ๗ḕḡᒸ࿥
    ᰀᰦ̂ັƖ༨ᶙᷟᶲṖḲᷥḜ᷀ᵩḇᷝᶢḛḌ
    ᰀᰦy…p\ߓӄᶣॲߺᶉᶣᷟᶲᷨᶉᰝy…p\᝞ʭᷨ̂ັḐᶳṯؐḏ᷊ᶉ᷄Ḍ

    d\‰iᮩz…ᭈ \y…p\ᮩz…ᭈ
    \y…p\ᰅ…\exigᮩz…ᭈ

    View Slide

  14. ȺȾ
    ȺȾ
    y…p\ᰦ)\exig
    )ˆ}

    }{
    ᰀᰦᕿᷓᛡᷓḧᶊ᷈ᵩᶎ᷈ḜḨᶙþḪᷥᶉ᷄Ḍ
    ᰀᰦq!-ᰝ{gˆ}qgđঝḐ᷽ᵩḨᶉ᷄Ḍ
    ᰦᰦᰀᰦᮩᭆᭊᭈᷨ᷍᷍
    ᰀᰦᒸ࿥৙̂ັᶰḄᵩᷚʛ๗ᶙӠᶑḌ
    ᰀᰦฎዎᶰᷳᵩ᷎ḯḨᷨḞ᷐ᰝ)y\˜iˆȇ؂ݵᶙݮᔑ

    View Slide

  15. Ⱥȿ
    Ⱥȿ
    ௳ᚪᒸ
    ᶰᷳᵩ᷎ḯḨ L26 $QGURLG 䝟䝣䜷䞊䝬䞁

    ᑟධ䝁䝇䝖
    +(9&:LWK
    $OSKD
    䖂 䖷 䖂 䖂
    :HE0$OSKD
    WUDQVSDUHQF\
    䖷 䖷
    $OSKD3DFNHG 䖣 䖣 䖣 䖣
    q!-ᶣ5
    ᰦ6q‹pᰦy…p\
    {gˆ}qgᶣy…p\ᰦ)\exigࣳ຦

    View Slide

  16. Ⱥɀ
    Ⱥɀ
    ࣳ຦ᶰᷳᵩ᷎ḯḨ๗ຫ
    ᰀᰦq!-
    ᰦᰀᰦ5
    ᰦ’q‹pᰦy…p\᷷ᶰᷳᵩ᷎ᷝḜḧḕḡᶣᶲᶲᰝᶰᵺᶳḍḐᶳṯᷖؐḏᶲ
    ᰦᰀᰦy…p\ᰦ)\exigᶇḧฎዎŠ୍ᶉᰝ᷑ᷝḢᷝḜސᶺḀሪᶑḌḧ5
    ᰦ’q‹pᰦ\y…p\ṋࣳ຦
    ᰀᰦ{gˆ}qg
    ᰦᰦᰀᰦ๔෽y…p\ᰦ)\exigᯔᮩᭆᭊᭈᯕḕᶺƤᶑᷟᶲ

    View Slide

  17. ȺɁ
    ȺɁ
    ছᶰᷳᵩ᷎ḯḨᶦᷨ؂ݵ
    ᰀᰦ5
    ᰦ6q‹pᰦy…p\ᷨᵶ᷿ḇȇ؂ݵ
    ᰀᰦy…p\ᰦ)\exigᷨᵶ᷿ḇȇ؂ݵ
    ᰀᰦম֬ᵶᶳḢᷚᷨ؂ݵ

    View Slide

  18. Ⱥɂ
    Ⱥɂ
    5
    ᰦ6q‹pᰦy…p\ᵶ᷿ḇȇ؂ݵ
    ᰀᰦ̂ັ᷿ḇḊᵩᶎḕḞᶲ
    ᰦᰦᰀᰦᶰᵺᶳḍḐᶳṯᭉ ᱇ᭅ᭄ ᶙԕᶲᷨᶉᰝᶊᵩḟؑḕᕿᷓᛡᷓḛḌḧ᛽ᷥᗾፔᶙ᧶᷊ᷟḌᰠ
    ᰀᰦΖṪ̂ັᜑᅲɯຢ৙ᗾፔąᶛḞᶲ
    ᰦᰦᰀᰦΖṪ̂ັᜑᅲɯຢ৙e\epi᜷ݵᶉɯຢ᷷ᶰᷳᵩ᷎ᷝḜ४Ѝ
    ᰀᰦ5)y\˜iˆ
    ᰦᰦᰀᰦq!-ᷨ)ᶉɯຢᶉ᷄Ḍᶙᰝ᷿ḇḊᵩᶎ୽ኀḐ᷽ᵩḨḕḡᶲᷟᶲ
    ᰦᰦᰀᰦΖṪ̂ັᜑᅲɯຢਦ᜷̣ḕḡᶲᷟᶲ

    ዎˌᷨ)y\˜iˆƙ࡙

    View Slide

  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’

    View Slide

  20. ȻȺ
    ȻȺ
    y…p\ᰦ)\exig؂ݵ
    ᰀᰦᕿᷓᛡᷓ̂ັᶰᵺᶳḍṋþḪᷥḛḌ
    ᰀᰦ!…i{ᰦ-p\giˆǑ௅
    ᰀᰦɯຢ
    )0Ƥ຦ุᄵᭆᭊ᱓४Ѝ
    2SHQ*/
    -Œˆn\ei/i—‹Œˆi
    \y…p\ᰅ…\exigᮩz…ᭈ

    View Slide

  21. ȻȻ
    ȻȻ
    ম֬ᷨᵶᶳḢᷚ̂ັᷨ؂ݵ
    ᰀᰦᰦ๔෽ᶊṧᶳᷠᵩȇᶉg}diᰦn‹iˆᰦnnie‹‰Ƥḭḡᶲḡᰝ5
    ᰦ6q‹pᰦy…p\ḧy…p\ᰦ)\exigਞ᷄ʧḕᶣᶉ᷄ᷟᶲ
    ᰀᰦᰦম֬ᷨ̂ັᵶᶳḢᷚᶣԌऌḛḌݮᔑᶙᵵḌ
    ؅຦ԌऌḛḌᵶ᷿ḇƙ࡙

    View Slide

  22. Ȼȼ
    Ȼȼ
    Ԍऌᵶ᷿ḇ
    ᰀᰦ5
    ᰦ6q‹pᰦy…p\̂ັਞ᷄ʧḕ
    ᰀᰦy…p\ᰦ)\exigᰦ̂ັਞ᷄ʧḕ
    ᰀᰦ \‹epʛ๗
    ᰀᰦ̂ັϛᘪᖅঁ

    View Slide

  23. ȻȽ
    ȻȽ
    ᷍ḧ᷐
    ᰀᰦ๔෽ࢌऍḕḡᶺḀࢇᒯଇᕏ
    ᰀᰦΑ᷿ḁḯḨᶭᵩᷚᷥਦ᜷̣

    View Slide

  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

    View Slide