"Bringing Live Video to iPhone" presentation by Caleb Elston, VP of Products, Justin.tv
Upcoming SlideShare
Loading in...5
×
 

"Bringing Live Video to iPhone" presentation by Caleb Elston, VP of Products, Justin.tv

on

  • 1,309 views

 

Statistics

Views

Total Views
1,309
Views on SlideShare
1,160
Embed Views
149

Actions

Likes
1
Downloads
36
Comments
0

2 Embeds 149

http://events.venturebeat.com 148
http://web.archive.org 1

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br />
  • <br />
  • <br />
  • Caleb Elston VP of products at Justin.tv. I oversee all of our web and mobile products. Working with our designers and engineers to curate a great experience for our users. <br />
  • Caleb Elston VP of products at Justin.tv. I oversee all of our web and mobile products. Working with our designers and engineers to curate a great experience for our users. <br />
  • We got many requests over email, talking with users on the site and on our weekly Founder Chat live broadcast. <br />
  • We got many requests over email, talking with users on the site and on our weekly Founder Chat live broadcast. <br />
  • We got many requests over email, talking with users on the site and on our weekly Founder Chat live broadcast. <br />
  • We got many requests over email, talking with users on the site and on our weekly Founder Chat live broadcast. <br />
  • We got many requests over email, talking with users on the site and on our weekly Founder Chat live broadcast. <br />
  • We got many requests over email, talking with users on the site and on our weekly Founder Chat live broadcast. <br />
  • After getting so much feedback we decided in August to build an app <br />
  • Once we decided we were going to build. Had to pick features. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others. <br />
  • But we focused on what would be best for when you want to see what your friend is broadcasting or watch someone playing the latest Starcraft beta. <br />
  • And so we came to focus on a small set of features we wanted to execute on and were most essential to the experience. Live video. Chat, and a way to discover video. <br />
  • There were 3 main challenges <br />
  • We wanted to make the app that users would love. Use wherever they were and didn&#x2019;t get in there way. <br />
  • Make it look awesome on 3G and Wifi <br />
  • Have it load quickly and have low latency. Unlike YouTube, we can&#x2019;t buffer video. It has to flow every single second. That&#x2019;s hard. <br />
  • We spent 2 months working on sketches and mocking up wireframes. Then a month on the visual design and pixel perfect mocks. <br /> <br /> Tips Read the HIG from Apple. Sweat the details. The structure of your app is critical to whether or not it will eventually &#x201C;feel right&#x201D;. <br />
  • We spent 2 months working on sketches and mocking up wireframes. Reading the HIG from Apple. <br />
  • The structure of your app is critical to whether or not it will eventually &#x201C;feel right&#x201D;. <br />
  • Sweat the details. Make sure it feels like an iPhone app. Make sure the people working on your app USE iPhones. Build it for iPhone. The fluidity of scrolling, the loading indicators, the way text goes white when it is selected. <br />
  • One such detail was how we would indicate to users that new chat messages were coming in, without covering the video. Looking around we realized apple had already solved this... <br />
  • They solved it with the SMS and Mail app. So now when a chat message comes in, this little indicator pops up. Simple and expected by users. <br />
  • Once we had the design humming along we brought in our video engineers. Reconcile our video formats would not play on iPhone. <br />
  • We support all sorts of video formats and resolutions. From basic webcam quality to 1080P 10Mbit streams from an Xbox360. We had to find a way to transcode all of our video into Apple&#x2019;s chosen H.264. <br />
  • We support all sorts of video formats and resolutions. From basic webcam quality to 1080P 10Mbit streams from an Xbox360. We had to find a way to transcode all of our video into Apple&#x2019;s chosen H.264. <br />
  • We support all sorts of video formats and resolutions. From basic webcam quality to 1080P 10Mbit streams from an Xbox360. We had to find a way to transcode all of our video into Apple&#x2019;s chosen H.264. <br />
  • We support all sorts of video formats and resolutions. From basic webcam quality to 1080P 10Mbit streams from an Xbox360. We had to find a way to transcode all of our video into Apple&#x2019;s chosen H.264. <br />
  • We support all sorts of video formats and resolutions. From basic webcam quality to 1080P 10Mbit streams from an Xbox360. We had to find a way to transcode all of our video into Apple&#x2019;s chosen H.264. <br />
  • We support all sorts of video formats and resolutions. From basic webcam quality to 1080P 10Mbit streams from an Xbox360. We had to find a way to transcode all of our video into Apple&#x2019;s chosen H.264. <br />
  • We support all sorts of video formats and resolutions. From basic webcam quality to 1080P 10Mbit streams from an Xbox360. We had to find a way to transcode all of our video into Apple&#x2019;s chosen H.264. <br />
  • We support all sorts of video formats and resolutions. From basic webcam quality to 1080P 10Mbit streams from an Xbox360. We had to find a way to transcode all of our video into Apple&#x2019;s chosen H.264. <br />
  • So we spoke with a bunch of vendors who provide transcoding solutions... <br />
  • Problem was <br />
  • They wanted around $250k for custom hardware and additional yearly licensing fees. <br />
  • Needless to say we passed. <br />
  • One of our video engineers said we could build it, and started down the path of building our own solution. <br />
  • We wanted to allow any stream on our site to play on the iphone. Anyone could broadcast on the site and see themselves on their iPhone. <br />
  • Massive amount of video would need to be transcoded. Any stream on the site would be viewable on iPhone. You start broadcasting and you can watch it on your iPhone. <br />
  • Needed to keep up and be able to transcode even our highest quality streams in real time. <br />
  • And we wanted it to fit our existing architecture so we could add more commodity servers we already use. <br />
  • In early january we got live video from our system working on the iPhone reliably. <br />
  • Private beta with 50 passionate JTV users <br />
  • Fixed a ton of bugs and submitted to Apple. Very exciting day <br />
  • <br />
  • Then my phone rang <br />
  • They liked the app. Wanted to make sure we had low quality stream for EDGE. <br />
  • That day we began the process of creating a companion stream, effectively doubling the amount of video we had to transcode. <br />
  • Apple was great to work with and in the end the app was better for it. <br />
  • Launched on March 22. Got some press. <br />
  • Launched on March 22. Got some press. <br />
  • Launched on March 22. Got some press. <br />
  • Launched on March 22. Got some press. <br />
  • Launched on March 22. Got some press. <br />
  • 60k users started streaming video the first day. <br />
  • #1 in 20 Geos <br />
  • Here is a chart of the user adoption for the app since we launched. <br />
  • <br />
  • We are no hard at work on brining live video broadcasting to the app using Apple&#x2019;s latest API&#x2019;s in iOS4 <br />
  • Thanks so much. Will be around. <br />

