ニコニコ動画iPhoneアプリの作り方

Slide 1

Slide 1 text

χίχίಈը iPhoneΞϓϦͷ࡞Γํ dwango দલ݈ଠ࿠

Slide 2

Slide 2 text

ࣗݾ঺հ • দલ݈ଠ࿠ (id: kenmaz) • υϫϯΰ χίχίࣄۀຊ෦ اը։ൃ෦ χίχίiPhone ։ൃϦʔμʔ • 2010/06 த్ೖࣾ • લ৬͸େखϝʔΧʔܥSIerͰݚڀ։ൃ

Slide 3

Slide 3 text

͜Μͳਓ޲͚ʹ࿩͠·͢ • ಈըɾԻ੠ͳͲϚϧνϝσΟΞίϯςϯ πΛѻ͏iPhoneΞϓϦΛ։ൃ͠Α͏ͱߟ ͍͑ͯΔਓ • PC޲͚ͷwebαʔϏεΛiPhone/εϚʔτ ϑΥϯ޲͚ʹఏڙ͠Α͏ͱߟ͍͑ͯΔਓ • χίಈͷཪଆ͕ؾʹͳΔਓ

Slide 4

Slide 4 text

Agenda 1. χίχίಈըɾχίχίੜ์ૹͱ͸ 2. χίχίಈը iPhoneΞϓϦ 3. χίχίੜ์ૹ iPhoneΞϓϦ 4. Appleͷن໿ 5. HTTP Live Streamingৄࡉ 6. ࣮੷ͱࠓޙ

Slide 5

Slide 5 text

Agenda 1. χίχίಈըɾχίχίੜ์ૹͱ͸ 2. χίχίಈը iPhoneΞϓϦ 3. χίχίੜ์ૹ iPhoneΞϓϦ 4. Appleͷن໿ 5. HTTP Live Streamingৄࡉ 6. ࣮੷ͱࠓޙ

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

(ג)χϫϯΰ͕ӡӦ͢Δಈըڞ༗αʔϏε

Slide 8

Slide 8 text

࠷େͷಛ௃ɿίϝϯτ

Slide 9

Slide 9 text

• ΈΜͳͰΘ͍Θ͍ίϝϯτ͠ͳ͕Βಈ ըΛݟָͯ͠Ή • “ඇಉظܕίϛχϡέʔγϣϯ”

Slide 10

Slide 10 text

ಈը࠶ੜॲཧ • ಈը࠶ੜϓϨΠϠʔ͸FlashͰ։ൃ • ಈը࠶ੜϨΠϠʔ • ίϝϯτඳըϨΠϠʔ • UIϨΠϠʔ

Slide 11

Slide 11 text

ΘΖͨɹɹɹɹɹɹɹɹɹɹɹ WWWW ɹɹɹɹɹɹɹɹɹ͜Ε͸ͻͲ͍ Ωλʔʔʔʔʔʔʔʔʔɹɹɹɹɹɹɹ ΧΦε͆͆͆ wwwwwwwɹɹɹɹɹɹɹɹɹɹɹͺͶ͐ ɹɹɹɹɹ࡞ऀ͸ωਃ ಈը࠶ੜॲཧ

Slide 12

Slide 12 text

ΘΖͨɹɹɹɹɹɹɹɹɹɹɹ WWWW ɹɹɹɹɹɹɹɹɹ͜Ε͸ͻͲ͍ Ωλʔʔʔʔʔʔʔʔʔɹɹɹɹɹɹɹ ΧΦε͆͆͆ wwwwwwwɹɹɹɹɹɹɹɹɹɹɹͺͶ͐ ɹɹɹɹɹ࡞ऀ͸ωਃ ಈը࠶ੜॲཧ

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

(ג)χϫϯΰ͕ӡӦ͢Δ ಈըϥΠϒετϦʔϛϯάαʔϏε

Slide 15

Slide 15 text

ެࣜੜ์ૹ • ӡӦ͕൪૊੍࡞ɾ഑৴͢Δੜ์ૹ • ͓স͍ɺԻָɺΞχϝɺήʔϜɺ੓࣏ɺ౼࿦ɺใಓɺ etc... • ຖ݄400ʙ500൪૊์ૹ͍ͯ͠Δ

Slide 16

Slide 16 text

Ϣʔβੜ์ૹ • ҰൠͷϢʔβ͕ੜ์ૹΛ഑৴ • ์ૹ͢Δਓʹʮੜओʯ • ຖ೔਺ສ൪૊͕์ૹ͞Ε͍ͯΔ

Slide 17

Slide 17 text

