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
- 2.1 IndieWebCamp Portland 2012
- 2.2 IndieWebCamp SF 2014
- 2.3 IndieWebCamp NYC 2018
- 2.4 IndieWebCamp Utrecht 2019
- 2.5 IndieWebCamp NYC 2019
- 2.6 IndieWebCamp Amsterdam 2019
- 2.7 IndieWebCamp Brighton 2019
- 2.8 IWC Berlin2 2019
- 2.9 IWC SF 2019
- 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 speakers: 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
IndieWebCamp Brighton 2019
Rosemary Orchard brought the equipment for recording the sessions.
- 1 iPad, 1 iPhone
- 2x Bluetooth speakers: Jabra Speak 510
- 2x wide angle lenses
- The Zoom app on iPhone starts in portrait mode even if the phone is turned sideways. It needs to be rotated sideways after starting the Zoom call, which is difficult to remember to do each time. As such, some of the recordings have the video turned sideways.
Intros and Demos
Aaron Parecki brought separate gear to record the intros and demos.
- Canon Vixia HF R500 video camera
- Sony ICDUX560BLK voice memo recorder
- Ran a Zoom call (with iPad and bluetooth mic) for remote participants to see the screen and video
- Set the voice memo recorder on the table next to the computer
- The video camera recorded a closeup of the person presenting
- All people presenting either used the same laptop or connected their own to the Zoom meeting so their screens would be recorded
- To compile the finished videos, mixed the Zoom screen capture video with the video camera and audio from the recorder. (Both Final Cut Pro and Adobe Premiere can automatically sync clips by analyzing the audio in them)
- The voice memo recorder provided significantly better audio than the audio recorded in the Zoom meeting
- Screen capture via Zoom worked great, Zoom provides an isolated recording of just the screen without its own video overlay
- The post-production step isn't too much additional work when it's just for intros and demos, and also provides an opportunity to edit the recording down even further such as trimming the transitions between presenters
- Using a camera with a zoom lens was better than a wide angle camera, since the camera doesn't need to show the screen in the video at all, you want a closeup of the person presenting instead
- Forgot the power supply for the Canon on the second day, so used his Lumix DSLR with a battery instead. The video is significantly higher quality than the camcorder
IWC Berlin2 2019
David Shanske brought the three Android TV boxes that had been used at IWC NYC and in prior testing, as well as a Chromebook for demos, a camcorder for recording intros and demos, an HDMI recorder for recording the screens, and a digital audio recorder for recording backup audio.
Mozilla Berlin did not have the ability for its system to use the IWC Zoom accounts. Organizer Yulia set up the intros and demos using a Mozilla account...but therefore no access to the recordings. Intros and Demos were recorded by the camcorder, HDMI recorder, and the digital audio recorder.
The remaining sessions were scheduled either with the Android TV equipment or an iPad and equipment brought by Template:Rose.
Notes on the first usage of the camcorder/HDMI recorder system. The HDMI recorder was added based on feedback about seeing the screen on any video recording device. However, hindsight suggested that, as the HDMI recorder allows the recording of an audio track, a microphone should be added for the next event for an audio track.
The camcorder video and audio picked up the room during the entire event, except for 2 issues. One at the beginning of demos where the audio will have to be spliced in from the backup copy, and one from the intros where the device went into power saving mode.
Since there was a desire to project things on the screens during the sessions, input from a laptop was displayed on the screens. This had two net issues. This would not be present for remote participants and it was discovered the Android TV boxes need to be actively hooked into HDMI or they go into power saving mode, terminating the screens.
The Android TV boxes had some intermittent connections issues prior in NYC, but once they were connected there, even though this did take some fiddling, they did not require reboot. There was a report this was not the case in Berlin, suggesting the necessity of further adjustment.
This would suggest the process of having the presenter's laptop logged into the Zoom session, with microphone and video off, is the most reliable way to record this.
IWC SF 2019
Remote participation at IWC SF will be produced by David Shanske. The same equipment used at IWC Berlin2 is set to be used, with the following noted exceptions.
- Due to the fact that there were comments re audience audio during intros, a wireless microphone was introduced to the recording rig handling the intros/demos.
- A second microphone was introduced to the HDMI recorder so that the demos and keynotes could also stand alone as screencasts.
- Per suggestion, added Google's new Android recording up as a 3rd audio source, as it offers automatic transcription.
- The plan as of prior to the event is to set up a rig in each room. The intros and the demos will have two separate video streams in addition to the Zoom, which will be primarily for remote participation. To address the issue of the streams going out due lack of HDMI output screens, have brought two separate HDMI screens to try and cover this.
- There was no loss of recordings due to the presence of separate HDMI screens, however, the issue came with trying to do remote participation in a larger space. This was planned to be taken up by the Mozilla equipment, however the control device for this was locked up, so had to improvise.
- Feedback was questioned about why presentations weren't done into the Zoom meeting. This is the best way to do this, but there were comments about people having issues with this at previous IWCs. At the least, at a future event, the demo laptop will do this as a backup.
- The sole equipment issue was the wireless microphone going into sleep mode and this not being noticed, which is why there's always backup audio tracks recorded.
- 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.