I need to incorporate the live video feed from a camera into our app (which runs on Desktop but also tablets), which is basically a navigation tool with a map view, and some controls on the right side.

The live video is coming from a camera attached to an autonomous device (small boat) which is controlled and monitored via the application and is located somewhere on the map.

There is a dedicated space allocated for the video feed, but regardless what I try to do, it still looks ugly:

  • If I put the video feed on the left, there is a huge black space after that,
  • if I put it on the right, the black space is before and
  • if I put it in the middle there is black space before and after. If I put the video feed in a separate window it covers the map :(

So, now I'm really clueless what to do :) ...

The question is: what is the community's recommendation for situations like this?


enter image description here

  • The question is: what is the live video for?
    – user68158
    Commented Oct 26, 2018 at 7:55
  • @Levano edited, see inside Commented Oct 26, 2018 at 8:04

1 Answer 1


Provided the user is able to zoom in / out, and move this map to be able to see what they want, I would suggest that you put the video feed on top of the map in the top corner.

If you look at google maps you will see that they also overlay controls on their maps to avoid blank spaces (e.g.the satellite image in the bottom left).

google maps image

  • ^^^^ here is your answer
    – colmcq
    Commented Oct 26, 2018 at 8:41

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.