΋ͪΖΜίϝϯτ΋ • χίಈͱಉ͘͡ɺίϝϯτʹΑΔί ϛχϡέʔγϣϯ͕Մೳ • χίੜ͸ಉظܕίϛχϡέʔγϣϯ ʢχίಈ͸ඇಉظܕʣ

Slide 18

Slide 18 text

ϏδωεϞσϧ • ϓϨϛΞϜձһऩೖ • ֹ݄525ԁ • ઌ೔ϓϨϛΞϜձһ120ສਓಥഁ • ༗ྉ൪૊ɾ༗ྉੜ์ૹ • ޿ࠂ • etc..

Slide 19

Slide 19 text

ϞόΠϧରԠ • χίχίಈըϞόΠϧʢχίϞόʣ • υίϞɾιϑτόϯΫɾAU • ΩϟϦΞ՝ۚʹରԠ • ϓϨϛΞϜձһͷ൒਺͕ΩϟϦΞ՝ۚ iPhone/Andorid͸ɾɾʁ

Slide 20

Slide 20 text

χίχίಈը ͱ iPhone • ͋ΒΏΔσόΠεͰχίಈΛָ͠ΊΔΑ ͏ʹ͍ͨ͠ • iPhoneͰ΋χίಈΛݟ͍ͨʂ • χίಈɺχίੜͱ΋ʹɺಈը࠶ੜʹ͸ FlashΛ࢖͍ͬͯΔ • →iPhoneͰ͸χίಈΛࢹௌͰ͖ͳ͍ʂ

Slide 21

Slide 21 text

χίχίಈը ͱ iPhone • ͱ͍͏͜ͱͰઐ༻ΞϓϦΛ։ൃ • 2009/4 χίχίಈըiPhoneΞϓϦ • 2010/5 χίχίੜ์ૹiPhoneΞϓϦ

Slide 22

Slide 22 text

Agenda 1. χίχίಈըɾχίχίੜ์ૹͱ͸ 2. χίχίಈը iPhoneΞϓϦ 3. χίχίੜ์ૹ iPhoneΞϓϦ 4. Appleͷن໿ 5. HTTP Live Streamingৄࡉ 6. ࣮੷ͱࠓޙ

Slide 23

Slide 23 text

χίχίಈըiPhoneΞϓϦ

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

ओͳػೳ • ಈը࠶ੜ • ίϝϯτදࣔɾ౤ߘ • ϥϯΩϯάදࣔ • ϚΠϦετදࣔɾฤू • ݕࡧ

Slide 26

Slide 26 text

ಈը࠶ੜ • ̎छྨͷ࠶ੜϞʔυ͕͋Δ • ௿ը࣭Ϟʔυ • ߴը࣭Ϟʔυ ϓϨϛΞϜձһ +WiFi઀ଓͷΈ

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

௿ը࣭Ϟʔυ • χίχίಈըϞόΠϧͷಈը഑৴γε ςϜΛ࢖ͬͯಈըΛ࠶ੜ͢ΔϞʔυ • ಈըσʔλ͸osecܗࣜ

Slide 29

Slide 29 text

osecܗࣜʁ • Ψϥέʔͷಈը࠶ੜॲཧʹ͸͍Ζ͍Ζ੍ݶ͕͋Δ • ΨϥέʔͰ΋Flash͸࠶ੜͰ͖Δ͕ಈըͷ্ʹί ϝϯτΛॏͶͯඳըͰ͖ͳ͍ • σʔλ௨৴ྔ੍͕ݶ͞Ε͍ͯΔ • χίϞόಠࣗͷಈըϑΥʔϚοτ͕ඞཁ → osecܗࣜΛಠࣗ։ൃ ͓ͤͪ

Slide 30

Slide 30 text

• ύϥύϥອըͷΑ͏ʹJPEGΛ̍ίϚͣͭ࠶ੜͯ͠ಈ ըͬΆ͘ݟͤΔ • ө૾ = JPEGɺԻ੠ = ADPCM • ಈըσʔλΛ̍ඵ (One-Sec)͝ͱʹ෼ׂɾύέοτ Խ ը૾ ը૾ ը૾ ը૾ ը૾ Ի੠ ̍ඵ෼ ը૾ ը૾ ը૾ Ի੠ ̍ඵ෼ ૾ ը૾ ը૾ ը૾ Ի੠ ̍ඵ෼ osecܗࣜʁ ͓ͤͪ

Slide 31

Slide 31 text

௿ը࣭Ϟʔυ χίಈ ಈըετϨʔδ χίϞό ഑৴αʔόʔ osecܗࣜม׵ 1.ಈըσίʔυ 2.ϑϨʔϜը૾औΓग़͠ɾॖখɾJPEGѹॖ 3.Ի੠ADPCMม׵ 4.ύέοτԽ mp4/ﬂv mp4/ﬂv osec over http osec over http