"Bringing Live Video to iPhone" presentation by Caleb Elston, VP of Products, Justin.tv "Bringing Live Video to iPhone" presentation by Caleb Elston, VP of Products, Justin.tv Presentation Transcript

  • Bringing Live Video to iPhone
  • What is Justin.tv?
  • •Largest live video site in the world •28.5 million monthly uniques •275 million monthly streams •55 million hours of video / month
  • Who am I?
  • Caleb Elston VP Products Justin.tv
  • “When will I be able to watch JTV on my iPhone?” “Are you working on an iPhone app?” “How can I watch my friends JTV channel on my iPod Touch?” “How long until you guys have an iPhone app?” “You should make an app!” “I want Justin.tv on my iPhone”
  • August 2009 Decide to build an iPhone App
  • What features?
  • Past Broadcasts Featured Videos Chat Profile Following Search Live Video Twitter Chat Messages Follow Badges Highlighting Email Sharing Create Account Categories Facebook Sharing Sign In Twitter Sharing
  • Past Broadcasts Featured Videos Chat Profile Following Search Live Video Twitter Chat Messages Follow Badges Highlighting Email Sharing Create Account Categories Facebook Sharing Sign In Twitter Sharing
  • Live Video Chat Follow Search Categories Email Sharing Featured Videos
  • Challenges
  • Compelling Experience
  • Video Quality
  • Video Performance
  • Sept - Dec 2009 Design Palooza
  • Read the HIG
  • “The details are not the details. They make the design.” -Charles Eames
  • Justin.tv Video ≠ iPhone Video
  • VC1 Flash SeeToo VLC VP6 On2
  • VC1 Flash SeeToo VLC H.264 VP6 On2
  • Spoke to Vendors
  • Problem was...
  • $250k+
  • We passed :)
  • “We can build it!”
  • Requirements 2,000+ live streams
  • Requirements 30+ hours video /min
  • Requirements 100% RealTime
  • Requirements Plug-and-Play
  • January 2010 Live video on iPhone
  • February 2010 Private Beta
  • Feb 25, 2010 Submitted to Apple :)
  • March 1, 2010 Waiting...
  • March 4, 2010 Got a call...
  • March 4, 2010 It was Apple
  • March 4, 2010 Began work on EDGE Support
  • March 19, 2010 EDGE Support
  • March 22, 2010 App Launched!
  • March 25, 2010 60k Users First Day
  • March 25, 2010 #1 Social Networking 20 Geos
  • Today
  • Hard at work on Broadcasting
  • Thanks! @calebelston on Twitter