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 vide...
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 friend...
August 2009
Decide to build an iPhone App
What features?
Past Broadcasts
 Featured Videos
                       Chat          Profile
       Following
                     Search
...
Past Broadcasts
 Featured Videos
                       Chat          Profile
       Following
                     Search
...
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
"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
"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
"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
"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
"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
"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

996

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
996
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
37
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide



  • 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.
  • 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.
  • We got many requests over email, talking with users on the site and on our weekly Founder Chat live broadcast.
  • We got many requests over email, talking with users on the site and on our weekly Founder Chat live broadcast.
  • We got many requests over email, talking with users on the site and on our weekly Founder Chat live broadcast.
  • We got many requests over email, talking with users on the site and on our weekly Founder Chat live broadcast.
  • We got many requests over email, talking with users on the site and on our weekly Founder Chat live broadcast.
  • We got many requests over email, talking with users on the site and on our weekly Founder Chat live broadcast.
  • After getting so much feedback we decided in August to build an app
  • Once we decided we were going to build. Had to pick features.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • Lots of features on JTV. Ways to communicate chat or private messages, share on the major social networks, view past broadcasts, and many others.
  • 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.
  • 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.
  • There were 3 main challenges
  • We wanted to make the app that users would love. Use wherever they were and didn’t get in there way.
  • Make it look awesome on 3G and Wifi
  • Have it load quickly and have low latency. Unlike YouTube, we can’t buffer video. It has to flow every single second. That’s hard.
  • We spent 2 months working on sketches and mocking up wireframes. Then a month on the visual design and pixel perfect mocks.

    Tips Read the HIG from Apple. Sweat the details. The structure of your app is critical to whether or not it will eventually “feel right”.
  • We spent 2 months working on sketches and mocking up wireframes. Reading the HIG from Apple.
  • The structure of your app is critical to whether or not it will eventually “feel right”.
  • 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.
  • 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...
  • 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.
  • Once we had the design humming along we brought in our video engineers. Reconcile our video formats would not play on iPhone.
  • 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’s chosen H.264.
  • 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’s chosen H.264.
  • 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’s chosen H.264.
  • 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’s chosen H.264.
  • 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’s chosen H.264.
  • 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’s chosen H.264.
  • 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’s chosen H.264.
  • 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’s chosen H.264.
  • So we spoke with a bunch of vendors who provide transcoding solutions...
  • Problem was
  • They wanted around $250k for custom hardware and additional yearly licensing fees.
  • Needless to say we passed.
  • One of our video engineers said we could build it, and started down the path of building our own solution.
  • 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.
  • 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.
  • Needed to keep up and be able to transcode even our highest quality streams in real time.
  • And we wanted it to fit our existing architecture so we could add more commodity servers we already use.
  • In early january we got live video from our system working on the iPhone reliably.
  • Private beta with 50 passionate JTV users
  • Fixed a ton of bugs and submitted to Apple. Very exciting day

  • Then my phone rang
  • They liked the app. Wanted to make sure we had low quality stream for EDGE.
  • That day we began the process of creating a companion stream, effectively doubling the amount of video we had to transcode.
  • Apple was great to work with and in the end the app was better for it.
  • Launched on March 22. Got some press.
  • Launched on March 22. Got some press.
  • Launched on March 22. Got some press.
  • Launched on March 22. Got some press.
  • Launched on March 22. Got some press.
  • 60k users started streaming video the first day.
  • #1 in 20 Geos
  • Here is a chart of the user adoption for the app since we launched.

  • We are no hard at work on brining live video broadcasting to the app using Apple’s latest API’s in iOS4
  • Thanks so much. Will be around.
  • "Bringing Live Video to iPhone" presentation by Caleb Elston, VP of Products, Justin.tv

    1. 1. Bringing Live Video to iPhone
    2. 2. What is Justin.tv?
    3. 3. •Largest live video site in the world •28.5 million monthly uniques •275 million monthly streams •55 million hours of video / month
    4. 4. Who am I?
    5. 5. Caleb Elston VP Products Justin.tv
    6. 6. “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”
    7. 7. August 2009 Decide to build an iPhone App
    8. 8. What features?
    9. 9. 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
    10. 10. 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
    11. 11. Live Video Chat Follow Search Categories Email Sharing Featured Videos
    12. 12. Challenges
    13. 13. Compelling Experience
    14. 14. Video Quality
    15. 15. Video Performance
    16. 16. Sept - Dec 2009 Design Palooza
    17. 17. Read the HIG
    18. 18. “The details are not the details. They make the design.” -Charles Eames
    19. 19. Justin.tv Video ≠ iPhone Video
    20. 20. VC1 Flash SeeToo VLC VP6 On2
    21. 21. VC1 Flash SeeToo VLC H.264 VP6 On2
    22. 22. Spoke to Vendors
    23. 23. Problem was...
    24. 24. $250k+
    25. 25. We passed :)
    26. 26. “We can build it!”
    27. 27. Requirements 2,000+ live streams
    28. 28. Requirements 30+ hours video /min
    29. 29. Requirements 100% RealTime
    30. 30. Requirements Plug-and-Play
    31. 31. January 2010 Live video on iPhone
    32. 32. February 2010 Private Beta
    33. 33. Feb 25, 2010 Submitted to Apple :)
    34. 34. March 1, 2010 Waiting...
    35. 35. March 4, 2010 Got a call...
    36. 36. March 4, 2010 It was Apple
    37. 37. March 4, 2010 Began work on EDGE Support
    38. 38. March 19, 2010 EDGE Support
    39. 39. March 22, 2010 App Launched!
    40. 40. March 25, 2010 60k Users First Day
    41. 41. March 25, 2010 #1 Social Networking 20 Geos
    42. 42. Today
    43. 43. Hard at work on Broadcasting
    44. 44. Thanks! @calebelston on Twitter
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×