Slide 32

Slide 32 text

௿ը࣭Ϟʔυ • χίϞόͷΠϯϑϥΛྲྀ༻͢Δ͜ͱͰɺ ௿ίετͰiPhoneʹରԠͰ͖ͨ... • ͔͠͠ಈըͱͯ͠ͷ඼࣭͸˚ • ϞʔγϣϯJPEGͰ͸΍͸ΓͭΒ͍

Slide 33

Slide 33 text

ߴը࣭Ϟʔυ • mp4/H.264/AACͷಈըΛͦͷ··iPhone Ͱ࠶ੜ͢ΔϞʔυ • χίಈͷಈըετϨʔδ͔ΒಈըΛ௚ ઀औಘɾ࠶ੜ • PCͱಉ౳ͷը࣭ͰಈըΛָ͠ΊΔ

Slide 34

Slide 34 text

• mp4/H.264/AACͷಈըΛͦͷ··iPhone Ͱ࠶ੜ͢ΔϞʔυ • χίಈͷಈըετϨʔδ͔ΒಈըΛ௚઀ औಘɾ࠶ੜ • PCͱಉ౳ͷը࣭ͰಈըΛָ͠ΊΔ ߴը࣭Ϟʔυ

Slide 35

Slide 35 text

دΓಓɿ̍෼Ͱ෼͔Δಈը ܗࣜ • mp4 : ίϯςφϑΥʔϚοτ • H.264 : ϏσΦίʔσοΫ • AAC : ΦʔσΟΦίʔσοΫ mp4 H.264 ϏσΦ AAC ΦʔσΟΦ

Slide 36

Slide 36 text

دΓಓɿ̍෼Ͱ෼͔Δಈը ܗࣜ ίϯςφ ϑΥʔϚοτ mp4, m4v, ﬂv, f4v, swf, avi, mov, 3gpp, webm ϏσΦ ίʔσοΫ H.264 (MPEG4-AVC), H.263, On2 VP6, VP8, Theora, MPEG-1/2, WMV ΦʔσΟΦ ίʔσοΫ AAC, MP3, ADPCM, Nellymoser, Speex, Apple Lossless, Vorbis, WMA

Slide 37

Slide 37 text

• mp4/H.264/AACͷಈըΛͦͷ··iPhone Ͱ࠶ੜ͢ΔϞʔυ • χίಈͷಈըετϨʔδ͔ΒಈըΛ௚઀ औಘɾ࠶ੜ • PCͱಉ౳ͷը࣭ͰಈըΛָ͠ΊΔ ߴը࣭Ϟʔυ

Slide 38

Slide 38 text

ߴը࣭Ϟʔυ χίಈ ಈըετϨʔδ ͍͔ͭ͘ͷ࣮૷্ͷ໰୊ mp4 mp4/ﬂv

Slide 39

Slide 39 text

໰୊̍. ࠶ੜՄೳͳಈըܗ ࣜ • iPhoneͰ࠶ੜՄೳͳܗࣜ • ಈըίʔσοΫɿH.264 • Ի੠ίʔσοΫɿmp3/AAC • Ϣʔβ͔Β౤ߘ͞ΕΔಈըܗࣜ͸ଟछଟ༷ (ﬂv/mp4/ DivX/MPEG1,2/WMV..) • iPhoneͰ࠶ੜͰ͖ͳ͍Մೳੑ͕͋Δ ౤ߘ͞Εͨಈը͸αʔόαΠυͰશͯH.264/ AACͰ࠶Τϯίʔυ͢Δ͜ͱʹͨ͠

Slide 40

Slide 40 text

໰୊̎ɿMPMoviePlayerͷ࢓༷ • ҰճͷಈըऔಘͰෳ਺ճͷHTTPϦΫΤετ (RangeϦΫΤετ)͕ൃੜ͢Δ • ಈըετϨʔδͷαʔόʔෛՙ૿େ • CookieΛࣗ༝ʹ੍ޚͰ͖ͳ͍ • χίಈͷಈըετϨʔδ͸CookieʹΑΔ ೝূΛߦ͍ͬͯΔ • ೝূʹࣦഊͯ͠ಈը͕औಘͰ͖ͳ͍ ※MPMoviePlayer: iOS͕ఏڙ͢Δಈը࠶ੜ༻Ϋϥε

Slide 41

Slide 41 text

