Interactive Video Workshop Series

Interactive Video,Upcoming
Posted on:
June 9, 2017

This Summer, the YMC team is excited to announce the debut of a new Workshop Series focusing on webcasting, live-streaming and creating interactive video experiences.

The program will get started on July 8, 2017!

The series will consist of six sessions split into two main segments: a video segment and a web segment.

The video segment will allow participants to get hands-on experience with real production equipment for casting and streaming.

The web segment will focus on developing a foundation to experiment with alternative and new web design, development and interactivity tools involving video and web video players.

This workshop is being offered for free. In exchange, participants are expected to bring their creativity to the table and help provide a positive learning environment for others.


This course will be relevant to you if:

  • You are a AV professional looking to move into webcast production or hone in on skills to produce your own web casts and live productions online to Youtube, Facebook or your own video player.
  • You are a web developer and would like to understand better the production side of video streaming to better facilitate user experiences on the web by building players and designing webpages through Javascript, CSS and HTML5.
  • You are seeking hands-on opportunity to learn a skill that is fast becoming in demand, with an encouraging and supportive community focused on learning and exchanging ideas


We are aiming to have a mix of disciplines in the participants who will be joining this workshop series, therefore the prerequisites are slightly different depending on the participants’ background.

General Skills

  • basic image editing
  • working with graphics creation tools (ie. Photoshop, Illustrator)

From an AV / Production Background

  • Some AV/Production background either in practice or profession (we will not be covering AV production basics but will try to move as quickly as possible to live streaming)
  • basic video editing
  • working with audio and video file types
  • working with microphones, mixers, cameras

From a Web Development Background

  • Some Web development background. We will be loosely touching on the basics but the aim is to jump quickly into player building and designing interactivity and experience for websites

Hardware and Software Requirements

Participants will require:

  • A Mac or Windows Laptop running a modern web browser (such as Google Chrome, Mozilla Firefox, or Microsoft Edge)
  • An external or built-in webcam

Dates, Times, Topics

The Interactive Video Workshop Series will be taking place on Saturdays from 12pm noon until 3pm on the following dates:

  • July 8, 2017

    The Complete Workflow: AV – Switcher – Encoder – Stream – Playback

    • Day one will have a complete workflow setup from Camera to Stream. Participants will be able to observe and work hands on with various components. We will touch broadly on the entire workflow and best practices, discuss scenarios and light experimentation with production ideas.
  • July 15, 2017

    Program Feed

    • Getting your live feed setup with a ready Audio and Video Feed

    Camera, Mics, Audio, Content

    • Production best-practices for live streaming

    Lighting, Set, Slates, transitions, pre-roll, post-roll, Web vs TV, Dead Air

    • Live Switching, cueing content, bugs, name keys, quick creation, graphics, stings

    I/O Input output Devices – Getting your live feed ready for an encoder

    • Hardware
    • Blackmagic
    • Drivers
    • Virtual Drivers
    • Mac/PC Interfaces
    • Signal Conversion (Analog to Digital)
    • HDMI to SDI/SDI to HDMI
  • July 22, 2017

    Software Switching and Encoding

    • Software: Open Source and Paid / Licensed
    • Encoding – Bitrate and Properties
    • Network Requirements – Calculating your bandwidth usage
    • Stream Protocol HTML5, Mpeg, Dash, HLS, RTMP Server and Address


    • Youtube/ Facebook/ Personal Web Page.
    • Media Server
    • Media Players
  • July 29, 2017

    How the Internet Works

    • the world of domains and web hosting

    How to get a web page on the Internet

    • connecting to a server
    • uploading files

    Introduction to HTML

    • as much as you need to know to be able to embed a video on a webpage, and resources to learn more
  • August 12, 2017

    Introduction to CSS

    • the Presentation and Design language of the Web
    • controlling the appearance of web pages

    Working with Variable Screen Sizes

    • challenges and opportunities of working with screens and different form factors
    • what can we do with videos in a situation where we do not know the size or aspect ratio of the screen being used?

    Exploring Possible Video Implementations

    • videos in the background of web pages
    • videos with mask overlays
  • August 19, 2017

    Web Page Interactivity

    • the concept of interactive ‘events’ on a web page (mouse events, keyboard events, time-related events)


    • getting up and running with the VideoJS Javascript Library for providing rich online video experiences
    • using interactive events to control aspects of video and web-related video experiences

Applications and Fees

There is no fee to attend this course.

Applications can be done through this form: Application Form.

We will attempt to respond to applicants as soon as possible.

Space is limited to 12 participants.