Investigate switching to novnc JS library for browser profiles

[SuaYoo]

Currently, we are just using the vnc_lite.html as an iframe: https://github.com/webrecorder/browsertrix-crawler/blob/main/html/vnc_lite.html so can only set the variables that it loads there, via readQueryVariable These are set on the backend in: https://github.com/webrecorder/browsertrix-cloud/blob/main/backend/btrixcloud/profiles.py#L162 But perhaps time has come to use our own wrapper instead of that iframe, to make things more customizable?

Originally posted by @ikreymer in https://github.com/webrecorder/browsertrix-cloud/issues/530#issuecomment-1409700475

Criteria

• Performance
• Ease of migration
• Backend changes needed
• Impact on browser profile creation/editing
• Server events to hook into

Methods

• Use npm package to replace <iframe> with RFB() API
• If backend changes aren't easy to make in time, try using sample/demo
• Try out scaling and resizing
• Timebox to half day

Outcome

This investigation will determine whether we can migrate to a completely client JS-based browser profile editor with minimal work (within a sprint) and whether this will allow us to access to more features like resizing.

[SuaYoo]

@ikreymer do we want to proceed with this issue, or unschedule it for now?