ΞϓϦ಺෦ʹϩʔΧϧϓϩΩγΛ࣮૷ ໰୊̎ɿMPMoviePlayerͷ࢓༷ MPMoviePlayer ϩʔΧϧϓϩΩγ χίಈ ಈըετϨʔδ ಈըऔಘ ಈըऔಘ ಈըऔಘ ಈըऔಘ ಈըऔಘ ಈըσʔλฦ৴ ೝূ

Slide 42

Slide 42 text

ߴը࣭Ϟʔυ • χίχίಈը͸H.264Λੵۃతʹαϙʔ τ • χίχίiPhone΋ࠓޙ͸ߴը࣭ϞʔυΛ த৺ͱ͢Δ • ௿ը࣭Ϟʔυʢosecܗࣜʣ͸ঃʑʹഇࢭ ͍ͯ͘͠༧ఆ

Slide 43

Slide 43 text

ओͳػೳ • ಈը࠶ੜ • ίϝϯτදࣔɾ౤ߘ • ϥϯΩϯάදࣔ • ϚΠϦετදࣔɾฤू • ݕࡧ

Slide 44

Slide 44 text

ίϝϯτදࣔ • ಈը্ʹίϝϯτΛॏͶͯදࣔ • ίϝϯτʹχίಈͷΩϞ • PC൛ΑΓ׈Β͔ͳදࣔʂ • PC൛ɿҰఆִؒͰίϝϯτදࣔҐஔΛͣΒͯ͠ඳ ը • iPhone൛ɿCoreAnimation FrameworkΛ࢖ͬͯίϝ ϯτඳըΛGPUʹ͓·͔ͤ • σϞ wwwwww wwwwwwww ͜Ε͸ͻͲ͍w Ωλʔʔʔʔʔʔ

Slide 45

Slide 45 text

CoreAnimationͰίϝϯτඳըΛψϧψϧ [comment posX:480.0]; [UIView beginAnimations:@"comment" context:NULL]; [UIView setAnimationDuration:4.0f]; [UIView setAnimationCurve: UIViewAnimationCurveLinear]; [comment posX: -comment.width]; [UIView commitAnimations]; wwwww 480px wwwww 480.0 0.0 120px -120.0 600.0 ̐ඵ

Slide 46

Slide 46 text

ओͳػೳ • ಈը࠶ੜ • ίϝϯτදࣔɾ౤ߘ • ϥϯΩϯάදࣔ • ϚΠϦετදࣔɾฤू • ݕࡧ

Slide 47

Slide 47 text

WebAPIʹΑΔαʔϏεؒ࿈ ܞ • ϚΠϦετɺݕࡧɺϥϯΩϯά • χίχίಈըͷ಺෦WebAPIΛ༻͍࣮ͯ ૷͍ͯ͠Δ • χίχίಈըʹؔ࿈͢ΔαʔϏεؒͷ࿈ ܞ͸جຊWebAPI • →ૄ݁߹ͳઃܭ

Slide 48

Slide 48 text

χίχίiPhone APIαʔόʔ χίχίಈը ڞ௨ೝূAPI χίχίಈը API χίϞό API WebAPIʹΑΔαʔϏεؒ࿈ ܞ χίχί νϟϯωϧAPI

Slide 49

Slide 49 text

Agenda 1. χίχίಈըɾχίχίੜ์ૹͱ͸ 2. χίχίಈը iPhoneΞϓϦ 3. χίχίੜ์ૹ iPhoneΞϓϦ 4. Appleͷن໿ 5. HTTP Live Streamingৄࡉ 6. ࣮੷ͱࠓޙ

Slide 50

Slide 50 text

χίχίੜ์ૹiPhoneΞϓϦ

Slide 51

Slide 51 text

• ࢹௌػೳ • ௿ը࣭Ϟʔυ • ߴը࣭Ϟʔυ • ์ૹػೳ • iPhone͔Βੜ์ૹΛ഑৴ ओͳػೳ ϓϨϛΞϜձһ +WiFi઀ଓ࣌ͷΈ ϓϨϛΞϜձһ ͷΈ

Slide 52

Slide 52 text

• ࢹௌػೳ • ௿ը࣭Ϟʔυ • ߴը࣭Ϟʔυ • ์ૹػೳ • iPhone͔Βੜ์ૹΛ഑৴ ओͳػೳ

Slide 53

Slide 53 text

ࢹௌػೳɿ௿ը࣭Ϟʔυ • χίϞόͷΠϯϑϥΛ࢖ͬͯੜ์ૹΛ ࢹௌ͢Δػೳ • ಈըΞϓϦͱಉ༷osecܗࣜ • ө૾඼࣭͸͋·Γྑ͘ͳ͍

Slide 54

