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

    View Slide

  2. Michael Cheng
    @coderkungfu

    View Slide

  3. My Origin Story…

    View Slide

  4. View Slide

  5. View Slide

  6. View Slide

  7. View Slide

  8. View Slide

  9. View Slide

  10. View Slide

  11. View Slide

  12. View Slide

  13. Engineers.SG
    Engineers.SG is a 

    not-for-profit community
    initiative created to help
    document the Singapore
    tech and startup scene.

    View Slide

  14. 6
    First recording done on 30 Oct 2013 at Singapore PHP User Group

    View Slide

  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

    View Slide

  16. Meetups We Record
    8

    View Slide

  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

    View Slide

  18. 10
    Website

    View Slide

  19. 11
    YouTube Channel

    View Slide

  20. 12
    Some kind words from presenters

    View Slide

  21. How do we do it?
    13

    View Slide

  22. Streamline the Capture Workflow
    14

    View Slide

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

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  28. 15

    View Slide

  29. 15
    Presenter’s Laptop

    View Slide

  30. 15
    Video output
    Presenter’s Laptop

    View Slide

  31. 15
    Video
    Splitter
    Video output
    Presenter’s Laptop

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  40. 16

    View Slide

  41. 17

    View Slide

  42. 17
    Audio
    Processing

    View Slide

  43. 17
    Audio
    Processing

    View Slide

  44. 17
    Audio
    Processing

    View Slide

  45. 18
    Audio
    Processing

    View Slide

  46. 18

    View Slide

  47. 19

    View Slide

  48. 19
    • Title

    View Slide

  49. 19
    • Title
    • Description

    View Slide

  50. 19
    • Title
    • Description
    • Organization

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  58. Our Team in Action
    24

    View Slide

  59. 25
    Started out as a Single camera

    View Slide

  60. 26
    First conference we recorded was GeekCampSG in 2014

    View Slide

  61. 27
    Typical recording setup

    View Slide

  62. 28
    Video camera pointing at the speaker

    View Slide

  63. 29
    Video camera pointing at the speaker

    View Slide

  64. 30
    Avermedia Live Gamer Portable - Screen capture tool

    View Slide

  65. 31
    Mixed into a Windows laptop

    View Slide

  66. 32
    Software video mixer - Open Broadcaster Software

    View Slide

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

    View Slide

  68. 34
    Audio recording with wireless lapel mic

    View Slide

  69. 35
    Sometimes we use an sound mixer

    View Slide

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

    View Slide

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

    View Slide

  72. 38
    We do have a cable management problem…

    View Slide

  73. What’s in our bag?
    39

    View Slide

  74. Our gear (contents of Set 4)

    View Slide

  75. Windows Laptop (OBS Studio)

    View Slide

  76. Screen Capture: Video adapter cables

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  81. Screen Capture: HDMI cables + HDMI splitter

    View Slide

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

    View Slide

  83. Backup System: Audio recorder (Zoom H1)

    View Slide

  84. Tripods for webcam & backup camera

    View Slide

  85. Power extension

    View Slide

  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

    View Slide

  87. 53
    Some of our volunteers

    View Slide

  88. Join Us! Support Us!
    • Email us: [email protected]
    • Follow us on Twitter: @EngineersFTW
    • Like our page: https://www.facebook.com/engineersftw/
    • Support Us! https://engineers.sg/support_us
    54

    View Slide

  89. Questions?
    55

    View Slide

  90. Michael Cheng
    @coderkungfu

    View Slide