Add Ability to Update Video Resolution through getUserMedia

[chukohsin]

Decription

This update is based on a previous PR

• Update to Use Temasys/AdapterJS for getUserMedia

This adds the ability for user to update video resolution through getUserMedia constraints. Currently we hardcoded five resolution options (1080p, 720p, 480p, 360p, 240p). An error message would be shown if any error occurs. (e.g. overconstrained, not allowed etc.). A success message would be shown when resolution gets updated successfully.

---

Make sure these boxes are checked before your pull request is ready to be reviewed and merged. Thanks!

• tests pass -- see README.md for how to run them
• code is in uniquely-named feature branch, and has been rebased on top of latest master (especially if you've been asked to make additional changes)
• pull request are descriptively named
• if possible, multiple commits squashed if they're smaller changes
• reviewed/confirmed/tested by another contributor or maintainer

Please be sure you've reviewed our contribution guidelines at https://publiclab.org/wiki/contributing-to-public-lab-software

Please alert developers on plots-dev@googlegroups.com when your request is ready or if you need assistance.

Thanks!

[gitpod-io]

[jywarren]

Hello, would you be able to rebase this over the latest main branch following the merge of #172? Thank you!

[jywarren]

This looks really good on close review. Would it be possible to add another option to change the camera to the rear-facing camera for mobile devices? I see some usage in temasys/adapterjs here:

https://github.com/Temasys/AdapterJS/blob/e671a3c1ce9a4865c1f77a7cd869931cb8bf23c5/publish/adapter.debug.js#L4303-L4319

I think that means the face option can be configured to rear and perhaps the first step is to do:

face: {
  ideal: 'rear'
}

so it defaults to rear camera, which is how the spectrometer would attach:

This could easily be its own separate PR, but as this PR touches the same code and needs a rebase, perhaps it's an easy addition? Thank you!!

[jywarren]

This would be the only change on top of the rebase! Thanks!

[jywarren]

Rebased it, let's see!

[jywarren]

This looks good, it didn't use the environment-facing mode in Android Chrome but maybe it'll do so on iOS...