Slide 54 text

ࢹௌػೳɿ௿ը࣭Ϟʔυ χίੜ ഑৴αʔόʔ χίϞόੜ ഑৴αʔόʔ RTMP→osecม׵ RTMP RTMP ocec over HTTP ocec over HTTP Flash Media Server

Slide 55

Slide 55 text

RTMP (Real Time Messaging Protocol) • ಈըɾԻ੠ͷϥΠϒετϦʔϛϯάͷͨΊͷ ϓϩτίϧ • Adobe͕࢓༷Λࡦఆ • FlashϓϨΠϠʔ౳Ͱ࠾༻͞Ε͍ͯΔ • χίੜ(PC)͸શ໘తʹRTMPΛ࠾༻ • iPhoneɾΨϥέʔ͸RTMPͷ௚઀࠶ੜ͸ෆՄ

Slide 56

Slide 56 text

• ࢹௌػೳ • ௿ը࣭Ϟʔυ • ߴը࣭Ϟʔυ • ์ૹػೳ • iPhone͔Βੜ์ૹΛ഑৴ ओͳػೳ

Slide 57

Slide 57 text

ࢹௌػೳɿߴը࣭Ϟʔυ • H.264Ͱ഑৴͞Ε͍ͯΔੜ์ૹΛ௚઀ iPhoneͰࢹௌ͢ΔϞʔυ • PCͱಉ౳ͷը࣭Ͱੜ์ૹΛࢹௌͰ͖Δ • ์ૹݩͰ໌ࣔతʹH.264Ͱ഑৴͢Δඞཁ͕͋ΔʢσϑΥϧτͷίʔσο Ϋ͸VP6ʣɻ • χίಈΞϓϦͷߴը࣭ϞʔυͰ͸͢΂ͯͷಈըΛ࠶ม׵͠H.264Խͯ͠ ͍͕ͨɺੜ์ૹͰ͸ίετֻ͕Γա͗ΔͨΊɺݱࡏ͸H.264ͷΈରԠɻ

Slide 58

Slide 58 text

ࢹௌػೳɿߴը࣭Ϟʔυ χίੜ ഑৴αʔόʔ Wowza Media Server RTMP→HLSม׵ RTMP RTMP HLS Flash Media Server

Slide 59

Slide 59 text

HLS (HTTP Live Streaming) • HTTP͚ͩͰٖࣅతʹϥΠϒετϦʔϛ ϯάΛ࣮ݱ͢Δϓϩτίϧ • iPhoneͰ͸ಈըϥΠϒετϦʔϛϯάʹ HLSͷ࢖༻Λਪ঑͍ͯ͠Δ

Slide 60

Slide 60 text

Wowza Media Server • Wowza Media Systems͕ࣾ։ൃ͢Δ঎༻ ͷετϦʔϛϯάαʔόʔ੡඼ • Flash Media ServerͷΫϩʔϯ • RTMP → HLSม׵ػೳ

Slide 61

Slide 61 text

• ࢹௌػೳ • ௿ը࣭Ϟʔυ • ߴը࣭Ϟʔυ • ์ૹػೳ • iPhone͔Βੜ์ૹΛ഑৴ ओͳػೳ

Slide 62

Slide 62 text

์ૹػೳ • iPhone͔Βੜ์ૹ͢Δػೳ • PCΧϝϥ㱻iPhoneΧϝϥ੾Γସ͑ػೳ • લ໘ɾഎ໘Χϝϥ੾Γସ͑

Slide 63

Slide 63 text

No content

Slide 64

Slide 64 text

์ૹػೳ • Ͳ͏΍࣮ͬͯ૷͢Δ͔ʁ

Slide 65

Slide 65 text

PC ์ૹػೳͷ࢓૊Έ χίੜ(PC൛)Ͱ͸... WebΧϝϥͷ ө૾ΛΩϟϓνϟ ϑϨʔϜը૾ χίੜ ഑৴αʔόʔ RTMP Flash Media Server RTMP ಈըσʔλ ಈըѹॖ (Τϯίʔυ)

Slide 66

Slide 66 text

iPhone iPhone൛ϓϩτλΠϓ̍ ΫϥΠΞϯταΠυѹॖํࣜ iPhoneΧϝϥͷ ө૾ΛΩϟϓνϟ ϑϨʔϜը૾ χίੜ ഑৴αʔόʔ RTMP Flash Media Server RTMP ಈըσʔλ ಈըѹॖ (Τϯίʔυ)

Slide 67

Slide 67 text

