remote participation refers to good practices for enabling people to take part in IndieWebCamp events at a different location and collaboration across locations.
- 1 Equipment
- 2 Past Experience
- 3 Instructions
- 4 Requirements
- 5 Archiving
- 6 See Also
For remote participation at events, the built-in camera and microphone on laptops or mobile devices is usually not sufficient. To get a better quality link between locations, a separate camera with a microphone designed to pick up sound in larger spaces is needed.
Minimum recommended hardware for an individual joining a remote event
- laptop with a camera
- built-in microphones are best optimized to pick up a single person sitting directly in front of the laptop, and won't work well for groups
Helpful for an individual
- Headphones/headset with microphone (helps reduce/eliminate echoes/feedback)
For a room
Helpful for a site/room with multiple people:
- HD webcam, e.g. Logitech HD Pro Webcam C920 or C930 (amazon referral link)
- External conference microphone, e.g. Jabra Speak 510 (amazon referral link)
- wireless so you can place it in the middle of a table
- dedicated conference microphones work better at cancelling echos and picking up a whole room
To get better sound from the remote participants, either hook up the computer to a TV and use the built-in speakers, or get some nice external speakers such as the Bose Soundlink Bluetooth speaker.
Alternately a good external speaker/mic for conference will work, such as the Jabra Speak 510.
Please collect notes and experiences from remote participation at past IndieWebCamp events. Both organizers as well as participants are encouraged to document what they used and how well it worked.
IndieWebCamp Portland 2012
IndieWebCamp SF 2014
IndieWebCamp NYC 2018
In the main room, we used an iPhone with the Jabra Speak to livestream the intros and demos. This was a one-way stream. This worked best when the iPhone was about 8 feet from the presenter and TV. When the iPhone was in the back of the room the slides on the TV were barely visible.
Small Breakout Room
The small breakout room had a laptop running Google Hangouts On Air (a Hangouts chat that also publishes to YouTube), with a wide-angle USB webcam and a USB microphone run to the table. The audio and video of the room came out well, but the computer was pretty far away from the table and also didn't have good speakers so we weren't really able to interact with the remote people.
Large Breakout Room
The large breakout room used the venue's Bluejeans account for remote participants to join. This provided a good quality audio and video experience remotely, but we were not set up to be able to record those meetings. Instead, we recorded the room using the iPhone/Jabra pair used in the main room. The speakers in the room were good enough that the remote participants audio comes through okay in the recording from the room.
IndieWebCamp Utrecht 2019
Utrecht was the second IWC to use Zoom.
For the welcome, Keynote and intros we used an iPad to host the session connected to a Jabra 510 for audio, and put everything else through one laptop which had a 1080p external webcam (Aukey) connected to it for better video of the speaker who shared the screen through Zoom which meant their video should also have been displayed.
For the final demos we connected one laptop to the projector and everyone else shared their screen via Zoom to this laptop which was ideal for the remote participants (better than the one demo which used the iPad to record the projector screen).
Used two Zoom accounts hosting sessions from iPads with Bluetooth table microphones
- joining sessions remotely was very easy since the Zoom links were all on the schedule grid, so it was easy to pop in to each session
- the two main spaces were adjacent to each other with no sound barrier, so it was really difficult to hear people over the background chatter of the other room
- the video quality on day 1 was really bad, assuming because of bandwidth limitations at the venue? (Need to confirm)
- one iPad kept disconnecting and when it reconnected it would join muted. The settings indicated this should not happen. The recordings from this room were not archived by Zoom.
- the demos were enjoyable to watch, and went very smoothly with people sharing their screens into the Zoom meeting
IndieWebCamp NYC 2019
Used inexpensive noname Android TV boxes running the Android Zoom app, with external USB cameras and microphones for remote participation. Worked well for a budget solution.
Missing: USB extension cords to better position microphones/cameras.
IndieWebCamp Amsterdam 2019
- 2x iPad
- 2x Bluetooth mic: Jabra Speak 710
- 1x Long lightning cable and USB charger
- 1x Anker 22000mah battery
- 2x Wide angle lens for iPads
- Intros and demos were recorded to Zoom from an iPad. The microphone was placed on the table at the front of the room
- Breakout sessions were recorded to Zoom from the iPads, the microphones were in the center of the group of people around the tables
- The battery ran the iPad all day no problem.
- The iPad camera was not good enough quality to get a good image of the projector, so the recordings of the demos aren't great
- The space we were in did not have enclosed walls and was open to the floor below, so some of the breakout recordings are very difficult to understand because of all the background noise
- The resolution of the Zoom recordings was not 1080p and was not consistent, for unknown reasons
- The audio quality of the Zoom recordings is extremely low compared to using a regular microphone and video camera
- Red Room: https://zoom.us/j/4955358768
- Orange Room: https://zoom.us/j/6312221690
- Yellow Room: https://zoom.us/j/7012777223
Demo presentation can be done by logging into the Zoom, muting audio/video as appropriate, and sharing your screen.
Hangouts Live and YouTube
Note: Hangouts Live will be going away in the near future so this is no longer a good option.
Instructions for setting up Hangouts Live to also publish to YouTube using a Chromebook.
Being a Chromebook, user logins on the device are tied to a Google account. The logged in user's Google account must be able to act as the IndieWebCamp YouTube User in order to create Hangouts on Air events that stream to YouTube and then to join the Hangouts room to begin streaming.
- TODO: document how to give a YouTube account permission to act as IndieWebCamp. Marty McGuire: I remember it taking several tries.
- TODO: document with screenshots how to create the live event, fill out details, and begin streaming via Hangouts.
- Note: joining the Hangout via the Chrome browser with the Hangouts plugin works, but using the Hangouts app does not.
Once an event is up and streaming has begun, there are two URLs to make available:
- YouTube live URL - for one-way streaming and for watching after the event
- Hangouts URL - for two-way participants
There are two different environments we need remote participation and streaming in. Intros/keynotes/demos, and remote participation in sessions. Typically we only broadcast the intros/keynotes/demos, whereas with sessions it's more helpful if remote people can participate in the discussions. These settings are quite different from each other so it's useful to consider them separately.
- high quality audio of the presenter
- grab the presenter's screen to show on the recording (example)
- switching between presenters needs to be able to happen very quickly
- video camera of the presenter
- the microphone needs to be fixed position, not a headset or lavaliere, since there are a lot of people who demo in a row very quickly
- stream to YouTube, which enables YouTube to save the recording (this means no post-production work is required later)
- bonus feature: record locally as a backup in case the internet connection goes down
Videos from sessions should be saved to archive.org and linked to from session pages.
- Name should match the format: "(Session Name) - IndieWebCamp (City) (Year)"
- e.g. "Travel Data & Posts - IndieWebCamp Düsseldorf 2019"
- The default URL generated from the name is fine
- add a tag "indiewebcamp"
- License: Creative Commons, Allow Remixing, Prohibit Commercial Use, Share Alike
On the wiki, add a link to this video from the session grid as well as from the session's wiki page.