The Magic Behind Engineers.SG

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

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. 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. View Slide

41. 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. View Slide

47. 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: admin@engineers.sg
    • 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