தܧαʔόʔ iPhone iPhone൛ϓϩτλΠϓ̎ αʔόʔαΠυѹॖํࣜ iPhoneΧϝϥͷ ө૾ΛΩϟϓνϟ ϑϨʔϜը૾ χίੜ ഑৴αʔόʔ RTMP Flash Media Server RTMP ಈըσʔλ ಈըѹॖ (Τϯίʔυ) HTTP

Slide 68

Slide 68 text

̎ํࣜͷൺֱ • ΫϥΠΞϯταΠυѹॖํࣜ • ௕ॴɿதܧαʔόʔ͕ෆཁ • ୹ॴɿiPhone಺Ͱѹॖ͢ΔͷͰCPUෛՙߴ • αʔόʔαΠυѹॖํࣜ • ௕ॴɿiPhone͸Χϝϥө૾ΛΩϟϓνϟ͠ૹ ৴͢Δ͚ͩͳͷͰCPUෛՙ௿ • ୹ॴɿதܧαʔόʔ͕ඞཁ

Slide 69

Slide 69 text

αʔόʔαΠυѹॖํࣜΛ࠾༻ • ΫϥΠΞϯταΠυѹॖํࣜ • ௕ॴɿதܧαʔόʔ͕ෆཁ • ୹ॴɿiPhone಺Ͱѹॖ͢ΔͷͰCPUෛՙߴ • αʔόʔαΠυѹॖํࣜ • ௕ॴɿiPhone͸Χϝϥө૾ΛΩϟϓνϟ͠ૹ ৴͢Δ͚ͩͳͷͰCPUෛՙ௿ • ୹ॴɿதܧαʔόʔ͕ඞཁ iPhone3GS΍iPod TouchͳͲ CPUੑೳͷ௿͍୺຤Ͱ΋ ࢖͑ΔΑ͏ʹ͍ͨ͠ʂ

Slide 70

Slide 70 text

Agenda 1. χίχίಈըɾχίχίੜ์ૹͱ͸ 2. χίχίಈը iPhoneΞϓϦ 3. χίχίੜ์ૹ iPhoneΞϓϦ 4. Appleͷن໿ 5. HTTP Live Streamingৄࡉ 6. ࣮੷ͱࠓޙ

Slide 71

Slide 71 text

Appleͷن໿ • iOSΞϓϦΛ։ൃ͢Δ্ͰAppleͷن໿ ΛकΔ͜ͱ͸ඞਢ • App Store Review Guidelines (※1) • HTTP Live Streaming Overview (※2) ※1 ) http://developer.apple.com/appstore/resources/approval/guidelines.html ※2 ) http://developer.apple.com/library/ios/#documentation/NetworkingInternet/ Conceptual/StreamingMediaGuide/Introduction/Introduction.html

Slide 72

Slide 72 text

Appleͷن໿ʢൈਮʣ • 3Gճઢ؀ڥԼͰɺ10෼Ҏ্·ͨ͸5෼Ͱ5MBΛ ௒͑ΔಈըΛετϦʔϛϯά࠶ੜ͢Δ৔߹͸ɺ HTTP Live StreamingΛ࢖༻͠ͳ͚Ε͹ͳΒͳ ͍ɻͦͷ৔߹ʹ͸࠷௿64kbpsͷԻ੠ͷΈετ ϦʔϜΛඞؚͣΊΔඞཁ͕͋Δɻ

Slide 73

Slide 73 text

Ξοϓϧͷن໿͕༩͑ΔӨڹ • 3Gճઢ؀ڥԼͰɺ10෼Ҏ্·ͨ͸5෼Ͱ5MBΛ ௒͑ΔಈըΛετϦʔϛϯά࠶ੜ͢Δ৔߹͸ɺ HTTP Live StreamingΛ࢖༻͠ͳ͚Ε͹ͳΒͳ ͍ɻͦͷ৔߹ʹ͸࠷௿64kbpsͷԻ੠ͷΈετ ϦʔϜΛඞؚͣΊΔඞཁ͕͋Δɻ 3Gճઢ؀ڥԼͰ͸ࣄ্࣮HLSରԠ͕ඞਢ WiFi௨৴࣌͸HLSͰͳͯ͘΋Α͍

Slide 74

Slide 74 text

Ξοϓϧͷن໿͕༩͑ΔӨڹ • 3Gճઢ؀ڥԼͰɺ10෼Ҏ্·ͨ͸5෼Ͱ5MBΛ ௒͑ΔಈըΛετϦʔϛϯά࠶ੜ͢Δ৔߹͸ɺ HTTP Live StreamingΛ࢖༻͠ͳ͚Ε͹ͳΒͳ ͍ɻͦͷ৔߹ʹ͸࠷௿64kbpsͷԻ੠ͷΈετ ϦʔϜΛඞؚͣΊΔඞཁ͕͋Δɻ HLSʹରԠ͢Δࡍ͸ɺ64kbpsͷԻ੠ετϦʔϜΛ ผ్ੜ੒͢Δඞཁ͕͋Δ → Πϯϑϥίετ૿

