DEV Community

loading...

Taking Your Teaching Online

Kevin Lewis
Developer Advocate at Orbit. Developer Events Specialist. #YouGotThisConf Organiser.
・4 min read

Over the weekend I was asked by some lecturers at my alma mater about taking lectures online following my blog post last week about running my first online meetup. Having researched options for a few hours, here are my thoughts on how to get going on a minimal or zero budget.

Again, thanks to my amazing colleagues at Vonage for helping me gain this knowledge and make sure I can share it. They rock!

Considerations

Here are the considerations I've taken into account:

  • You may just want to talk to your class without slides
  • You may want to run through a slide deck with or without your webcam
  • There needs to be some way to handle live questions and have some feedback from students
  • Has to be cheap or free
  • The setup must be minimal

I'm going to rip off the band-aid quickly and say that if you want to share your slides and your voice, and broadcast this content to your class live, you'll need a paid solution or be willing to do 10 minutes of initial setup before your first class.

You just want to talk, no slides

If you just want to talk to your class and the need for slides isn't there, I'd take a look at YouTube Live. Here's how to do it...

YouTube showing the Go Live button

Firstly, go to YouTube while logged in, click the Create button in the top right and click Go live

Livestream settings

Pick Webcam at the top. Put in the name of your class, make it unlisted (you must provide the link for it to be visible) and pick schedule for later.

Next, make sure you pick "No, it's not made for kids", as this is required for live chat to be available. In the advanced settings make sure live chat is turned on.

Livestream management

Once scheduled, the livestream will be visible in your Manage tab. You can share the URL to your students.

Livestream view

When you choose to go live this will be your view - you have the live chat on the right which students can use. You can check your video, and when you're finished you can end the stream.

You want to show slides and have some budget

I'd recommend checking out https://www.crowdcast.io, https://livestorm.co or https://zoom.us. Zoom does have a free tier, but it caps at 40 minute sessions and 100 participants.

You want to show slides and have no budget

To achieve this, we're going to set up Open Broadcaster Software (OBS) Studio. It is free and open source, and available on Windows, Mac and Linux.

Before we get to that, let's once again setup a YouTube session.

Livestream settings for streaming

Instead of the Webcam tab, choose the stream tab and fill in all the same information. Once you've done this you should be directed to the manage pane. All you need from here is to copy the Stream key for later - this is how you'll hook up OBS to YouTube.

Stream key location

Go back to OBS, open the settings, go to the stream section. Pick YouTube as the service, and paste your stream key in the pane. Click OK and close the settings.

Go to the Sources pane, click the ➕ and pick Display Capture. Once you've done this you should be able to see your screen in OBS.

If the audio mixer is empty, add another source and make it the Audio Input Capture. Make it your microphone and you should see the capture appear in the audio mixer. This represents the audio being picked up by the mic - you can always mute your mic by clicking the loudspeaker icon 📢.

If you want to stream your webcam as well, add a Video Capture Device source and pick your webcam.

OBS with multiple sources

You can use the handles along the red outline of each source to resize them. You might choose to have your webcam overlaying the screen, or resize the screen too so you can see it all, like so:

Suggested layouts

Your OBS setup should look similar to this, with at least one item in the audio mixer, and the canvas at the top looking how you want when you livestream:

OBS livestreaming

Once this is done, hit "Start Streaming" in the bottom right and check your YouTube studio stream manager. There will be a delay, but as long as it's streaming you should be good. Remember to check in on the YouTube chat.

Once you're finished, just Stop Streaming inside of OBS.

The limitations

If you want to play sound you'll need an additional piece of (free) software as detailed in my blog post last week. I am a macOS user so, while I'm sure there are equivalent tools for Windows and Linux, I don't know what they are.

This is the only place I'd recommend altering teaching materials/style to just tell people to go away and watch the content and come back in 5 minutes, etc.

I hope this helps people who are having to work out how to deliver content online without prior experience. If you need advice send me a Twitter DM.

Discussion (5)

Collapse
mbell_gb profile image
Matt Bell

Also for mac users, it might be worth checking out Keynote Live for sharing slide decks with the folks joining in, although it's capped to 100 people.

support.apple.com/en-us/HT206205

It's quite nice as the deck can be viewed via web browser.

Collapse
gideonb234 profile image
Gideon Brett

OBS is free for Windows, Mac and Linux, and I didn't see the website mentioned anywhere, so in case you are confused on what website to head to for the latest version, it's linked below.

obsproject.com/

There are other streaming software available as well, though OBS is well documented and there is a lot of support online from twitter or other sources if you run into issues.

Collapse
_phzn profile image
Kevin Lewis Author

Will update post to reflect this. Thank you!

Collapse
shostarsson profile image
Rémi Lavedrine

That is a really good article.

Just got to read it quickly, but I will come back later and try to make it work.

If I don't want to livestream, but have something similar (get information from my Terminal, have my webcam somewhere on the screen, etc...) and then upload it to Youtube (or anywhere else, as I have a video file), do you recommend to use OBS?
Or for that specific purpose, do you recommend using something else.

I would love to have something similar, talking about specific material, tech, etc... but I would love to add things on-screen during my talk (in post-production), for instance to enhance something I said, some figures, etc...

Love your content by the way 😄

Collapse
_phzn profile image
Kevin Lewis Author

I’ve not used OBS to edit (I’m not sure it can) but I use it to record screencasts and upload as-is.