Get Started with Live Commerce! Architecture of Mercari Channel

839d3380c024aa8bbbb86af78d4a5f69?s=47 oqrusk
October 24, 2018

Get Started with Live Commerce! Architecture of Mercari Channel

第一回ライブ配信MeetUp Mercari x SHOWROOM

839d3380c024aa8bbbb86af78d4a5f69?s=128

oqrusk

October 24, 2018
Tweet

Transcript

  1. Get Started with Live Commerce - Architecture of Mercari Channel

    - 2018.10.24 ライブ配信 Meet up 〜メルカリ × SHOWROOM〜 @oqrusk
  2. Yusuke OKURA - @oqrusk - Johnny • Mercari • Backend

    Engineer (since 2018.03) • Live & Fashion project • Tech Lead (since 2018.07) • Experience • Internal IT Dept @ Large Frozen Food Company • Java Engineer @ Food EC Venture • Backend Engineer @ Navigation Service Venture • SRE @ Family Album Service Startup
  3. • Live Commerce Service in mercari • Anyone can buy

    and sell on Live! • Service Launch • since 2017.07 • Release for Business who sell • since 2017.12 • UI Renewal ←New! • since 2018.10 About Mercari Channel
  4. Architecture

  5. • Media • Live Streaming • Transcoding • Contents Delivery

    • Communication • Real Time • Interactive • Many-to-Many • Shopping • Listing • Sales Promotion • Price Negotiation Functions of Live Commerce
  6. Components of Mercari Channel Viewer’s Info Notification Comments Likes Stamps

    Video & Sound Product
  7. Media • Protocol ◦ Live stream : RTMP ◦ View:

    HLS • Transcode ◦ 1 source to 3 output ▪ Quality (High/Mid/Low) ▪ Adaptive Bitrate Stream • Delivery ◦ CDN ◦ latency 10+sec
  8. Communication • Motivator ◦ Comments ◦ Stamps ◦ Likes ◦

    Viewer Count ◦ Notifications • Many-to-Many Broadcast • Real Time Sync
  9. Shopping • Real Time Update ◦ New Listing ◦ Price

    Change ◦ Stock Inventory • One-to-Many Broadcast • Picture in Picture ◦ Stay in Live
  10. Few Resources & Tight Schedule 2 Months From Scratch 4

    Engineers 2 Backend 1 iOS 1 Android
  11. Using Cloud Services • Cloud Hosted Streaming Package ◦ Transcoder

    ◦ Storage ◦ CDN ◦ Client SDK • Performance ◦ latency 10+ sec • Cloud Hosted Database ◦ NoSQL ◦ Real time synchronize • Client SDK • Performance ◦ 100k connections ◦ 1000 query / sec
  12. Architecture SHOPPING

  13. Operation

  14. Daily Operation - Manual • 24/7 Manual censoring • comments

    • content • speech • picture • Alert censor words • Report from customers
  15. Emergency Operation - Monitoring System • Chat Ops • Monitoring

    System • Stackdriver • Mackerel • Kibana • Alerting • Slackbot with Zappier
  16. Recap • Live Commerce Functions • Media • Communication •

    Shopping • Using Cloud Service • Wowza Streaming Cloud • Firebase Realtime Database • Operation • Manual censoring • Slack based monitoring
  17. Thank you