Check audio/video in intro steps

[JamesPHoughton]

As a researcher, I want to make sure that the people who get matched with other participants to join a discussion are able and willing to join a videocall using Jitsi in the browser, so that I have confidence we won't have "failed groups" because participants don't join in the discussion.

One way to make sure that participants can do this is to include the VideoCall component in one of the intro screens, and have them join a call in a random room name (possibly their player id). For now, we can just ask them if they were able to see and hear themselves and have them do a self-attestation that everything is working and that they are ready to join. Want to check that:

• they can be seen and heard
• they can see and hear other participants
• they can safely participate

(Down the road, we may want to build up a more comprehensive check. The jitsi component may have a way for us to tell if the audio or video are working and switched on, or we may need to build up a test ourselves. One way to do this would be to see if we can play a video for a participant when they enter a test call, and have the video display a word and also speak a word out loud. The participants could then select each of these from a list of options. This could prove that they see and hear from the jitsi meeting, and that they are paying attention. It would be worth spending an hour figuring out what is possible in this regard.)

We also want this screen to check that participants are ready to participate in a call. We can give them a series of checkboxes to fill out. Here's a rough guess of what this could look like, but we should give it some more thought, and possibly look in the literature to see if anyone else has dome something similar.

• check your webcam:
  • [ ] I can see my face in the video window (perhaps with an example: "like this, not like that..")
• check your background:
  • [ ] Nothing in my background reveals my name (i.e. a diploma on the wall, the name of an employer)
  • [ ] My background doesn't reveal other personal information I am not ready to share with other participants
• check your environment:
  • [ ] I am in a safe place where I can engage in a xx minute video discussion
  • [ ] I will not be interrupted
  • [ ] I am in a space where I can speak freely without bothering other people

We can say that if they can't meet all of these conditions right now, they can come back later for a different session.

ready to merge when

• [x] A cypress test checks that participants can proceed if all boxes in the self-attestation are ticked, and that if any boxes are not ticked, they are not able to proceed.
• [x] A storybook story documents and explains the design of this intro step.
• [ ] Copyediting by @emmaarsekin

[JamesPHoughton]

Looking at the jitsi interface, the entry page has an indicator of microphone status which suggests to me that jitsi itself knows whether the microphone (and maybe video) are working:

Is there a way to get this info from jitsi and include it as a check in this intro screen?