Slide 75

Slide 75 text

Ξοϓϧͷن໿͕༩͑ΔӨڹ HLSʹ׬શʹରԠ͠Α͏ͱ͢Δͱίετߴ ↓ 3GճઢͰ͸ಈը࠶ੜΛҰ෦੍ݶ͍ͯ͠Δ ࠓޙରԠ༧ఆ

Slide 76

Slide 76 text

Agenda 1. χίχίಈըɾχίχίੜ์ૹͱ͸ 2. χίχίಈը iPhoneΞϓϦ 3. χίχίੜ์ૹ iPhoneΞϓϦ 4. Appleͷن໿ 5. HTTP Live Streamingৄࡉ 6. ࣮੷ͱࠓޙ

Slide 77

Slide 77 text

HTTP Live Streaming ৄࡉ • HTTP͚ͩͰٖࣅతʹϥΠϒετϦʔϛϯά Λ࣮ݱ͢Δϓϩτίϧ • Apple͕࢓༷Λࡦఆ • IETFͷΠϯλʔωοτυϥϑτͱͯ͠ఏग़ • iPhone,QuickTimeͳͲͰ࠾༻ • Adobe FMS͕HLSΛαϙʔτ͢Δ༧ఆ(!)

Slide 78

Slide 78 text

HTTPαʔόʔ (ApacheͳͲ) HTTP Live Streaming ͷ࢓૊Έ H.264 ಈըϑΝΠϧ sample_0001.ts sample_0002.ts sample_0003.ts ಈըϑΝΠϧΛ 10ඵ͝ͱʹ෼ׂ #EXTM3U #EXT-X-TARGETDURATION:10 #EXTINF:10, sample_0001.ts #EXTINF:10, sample_0002.ts #EXTINF:10, sample_0003.ts ϓϨΠϦετ(m3u8) Λੜ੒ ϓϨΠϦετͲ͓Γʹ ࿈ଓ࠶ੜ

Slide 79

Slide 79 text

HTTPαʔόʔ (ApacheͳͲ) HTTP Live Streaming ͷ࢓૊Έ sample_0001.ts sample_0002.ts sample_0003.ts ө૾σʔλΛ 10ඵ͝ͱʹ෼ׂ #EXTM3U #EXT-X-TARGETDURATION:10 #EXT-X-MEDIA-SEQUENCE: 0 #EXTINF:10, sample_0001.ts #EXTINF:10, sample_0002.ts #EXTINF:10, sample_0003.ts ϓϨΠϦετ(m3u8) ͕ಈతʹߋ৽͞ΕΔ ϓϨΠϦετͲ͓Γʹ ࿈ଓ࠶ੜ

Slide 80

Slide 80 text

HLSͷಛ௃ • ௕࣌ؒͷಈըͰ͋ͬͯ΋Ұ౓ͷ௨৴Ͱ औಘ͢Δͷ͸10ඵ෼ͷಈըσʔλ͚ͩ • ଳҬΛѹഭ͠ͳ͍ • Πϯϑϥ΍௨৴ΩϟϦΞʹ͸༏͍͠

Slide 81

Slide 81 text

HLSͷಛ௃ • ಈըσʔλ͸HTTPͰసૹ • ApacheͷΑ͏ͳී௨ͷwebαʔόʔͩ ͚ͰಈըετϦʔϛϯά͕࣮ݱͰ͖Δɻ Adobe FMSͳͲͷߴՁͳαʔόʔ͸ෆཁ • HTTPͳͷͰଟ͘ͷ؀ڥͰ࢖༻Ͱ͖Δ ʢHTTPҎ֎ͷ௨৴ΛϒϩοΫ͍ͯ͠Δ ؀ڥ΋ଟ͍ʣ

Slide 82

Slide 82 text

HLSͷಛ௃ • ଳҬ෯ʹԠͨ͡ը࣭ࣗಈ੾Γସ͑ • ଳҬ͕ࡉͯ͘΋շదʹಈըΛࢹௌͰ͖Δ ௿ը࣭ಈը sample_0001.ts sample_0002.ts sample_0003.ts ߴը࣭ಈը sample_0001.ts sample_0002.ts sample_0003.ts ௨৴ঢ়گ͕ ྑ͍࣌ ௨৴ঢ়گ͕ ѱ͍࣌ ଳҬ෯ʹԠͯࣗ͡ಈ੾׵͑

