Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Magic Behind Engineers.SG

The Magic Behind Engineers.SG

Presented at GeekCampSG 2016 (http://geekcamp.sg)

Michael Cheng

October 29, 2016
Tweet

More Decks by Michael Cheng

Other Decks in Programming

Transcript

  1. (its not really much…) The Magic Behind Engineers.SG 1

  2. Michael Cheng @coderkungfu

  3. My Origin Story…

  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. Engineers.SG Engineers.SG is a 
 not-for-profit community initiative created to

    help document the Singapore tech and startup scene.
  14. 6 First recording done on 30 Oct 2013 at Singapore

    PHP User Group
  15. Why Engineers.SG? • Created to answer the question, "where are

    the engineers in Singapore?", Engineers.SG seeks to be the place for anyone to get to know, learn and interact with the Singapore tech community. • On the site, you can find a curated list of videos recording of local tech meetups and events. 7
  16. Meetups We Record 8

  17. Some Stats • ~1200 videos, 2400 subscribers on YouTube •

    Website: 20k page views / month • YouTube Channel: 25k views / month • 21 conferences recorded so far • Upcoming: CSSConf.Asia & JSConf.Asia • We have trained 40+ volunteers so far 9
  18. 10 Website

  19. 11 YouTube Channel

  20. 12 Some kind words from presenters

  21. How do we do it? 13

  22. Streamline the Capture Workflow 14

  23. Streamline the Capture Workflow • Capture all the inputs (video,

    screen capture and audio) at the same time. 14
  24. Streamline the Capture Workflow • Capture all the inputs (video,

    screen capture and audio) at the same time. • Feed all the sources into a laptop via USB. 14
  25. Streamline the Capture Workflow • Capture all the inputs (video,

    screen capture and audio) at the same time. • Feed all the sources into a laptop via USB. • Software video mixer that lets us record, stream and edit the video feeds live. 14
  26. Streamline the Capture Workflow • Capture all the inputs (video,

    screen capture and audio) at the same time. • Feed all the sources into a laptop via USB. • Software video mixer that lets us record, stream and edit the video feeds live. • No video post-production required. 14
  27. Streamline the Capture Workflow • Capture all the inputs (video,

    screen capture and audio) at the same time. • Feed all the sources into a laptop via USB. • Software video mixer that lets us record, stream and edit the video feeds live. • No video post-production required. • Video files are ready to be uploaded at end of session. 14
  28. 15

  29. 15 Presenter’s Laptop

  30. 15 Video output Presenter’s Laptop

  31. 15 Video Splitter Video output Presenter’s Laptop

  32. 15 Video Splitter Video output Video input Presenter’s Laptop

  33. 15 Video Splitter Video output Video input Presenter’s Laptop Screen

    video capture tool
  34. 15 Video Splitter Video output Video input Presenter’s Laptop Screen

    video capture tool
  35. 15 Video Splitter Video output Video input Presenter’s Laptop Screen

    video capture tool
  36. 15 Video Splitter Video output Video input Presenter’s Laptop Screen

    video capture tool Webcam Condenser microphone
  37. 15 Video Splitter Video output Video input Presenter’s Laptop Screen

    video capture tool Webcam Condenser microphone Software Video Mixer
  38. 15 Video Splitter Video output Video input Presenter’s Laptop Screen

    video capture tool Webcam Condenser microphone Software Video Mixer
  39. 16 Video Splitter Video output Video input Presenter’s Laptop Screen

    video capture tool Webcam Condenser microphone Software Video Mixer
  40. 16

  41. 17

  42. 17 Audio Processing

  43. 17 Audio Processing

  44. 17 Audio Processing

  45. 18 Audio Processing

  46. 18

  47. 19

  48. 19 • Title

  49. 19 • Title • Description

  50. 19 • Title • Description • Organization

  51. 19 • Title • Description • Organization • Presenter Info

  52. 19 • Title • Description • Organization • Presenter Info

    • Links to Slides
  53. 19 • Title • Description • Organization • Presenter Info

    • Links to Slides • Link to Event Page
  54. Pre-Meetup Procedures 1. Get permission from meetup organizers, ensure presenters

    are ok. 2. Get volunteers to sign up for meetup slot. (http://bit.ly/ esg-calendar), set to be allocated. Volunteer should register for meetup. 3. Collect designated set 1 day before (or on day itself). 4. Reach meetup at least 30 mins before. 20
  55. Post-Meetup Procedures (Advanced Users) 1. Copy out video file. Return

    set if possible. 2. Run audio optimisation script on the recorded video file (https://github.com/engineersftw/gitwiki/tree/master/scripts). 3. Upload to YouTube Channel. Cron job syncs video to website. 4. Update Engineers.SG admin page with Organization & Presenter info. 5. Post link to Meetup page. 6. Setup social media post on Buffer (optional). 21
  56. Post-Meetup Procedures (Simpler Process) 1. Copy out video file. Return

    set if possible. 2. Upload to Dropbox (http://bit.ly/esg-upload) 3. Let Michael know… 22
  57. Open Source Resources • GitHub Wiki (https://github.com/engineersftw/gitwiki) • Video Tutorial

    • https://bit.ly/esg-video-tutorial • Website: https://github.com/engineersftw/website • OBS Studio (http://obsproject.com) 23
  58. Our Team in Action 24

  59. 25 Started out as a Single camera

  60. 26 First conference we recorded was GeekCampSG in 2014

  61. 27 Typical recording setup

  62. 28 Video camera pointing at the speaker

  63. 29 Video camera pointing at the speaker

  64. 30 Avermedia Live Gamer Portable - Screen capture tool

  65. 31 Mixed into a Windows laptop

  66. 32 Software video mixer - Open Broadcaster Software

  67. 33 Audio recording with condenser mic or wireless lapel mic

  68. 34 Audio recording with wireless lapel mic

  69. 35 Sometimes we use an sound mixer

  70. 36 Backup audio recording (Zoom H1 Audio Recorder)

  71. 37 Carrier cases (cos we have lots of gear)

  72. 38 We do have a cable management problem…

  73. What’s in our bag? 39

  74. Our gear (contents of Set 4)

  75. Windows Laptop (OBS Studio)

  76. Screen Capture: Video adapter cables

  77. Screen Capture: Video adapter cables Mini Displayport to HDMI Displayport

    to HDMI HDMI to VGA VGA to HDMI
  78. Voice Recording: Blue Icicle USB sound card + condenser microphone

  79. Video Recording: Logitech Webcam + USB 2.0 extension cable

  80. Screen Capture: Avermedia Live Gamer Portable + mini-USB cable

  81. Screen Capture: HDMI cables + HDMI splitter

  82. Backup System: Video Camera (usually aimed at projector screen)

  83. Backup System: Audio recorder (Zoom H1)

  84. Tripods for webcam & backup camera

  85. Power extension

  86. What’s next? • Produce transcripts of videos • Easy skimming

    and scanning of text. • Searchable for keywords. • Translation & subtitling • Accessible to regional viewers. • Automate the upload & distribution process. 52
  87. 53 Some of our volunteers

  88. Join Us! Support Us! • Email us: admin@engineers.sg • Follow

    us on Twitter: @EngineersFTW • Like our page: https://www.facebook.com/engineersftw/ • Support Us! https://engineers.sg/support_us 54
  89. Questions? 55

  90. Michael Cheng @coderkungfu