動画アプリをなめらかに動かす技術 - iOS -

ಈըΞϓϦΛͳΊΒ͔ʹಈ͔ٕ͢ज़ :VKJ)BUP J04%$

Yuji Hato CyberAgent, Inc. / AbemaTV, Inc. dekatotoro @dekatotoro Contributed
services "CPVUNF

ಈը࠶ੜ HLS ࣮૷ϙΠϯτ ࠷దͳCJUSBUF ϓϨΠϠʔͷ؂ࢹ "HFOEB

ಈը࠶ੜ

%PXOMPBE 1SPHSFTTJWF%PXOMPBE 4USFBNJOH ಈը࠶ੜ )551"EBQUJWF4USFBNJOH -PDBM'JMF ಈըίϯςϯπ

%PXOMPBE 1SPHSFTTJWF%PXOMPBE 4USFBNJOH )551"EBQUJWF4USFBNJOH -PDBM'JMF ಈըίϯςϯπ ಈը࠶ੜ

)%4 )551%ZOBNJD4USFBNJOH ʜ"EPCF 44 4NPPUI4USFBNJOH ʜ.JDSPTPGU .1&(%"4) %ZOBNJD"EBQUJWF4USFBNJOHPWFS)551 ʜ*40*&$
)-4 )551-JWF4USFBNJOH ʜ"QQMF )551"EBQUJWF4USFBNJOHϓϩτίϧ ಈը࠶ੜ

$POUBJOFS'PSNBUDPEFD $POUBJOFS 'PSNBU 7JEFPDPEFD "VEJPDPEFD .1&(54 UTNUNUT ).1&( ""$"$.1 .1
NQNB )9WJE%JWY.1&() ""$.1"$7PSJCJT .07 NPWRU ).+&(.1&( ""$.1-1$. "7* BWJ )9WJE%JWY.1&( ""$.1-1$. 8FC. XFCN 7171 7PSCJT FUD ಈը࠶ੜ

$POUBJOFS'PSNBUDPEFD $POUBJOFS 'PSNBU 7JEFPDPEFD "VEJPDPEFD .1&(54 UTNUNUT ).1&( ""$"$.1 .1
NQNB )9WJE%JWY.1&() "7 ""$.1"$7PSJCJT .07 NPWRU ).+&(.1&( ""$.1-1$. "7* BWJ )9WJE%JWY.1&( ""$.1-1$. 8FC. XFCN 7171"7 7PSCJT FUD ಈը࠶ੜ

&ODPEFS 4FSWFS4ZTUFN $%/ -JWF ಈը࠶ੜ

70% &ODPEFS 4FSWFS4ZTUFN $%/ ಈըιʔε ಈը࠶ੜ

.FEJB1MBZMJTU )-4 .BTUFS1MBZMJTU 1MBZMJTU

#EXTM3U #EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=232370,CODECS="mp4a.40.2, avc1.4d4015" gear1/prog_index.m3u8 #EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=649879,CODECS="mp4a.40.2, avc1.4d401e" gear2/prog_index.m3u8 #EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=991714,CODECS="mp4a.40.2, avc1.4d401e" gear3/prog_index.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=1927833,CODECS="mp4a.40.2, avc1.4d401f" gear4/prog_index.m3u8 … )-4 https://devstreaming-cdn.apple.com/videos/streaming/examples/bipbop_4x3/bipbop_4x3_variant.m3u8 .BTUFS1MBZMJTU NV

)-4 )FBEFS QMBZMJTUNV QMBZMJTUNV 1MBZMJTUNV 1MBZMJTUNV #"/%8*%5) #"/%8*%5) #"/%8*%5) #"/%8*%5)
.BTUFS1MBZMJTU NV $0%&$4YYYY $0%&$4YYYY $0%&$4YYYY $0%&$4YYYY

#EXTM3U #EXT-X-TARGETDURATION:10 #EXT-X-VERSION:3 #EXT-X-MEDIA-SEQUENCE:0 #EXT-X-PLAYLIST-TYPE:VOD #EXTINF:9.97667, fileSequence0.ts #EXTINF:9.97667, fileSequence1.ts #EXTINF:9.97667,
fileSequence2.ts #EXTINF:9.97667, fileSequence3.ts #EXTINF:9.97667, fileSequence4.ts … #EXT-X-ENDLIST )-4 http://devimages.apple.com/iphone/samples/bipbop/gear1/prog_index.m3u8 .FEJB1MBZMJTU NV

