sauermar / web-browser-recorder Goto Github PK

Screencasting of a remote browser is currently strongly tied with the usage of CDP protocol. For enabling recording in firefox or webkit the logic need to be updated for their protocols or the screencasting needs to happen manually.

In WebKit we rely on "Web Inspector Remote Debugging Protocol"
In Firefox we rely on "Juggler" protocol

RemoteBrowserOptions are ready for this change with browserType field.

Functionality accepting user's input on the rendered remote browser session is sufficient but requires a few upgrades listed below.

Optimization and saving of network resources:

• Optimize sending screenshots
  • figure out how to send less images without sacrificing UX
  • compress the image data sent from server and decompress on client
• Mousemove optimization
  • track if the coordinates changes - timeout (try 1s) if not don't send them
• Wheel optimization
  • gather scrolling coordinates on client and send them only after small intervals (100ms) - need for computing the current position as scroll up returns negative deltas and down positive ones

New features:

• keyboard
  • Add support for copy and paste
  • Try and add other shortcuts e.g. Page down, page up
• NavBar
  • Manage visited urls and display them in help window
  • Manage go back and forward in navbar by playwright
  • navigation history
  • Display url to navbar after click on a link
  • Manage history correctly - when index is lower and you add a new url it should go to the url
  • When going to not working url backend crashes because of page.goto function - server should not crash

Implement tab manager for RecordPage view.
Use reactjs/react-tabs for the tab management list.