Fix Daily default device on reload

[JamesPHoughton]

When in the discussion a participant refreshes the page, the daily device selections from the previous page load are not persisted (for at least one person in a demo game).

Need to double check that persistence.

@Alan-Qiao - tagging you for situational awareness, I'll get more details to help with the debugging. This can happen after exams. ;)

[JamesPHoughton]

Not sure if the daily prebuilt can take a value for the hardware setup.

[Alan-Qiao]

Testing suggests daily PreBuilt failing to take Device ID for hardware setup on room connection. (I've previous asked the Daily team about this but got mixed responses. One suggested Device ID should work, though documentation says it will not)

I can think of two workarounds:

1. Make Custom UI that looks exactly like prebuilt, but now I get the extra control needed to pass devices (Will look best, but may take longer than expected to replicate)
2. Kind of ugly, but upon joining the room successfully, call setInputDeviceAsync() to change the devices to the saved ones (There will likely be a switch lag and some craziness)

[JamesPHoughton]

Couple questions:

• are we on the latest version of the prebuilt?
• how difficult would it be to write a cypress test of this behavior? I don't know how cypress handles devices, or if we would need to have it mock some devices for us?
• did we have an email thread with daily about this? I think it may be worth going back to them and asking if they can include it in the prebuilt, even if it's not there at the moment. We may eventually roll our own interface, but I'd rather stick with theirs as long as possible.

[JamesPHoughton]

Decided to go with your option 2 above

[JamesPHoughton]

This should be working, we just need to check it using a cypress test. This may require mocking a webcam resource. If we can't do that, we'll do some "real people testing".

Could add some checkboxes to the QC survey: "I had problems with my: - webcam - speakers - microphone" etc.

[Alan-Qiao]

https://github.com/Watts-Lab/deliberation-empirica/pull/500

[JamesPHoughton]

Need to check that this also works for audio

[JamesPHoughton]

Bringing alan's code into main manually, as it's been so long.

Daily callFrame.join method takes properties but the relevant properties (videoSource and audioSource) arent supported in the daily prebuilt:

As a result, alan 'resets' the video and audio sources after join to be the same as the ones selected in the initial view:

  callFrame.on("joined-meeting", (event) => {
      ...
      // Temporary Fix: Manually set devices to saved config on join
      setTimeout(() => {
        console.log("attempt switching device setting")
        callFrame.setInputDevicesAsync({
          videoDeviceId: player.get("camera"),
          audioDeviceId: player.get("mic"),
        })}
      , 5000);