DMM.com LLC supports Japanese Streaming Community

小川楓太 - DMM.com LLC

2018/06/28
Streaming Conference #3
https://streaming-lab.connpass.com/event/90574/presentation/

#streamingconf

Transcript

1. DMM.com LLC supports Japanese Streaming Community Futa Ogawa, DMM.com
2. •1995೥ੜ·Εͷ23ࡀ •޷͖ͳςΫϊϩδʔ •JavaScript (Virtual DOM) •Firebase •CDN •HLS •Streaming ConferenceͷӡӦ DMM.comάϧʔϓ ձ௕ࣨʗ NEWPEACE Inc. ڞಉ૑ۀऀɾςΫχΧϧσΟϨΫλʔ খ઒෨ଠ
3. Streaming Conference Overview • From February 2018 • Slack members: 95+ • Total event participants: 360+ • Total hashtag Tweets: 460+
4. !ϥΠϒετϦʔϛϯάͷ஌ݟ ฉ͖͍͚ͨͲɺͳ͔ͳ͔ͳ͍ͳ͊
6. ͱ͍͏ྲྀΕͰ࢝·Γ·ͨ͠
7. DMMͷਓͰ͕͢ ͓࢓ࣄͰ͸ಈը΍ͬͯ·ͤΜ झຯͰ͢
8. ࠷ۙͷ͓࢓ࣄɿ Ϧαʔνϟʔ ͱ৽نࣄۀͷ४උ
11. Apple WWDC 2018 ߦ͖ͬͯ·ͨ͠ʂ
12. Labs @ Apple WWDC 2018
15. WWDCͷ஌ݟΛڞ༗ͭͭ͠ ܰ͘એ఻͍ͤͯͩ͘͞͞
16. ⚠ Safariݶఆͷ৔߹͕͋Γ·͢
17. Q1: Appleܥ΁ͷରԠ͸fMP4ૂ͓͚ͬͯ͹ྑ͞ ͦ͏ʁ
18. A1: fMP4ʹରԠ͢Ε͹OK! MPEG-2 TSΛαϙʔτ͠ͳ͘ͳΔ͜ͱ͸ͳ͍͕ɺ৽ػೳʢྫɿ4Kʣ͸fMP4ʹ͔͠ରԠ͠ͳ͍৔߹΋͋Δ
19. Q2: fMP4ରԠͯ͠ͳ͍iOS9Λ੾Γ͍ͨͷͰ͕͢ɺ iOS9͕͍ͭࢮʹ·͔͢ʁ
20. A2: iOS 9͸طʹαϙʔτऴ͍ྃͯ͠Δɻ
21. Q3: ηάϝϯτϑΝΠϧͷಈըϑϨʔϜͷઌ಄͕IϑϨʔϜͰ͸ແ͍৔ ߹ɺHLSͷΞμϓςΟϒετϦʔϜͷը࣭มߋΛߦ͏͜ͱ͸Apple ੡඼Ͱ͸Մೳʁ
22. LT 4ͷ @saturday06 ͞Μ͔Βͷ࣭໰Ͱ͢
23. Ή͔͍ͣ͠
26. ී௨ͷηάϝϯτ 01.ts 02.ts 03.ts 04.ts Segment ɾɾɾ
27. ී௨ͷηάϝϯτ 01.ts 02.ts 03.ts 04.ts I Frame Segment ɾɾɾ
28. ηάϝϯτͷத৺ʹI Frame 01.ts 02.ts 03.ts 04.ts I Frame Segment ɾɾɾ
29. ηάϝϯτͷத৺ʹI Frame 01.ts 02.ts 03.ts 04.ts I Frame Segment ͜ͷλΠϛϯάͰ੾Γସ͑Ͱ͖Δʁ ɾɾɾ
30. A3: ࢓༷ͱͯ͠͸ՄೳɻγʔΫʢϥϯμϜΞΫηεʣ ͨ͠৔߹͸ɺ௚લͷηάϝϯτ͕ඞཁʹͳΔɻ ηάϝϯτͷத৺ΛIϑϨʔϜʹ͢Δ͜ͱͰ10%΄ͲηάϝϯτϑΝΠϧ༰ྔΛ࡟ݮՄೳͳͷͰํ๏࿦ͱͯ͋͠Γ More: https://developer.apple.com/library/archive/documentation/General/Reference/HLSAuthoringSpec/Requirements.html
31. ී௨ͷηάϝϯτ 01.ts 02.ts 03.ts 04.ts I Frame Segment ɾɾɾ 01.tsͷ I Frameͷ Өڹൣғ
32. ηάϝϯτͷத৺ʹI Frame 01.ts 02.ts 03.ts 04.ts I Frame Segment ɾɾɾ 01.tsͷ I Frameͷ Өڹൣғ
33. ηάϝϯτͷத৺ʹI Frame 01.ts 02.ts 03.ts 04.ts I Frame Segment ͜ͷλΠϛϯάͰ੾Γସ͑Ͱ͖Δ͕ɺ01.tsͱ02.ts͕ඞཁʹͳΔ ɾɾɾ 01.tsͷ I Frameͷ Өڹൣғ
34. Q4: Redundant Stream͸ηάϝϯτಉظͯ͠ ͳͯ͘΋Α͍ʁ
35. Redundant Streamͱ͸
37. #EXTM3U #EXT-X-STREAM-INF:PROGRAM-ID=1, BANDWIDTH=200000, RESOLUTION=720x480 http://ALPHA.mycompany.com/lo/prog_index.m3u8 #EXT-X-STREAM-INF:PROGRAM-ID=1, BANDWIDTH=200000, RESOLUTION=720x480 http://BETA.mycompany.com/lo/prog_index.m3u8 #EXT-X-STREAM-INF:PROGRAM-ID=1, BANDWIDTH=500000, RESOLUTION=1920x1080 http://ALPHA.mycompany.com/md/prog_index.m3u8 #EXT-X-STREAM-INF:PROGRAM-ID=1, BANDWIDTH=500000, RESOLUTION=1920x1080 http://BETA.mycompany.com/md/prog_index.m3u8
38. #EXTM3U #EXT-X-STREAM-INF:PROGRAM-ID=1, BANDWIDTH=200000, RESOLUTION=720x480 http://ALPHA.mycompany.com/lo/prog_index.m3u8 #EXT-X-STREAM-INF:PROGRAM-ID=1, BANDWIDTH=200000, RESOLUTION=720x480 http://BETA.mycompany.com/lo/prog_index.m3u8 #EXT-X-STREAM-INF:PROGRAM-ID=1, BANDWIDTH=500000, RESOLUTION=1920x1080 http://ALPHA.mycompany.com/md/prog_index.m3u8 #EXT-X-STREAM-INF:PROGRAM-ID=1, BANDWIDTH=500000, RESOLUTION=1920x1080 http://BETA.mycompany.com/md/prog_index.m3u8 ৑௕ԽͷͨΊʹ .m3u8 ϚχϡϑΣετϑΝΠϧʹಉ͡ղ૾౓Ͱ2ͭͷετϦʔϜΛهड़͢Δ͜ͱ
39. A4: ಉظͯ͠ͳͯ͘OKɻී௨ͷϚϧνϏοτ Ϩʔτͱಉ͡ɻ Timestamp͚ͩΛج४ͱͯ͠ಡΈࠐΉͷͰɺ2ͭͷετϦʔϜͰϥά͕͋ͬͨ৔߹͸ר͖໭ΓͳͲ͕ى͜ΔՄೳੑ͕͋Δ
40. Q5: CMAF͔൱͔͸ͱ΋͔͘ɺ௿஗ԆHLS͸Ͳ ͏͢Δ༧ఆʁ
41. A5: ͍·৭ʑͳ΍ΓํΛߟ͍͑ͯΔ͚ΕͲɺ ·ͩݴ͑ͳ͍ɻ
42. Q6: VP9Λ͍ͭαϙʔτ͢Δ͔ɺ·ͨAV1΁Ͳ ͷ͘Β͍ੵۃతʹؔΘ͍ͬͯ͘ͷ͔ʁ
43. A6: VP9͸αϙʔτ͠ͳ͍ͩΖ͏ɻ AV1ʹ͍ͭͯ͸ൿີ
44. Summary
45. Summary: DMM͸͍͍ͧ
46. Summary: DMM͸͍͍ͧ Apple͸HLSʹ΋ܧଓతʹ౤ࢿͯͦ͠͏
47. Japanese Streaming Community͔Β࣭໰͕ ͋Ε͹౴͑ΔΑʂ by Apple AV Engineer ࿈བྷઌΛ஌Γ͍ͨํ͸࠙਌ձͰ͓੠͕͚͍ͩ͘͞
49. DMMͰ͸ಈըܥΤϯδχΞͷ ࠾༻΋ੵۃతʹߦͳ͓ͬͯΓ·͢ʂ ͝ڵຯͷ͋Δํ͸࠙਌ձͰ͓੠͕͚͍ͩ͘͞
51. https://inside.dmm.com/