#EXTM3U #EXT-X-TARGETDURATION:10 #EXT-X-VERSION:3 #EXT-X-MEDIA-SEQUENCE:0 #EXT-X-PLAYLIST-TYPE:VOD #EXTINF:9.97667, fileSequence0.ts #EXTINF:9.97667, fileSequence1.ts #EXTINF:9.97667,
fileSequence2.ts #EXTINF:9.97667, fileSequence3.ts #EXTINF:9.97667, fileSequence4.ts … #EXT-X-ENDLIST UT ηάϝϯτϑΝΠϧ UT )-4 http://devimages.apple.com/iphone/samples/bipbop/gear1/prog_index.m3u8 .FEJB1MBZMJTU NV UT UT UT UT

)-4 )FBEFS TFHNFOUUT TFHNFOUUT TFHNFOUUT TFHNFOUUT MFOHUITFD 'PPUFS MFOHUITFD MFOHUITFD
MFOHUITFD .FEJB1MBZMJTU NV

࣮૷ϙΠϯτ

࣮૷ϙΠϯτ ಈը࠶ੜ 6*8FC7JFX8,8FC7JFX 8,8FC7*FX͸J04d .1.PWJF1MBZFS$POUSPMMFS J04dJ04 "71MBZFS J04d "71MBZFS7JFX$POUSPMMFS J04d
0UIFS .FUBMͳͲ

"7"TTFU ࣮૷ϙΠϯτ ಈը࠶ੜͷྲྀΕ "71MBZFS*UFN 63- "71MBZFS "71MBZFS-BZFS 6*7JFX

࣮૷ϙΠϯτ ಈը࠶ੜ MFUBTTFU"7"TTFU VSMVSM MFUQMBZFS*UFN"71MBZFS*UFN BTTFUBTTFU MFUQMBZFS"71MBZFS QMBZFS*UFNQMBZFS*UFN
QMBZFS7JFXQMBZFSQMBZFS ಈը

࣮૷ϙΠϯτ ࠷దԽ͢Δ ಈը࠶ੜ

࣮૷ϙΠϯτ ಈը ಈը࠶ੜ ಈը ಈը ಈը ಈը ಈը

࣮૷ϙΠϯτ ಈը" ಈը࠶ੜ

࣮૷ϙΠϯτ ಈը# UIVNCOBJM ಈը࠶ੜ ಈը" ಈը"ഁغ

࣮૷ϙΠϯτ ಈը# UIVNCOBJM ಈը࠶ੜ ಈը" UIVNCOBJM ಈը"ഁغ

࣮૷ϙΠϯτ ಈը# UIVNCOBJM ಈը࠶ੜ ಈը" UIVNCOBJM ಈը#ੜ੒

࣮૷ϙΠϯτ ಈը# ಈը࠶ੜ ಈը" UIVNCOBJM ಈը#ੜ੒

࣮૷ϙΠϯτ ಈը# ಈը࠶ੜ

࣮૷ϙΠϯτ 7JEFP1MBZFSDMBTT DMBTT7JEFP1MBZFS\ QSJWBUF TFU WBSQMBZFS"71MBZFS MFUQMBZFS*UFN"71MBZFS*UFN JOJU VSM63- \
MFUBTTFU"7"TTFU"7"TTFU VSMVSM QMBZFS*UFN"71MBZFS*UFN BTTFUBTTFU ^ ʜ ^

࣮૷ϙΠϯτ αϒεϨουͰ1MBZFSΛੜ੒ DMBTT7JEFP1MBZFS\ JOJU VSM63- \ MFUBTTFU"7"TTFU"7"TTFU VSMVSM QMBZFS*UFN"71MBZFS*UFN BTTFUBTTFU
^ ʜ ^ αϒεϨουͰϓϨΠϠʔΛੜ੒ TUSFBN63-BT0CTFSWBCMF PCTFSWF0O TDIFEVMFS TVCTDSJCF PO/FYU\<XFBLTFMG>TUSFBN63-JO TFMG DSFBUF1MBZFS VSMTUSFBN63- DSFBUF1MBZFSͰ7JEFP1MBZFSΛੜ੒ ^ EJTQPTFE CZEJTQPTF#BH

