Green Screens and Fever Dreams: Fun with getUserMedia

*
Proposal
Long-Form
Beginner

Excerpt

JavaScript's getUserMedia API allows us to voluntarily capture audio and/or video from users' phones and desktops. This tutorial covers libraries and code samples which help you record and transcribe interviews, send selfies into TensorFlow, add a night vision effect, or shoot video with a blue screen / green screen background.

Description

getUserMedia has a great appeal to new and/or creative coders. This tutorial covers the JavaScript API and browser support, pre-existing libraries, and code to work with live or pre-recorded user media.

Project Samples:
- Transcribing an audio interview (on text input, pause / rewind audio playback)
- PhotoBooth JS library for getUserMedia (UI can be hidden from user to use JS API directly)
- Edit frames and alpha values in for a blue screen / green screen effect.
- Sending selfies to a TensorFlow web interface

Tags

javascript, image, art

Speaking experience

I previously spoke at JSConf Iceland, GitHub CodeConf, Next Economy Summit, LibrePlanet, and local meetups

Videos: https://www.youtube.com/results?search_query=nick+doiron
Slides: http://slideshare.net/NicholasDoiron

I have not delivered this talk / topic before.

Speaker