Slide 83

Slide 83 text

Agenda 1. χίχίಈըɾχίχίੜ์ૹͱ͸ 2. χίχίಈը iPhoneΞϓϦ 3. χίχίੜ์ૹ iPhoneΞϓϦ 4. Appleͷن໿ 5. HTTP Live Streamingৄࡉ 6. ࣮੷ͱࠓޙ

Slide 84

Slide 84 text

࣮੷

Slide 85

Slide 85 text

ΞϓϦDL਺ • ྦྷܭ100ສDLҎ্

Slide 86

Slide 86 text

ϢχʔΫϢʔβ਺ • 4~5ສUU/day ਒ࡂ࣌NHK αΠϚϧ์ૹ

Slide 87

Slide 87 text

iPhone͔Βੜ์ૹ഑৴ • 600൪૊/day

Slide 88

Slide 88 text

ࠓޙ

Slide 89

Slide 89 text

৹ࠪίετͷ௿ݮ • ը໘ϨΠΞ΢τΛগ͠มߋ͢Δ͚ͩͰ৹͕ࠪඞ ཁͳͷͰίετ͕͔͔Δ • ΞϓϦͷചΓ্͛ͷ30%ΛΞοϓϧʹऔΒΕΔɻ άʔάϧ΋௥ैͷྲྀΕ • ΞϓϦ͸৭ʑͭΒ͍ʂ • WebͰͰ͖Δ͜ͱ͸Web΁ • HTML5 !

Slide 90

Slide 90 text

HTML5ରԠ • HTML5ͷvideoλάʹΑΔಈը࠶ੜ • Safari͚ͩͰχίಈΛࢹௌͰ͖Δ • iPadͰ͸ରԠࡁΈ • ΞϓϦ͕ෆཁʂ • ৹ࠪ΋ෆཁʂ

Slide 91

Slide 91 text

HTML5ରԠ • ͨͩ͠iPhoneͰ͸ • Safariͷ࢓༷ʹΑΓಈըͷ্ʹίϝϯ τΛॏͶΔ͜ͱ͕ෆՄೳͳͨΊɺݱ ঢ়Ͱ͸࣮ݱෆՄೳ • ͦ͜Ͱɾɾɾ

Slide 92

Slide 92 text

ΞϓϦUIͷwebԽ • ಈը࠶ੜॲཧҎ֎Λweb(HTML/CSS/JS)Ͱ։ൃ • iPhoneΞϓϦ૊ΈࠐΈͷUIWebViewͰදࣔ • ಈը࠶ੜϘλϯΛԡͨ͠ΒΞϓϦωΠςΟϒ ͷػೳΛݺͼग़ͯ͠ಈը࠶ੜ

Slide 93

Slide 93 text

ΞϓϦUIͷwebԽ

Slide 94

Slide 94 text

ΞϓϦUIͷwebԽ HTML/CSS/JavaScript Ͱ࣮૷

Slide 95

Slide 95 text

ΞϓϦUIͷwebԽ [UIWebView stringByEvaluatingJavaScriptFromString: @"videoList.show();"];

Slide 96

Slide 96 text

AndroidରԠ • UI͸web • ಈը࠶ੜ͸Flash

Slide 97

Slide 97 text

·ͱΊ • χίಈ / χίੜiPhoneΞϓϦΛࢧ͑Δٕज़ʹ͍ͭͯ঺ հ • ಈը΍ԻָͳͲϝσΟΞίϯςϯπΛѻ͏ΞϓϦΛ։ ൃ͢Δ৔߹͸ɺΞοϓϧͷن໿ʹ஫ҙ͢Δඞཁ͕͋Δ • iPhoneΞϓϦͷ৹ࠪίετΛճආ͢Δʹ͸෦෼తʹ webԽ͢Δͷ͕༗ޮ • χίχίಈըͰ΋εϚʔτϑΥϯͷॏཁੑ͸࣮֬ʹߴ ·͖͍ͬͯͯΔ

Slide 98

Slide 98 text

One more thing...

Slide 99

Slide 99 text

υϫϯΰΤϯδχΞืू த • υϫϯΰͰ͸ҎԼͷΑ͏ͳΤϯδχΞΛืू ͍ͯ͠·͢ • χίχίಈըͷ։ൃʹؔΘΓ͍ͨʂ • εϚʔτϑΥϯΞϓϦ։ൃʹڵຯ͕͋Δʂ • େن໛webΞϓϦέʔγϣϯΛ։ൃ͍ͨ͠ʂ • ͳͲͳͲ

Slide 100

Slide 100 text

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