"7"TTFU ࣮૷ϙΠϯτ αϒεϨουͰ"7"TTFUͱ"71MBZFS*UFNΛੜ੒ "71MBZFS*UFN 63- "71MBZFS "71MBZFS-BZFS 6*7JFX αϒεϨου

࣮૷ϙΠϯτ 3YͰ"7"TTFUͷMPBE7BMVFT"TZODISPOPVTMZΛPCTFSWF FYUFOTJPO3FBDUJWFXIFSF#BTF"7"TTFU\ WBSJT1MBZBCMF0CTFSWBCMF#PPM\ SFUVSO0CTFSWBCMFDSFBUF\<XFBLCBTF>PCTFSWFSJO CBTF MPBE7BMVFT"TZODISPOPVTMZ GPS,FZT<LFZ1BUI "7"TTFUJT1MBZBCMF >
\ JGMFUNFCBTF\ PCTFSWFSPO/FYU NFJT1MBZBCMF ^ ^ SFUVSO%JTQPTBCMFTDSFBUF ^ ^ ʜ ^

࣮૷ϙΠϯτ DMBTT7JEFP1MBZFS\ … JOJU VSM63- \ MFUBTTFU"7"TTFU"7"TTFU VSMVSM QMBZFS*UFN"71MBZFS*UFN BTTFUBTTFU
BTTFUSYJT1MBZBCMF pMUFS\^ PCTFSWF0O $PODVSSFOU.BJO4DIFEVMFSJOTUBODF TVCTDSJCF PO/FYU\<XFBLTFMG>@JO HVBSEMFUNFTFMGFMTF\SFUVSO^ ϝΠϯεϨουͰੜ੒ NFQMBZFS"71MBZFS QMBZFS*UFNQMBZFS*UFN ^ EJTQPTFE CZEJTQPTF#BH ^ ʜ ^ "7"TTFUͷQMBZBCMFͷUSVFΛ଴ͬͯ"71MBZFSΛੜ੒

"7"TTFU ࣮૷ϙΠϯτ ϝΠϯεϨουͰ"71MBZFSΛੜ੒ "71MBZFS*UFN 63- "71MBZFS "71MBZFS-BZFS 6*7JFX αϒεϨου ϝΠϯεϨου

࣮૷ϙΠϯτ "71MBZFSੜ੒ॲཧͳͲશͯαϒεϨου͸ʁ αϒεϨου BTTFUSYJT1MBZBCMF pMUFS\^ TVCTDSJCF PO/FYU\<XFBLTFMG>@JO αϒεϨου HVBSEMFUNFTFMGFMTF\SFUVSO^ NFQMBZFS"71MBZFS
QMBZFS*UFNQMBZFS*UFN NFPCTFSWF1MBZFS NFQMBZFS$SFBUFEBDDFQU ^ EJTQPTFE CZEJTQPTF#BH ஫"71MBZFSͷ,70͸NBJOUISFBEਪ঑

"7"TTFU ࣮૷ϙΠϯτ "71MBZFS-BZFS "71MBZFS*UFN 63- "71MBZFS "71MBZFS-BZFS 6*7JFX

࣮૷ϙΠϯτ 3YͰ"71MBZFS-BZFSͷSFBEZ'PS%JTQMBZΛPCTFSWF FYUFOTJPO3FBDUJWFXIFSF#BTF"71MBZFS-BZFS\ WBSSFBEZ0CTFSWBCMF7PJE\ SFUVSOPCTFSWF #PPMTFMG LFZ1BUI "71MBZFS-BZFSJT3FBEZ'PS%JTQMBZ PQUJPOTJOJU
SBX7BMVF SFUBJO4FMGGBMTF pMUFS\@JOTFMGCBTFJT3FBEZ'PS%JTQMBZ^ NBQ WPJE ^ ʜ ^

