hcrlab / stretch_web_interface

Prototype web interface that enables remote teleoperation of the Stretch RE1 mobile manipulator from Hello Robot Inc.
Other
7 stars 3 forks source link

Responsive interface sizing #17

Closed mayacakmak closed 3 years ago

mayacakmak commented 3 years ago

Henry brought up that he would like to have the camera stream be as large as possible and adaptive to the screen size. Not sure if this is straight forward or is there is something absolute (like those overlays) that needs to be adaptable (i.e. turn fized numbers into equations for computing overlay parameters).

mayacakmak commented 3 years ago

I also addressed this issue while working on the new layout (issue #10). This was quite tricky with the viewbox sizing of the overlays being skewed somehow to fit the size of the video, which appeared to be set to width 300px and hight adjusted based on aspect ratio of whatever height/weight I would set, very strange. I could just not figure out where that 300 came from--well, it turns out a video object is by default 300x150, which was setting the width on the first pass and adjusting the height later.. Now it adjusts the height to use as much of the screen as possible to have larger video rendering, so Henry doesn't need to Zoom onto the interface anymore to see the video image.

mayacakmak commented 3 years ago

This works quite well (tested on different size screens) and Henry was right that it is quite useful to maximize the camera image.