࣮૷ϙΠϯτ "71MBZFS-BZFSͷSFBEZ'PS%JTQMBZΛ଴ͬͯදࣔ QMBZFS-BZFSJT)JEEFOUSVF QMBZFS-BZFSSYSFBEZ PCTFSWF0O $PODVSSFOU.BJO4DIFEVMFSJOTUBODF TVCTDSJCF PO/FYU\<XFBLTFMG>@JO TFMG QMBZFS-BZFSJT)JEEFOGBMTF
^ EJTQPTFE CZSYEJTQPTF#BH

࣮૷ϙΠϯτ "71MBZFSͱ"71MBZFS-BZFS͸αϒεϨουͰഁغ EFJOJU\ MFUMBZFSQMBZFS-BZFS %JTQBUDI2VFVFHMPCBM RPTCBDLHSPVOE BTZOD\ MBZFSWJEFP1MBZFS EJTQPTF MBZFSWJEFP1MBZFSOJM
MBZFSQMBZFSOJM ^ ^

࣮૷ϙΠϯτ ಈը# UIVNCOBJM ಈը࠶ੜ ಈը" ಈը"ഁغ ಈը#ੜ੒ ͳΊΒ͔ʹʂ

࣮૷ϙΠϯτ 6*69ºಈը࠶ੜ ͷ࠷దͳόϥϯεΛ໛ࡧ͢Δ ಈը࠶ੜ

࠷దͳCJUSBUF

࠷దͳCJUSBUF QSFGFSSFE1FBL#JU3BUF "71MBZFS*UFNQSFGFSSFE1FBL#JU3BUF

#EXTM3U #EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=232370,CODECS="mp4a.40.2, avc1.4d4015" gear1/prog_index.m3u8 #EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=649879,CODECS="mp4a.40.2, avc1.4d401e" gear2/prog_index.m3u8 #EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=991714,CODECS="mp4a.40.2, avc1.4d401e" gear3/prog_index.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=1927833,CODECS="mp4a.40.2, avc1.4d401f" gear4/prog_index.m3u8 … https://devstreaming-cdn.apple.com/videos/streaming/examples/bipbop_4x3/bipbop_4x3_variant.m3u8 .BTUFS1MBZMJTU NV ࠷దͳCJUSBUF

࠷దͳCJUSBUF ಈըαΠζʹԠͨ͡࠷దԽ ॎ ԣ J1IPOF

࠷దͳCJUSBUF ಈըαΠζʹԠͨ͡࠷దԽ J1BE ॎ ԣ

࠷దͳCJUSBUF ୺຤ղ૾౓Ԡͨ͡࠷దԽ IUUQTXXXBQQMFDPNKQJPTJPT

࠷దͳCJUSBUF QSFGFSSFE1FBL#JU3BUF ୺຤ղ૾౓ºಈըαΠζ ʹΑΔ࠷దͳCJUSBUFΛࢦఆ͢Δ

1MBZFSͷ؂ࢹ

1MBZFSͷ؂ࢹ )-41MBZCBDL4FTTJPO IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED

"71MBZFS*UFN&SSPS-PH 1MBZFSͷ؂ࢹ "71MBZFS*UFN"DDFTT-PH 1MBZFSͷ৘ใ "71MBZFS*UFN /PUJpDBUJPO "71MBZFS

1MBZFSͷ؂ࢹ /PUJpDBUJPO QVCMJDTUBUJDMFU"71MBZFS*UFN5JNF+VNQFE/4/PUJpDBUJPO/BNF QVCMJDTUBUJDMFU"71MBZFS*UFN%JE1MBZ5P&OE5JNF/4/PUJpDBUJPO/BNF QVCMJDTUBUJDMFU"71MBZFS*UFN'BJMFE5P1MBZ5P&OE5JNF/4/PUJpDBUJPO/BNF QVCMJDTUBUJDMFU"71MBZFS*UFN1MBZCBDL4UBMMFE/4/PUJpDBUJPO/BNF QVCMJDTUBUJDMFU"71MBZFS*UFN/FX"DDFTT-PH&OUSZ/4/PUJpDBUJPO/BNF QVCMJDTUBUJDMFU"71MBZFS*UFN/FX&SSPS-PH&OUSZ/4/PUJpDBUJPO/BNF

1MBZFSͷ؂ࢹ /PUJpDBUJPO FYUFOTJPO/PUJpDBUJPO/BNF\ TUBUJDMFUUJNFCBTF&⒎FDUJWF3BUF$IBOHFE/4/PUJpDBUJPO/BNF SBX7BMVF 4USJOH L$.5JNFCBTF/PUJpDBUJPO@&⒎FDUJWF3BUF$IBOHFE ^ WBSUJNFCBTF&⒎FDUJWF3BUF$IBOHFE0CTFSWBCMF'MPBU\ SFUVSO/PUJpDBUJPO$FOUFSEFGBVMUSYOPUJpDBUJPO
UJNFCBTF&⒎FDUJWF3BUF$IBOHFE PCKFDU CBTFUJNFCBTF qBU.BQ\<XFBLCBTF>@0CTFSWBCMF'MPBUJO HVBSEMFUUJNFCBTFCBTF UJNFCBTFFMTF\SFUVSOFNQUZ ^ SFUVSOKVTU $.5JNFCBTF(FU3BUF UJNFCBTF ^ ^

"71MBZFS*UFN"71MBZFS*UFN4UBUVT QVCMJDFOVN"71MBZFS*UFN4UBUVT*OU\ DBTFVOLOPXO DBTFSFBEZ5P1MBZ DBTFGBJMFE ^ 1MBZFSͷ؂ࢹ

"71MBZFS*UFNQMBZCBDLCV⒎FS FYUFOTJPO3FBDUJWFXIFSF#BTF"71MBZFS*UFN\ WBSMPBEFE5JNF3BOHFT0CTFSWBCMF</47BMVF>\ SFUVSOPCTFSWF </47BMVF>TFMG LFZ1BUI "71MBZFS*UFNMPBEFE5JNF3BOHFT pMUFS/JM ^ ^
QMBZFS*UFNSYMPBEFE5JNF3BOHFT TVCTDSJCF PO/FYU\<XFBLQMBZFS*UFN>MPBEFE5JNF3BOHFTJO HVBSEMFUQMBZFS*UFNQMBZFS*UFNFMTF\SFUVSO^ MFUCV⒎FS%PVCMF MPBEFE5JNF3BOHFTMBTUBT $.5JNF3BOHF NBQ\SBOHFJO SBOHFFOEQMBZFS*UFNDVSSFOU5JNF TFDPOET^ QSJOU CV⒎FSa CV⒎FS ^ EJTQPTFE CZEJTQPTF#BH 1MBZFSͷ؂ࢹ

"71MBZFS5JNF$POUSPM4UBUVT !BWBJMBCMF J04 QVCMJDFOVN"71MBZFS5JNF$POUSPM4UBUVT*OU\ DBTFQBVTFE DBTFXBJUJOH5P1MBZ"U4QFDJpFE3BUF DBTFQMBZJOH ^ 1MBZFSͷ؂ࢹ

"71MBZFS*UFN"DDFTT-PH IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 1MBZFSͷ؂ࢹ

"71MBZFS*UFN"DDFTT-PH QMBZFS*UFNBDDFTT-PH FWFOUT 1MBZFSͷ؂ࢹ

"71MBZFS*UFN"DDFTT-PH IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 1MBZFSͷ؂ࢹ

"71MBZFS*UFN&SSPS-PH IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 1MBZFSͷ؂ࢹ

"71MBZFS*UFN&SSPS-PH QMBZFS*UFNFSSPS-PH FWFOUT 1MBZFSͷ؂ࢹ

"71MBZFS*UFN&SSPS-PH IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 1MBZFSͷ؂ࢹ

.FUSJDT IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED 1MBZFSͷ؂ࢹ

.FUSJDT4PMVUJPO .69 $0/7*7" "LBNBJ.FEJB"OBMZUJDT :06#03" FUD 1MBZFSͷ؂ࢹ

·ͱΊ

·ͱΊ ಈը഑৴ͷٕज़Λ஌Δ ࠷దͳಈը࠶ੜº69Λ௥ٻ͢Δ ϢʔβʔͷࢹௌମݧΛ௥ٻ͢Δ

5IBOLZPV

8F`SFIJSJOH

動画アプリをなめらかに動かす技術 - iOS -

動画アプリをなめらかに動かす技術 - iOS -

More Decks by Yuji Hato

Other Decks in Technology

Featured

Transcript