fluidd icon indicating copy to clipboard operation
fluidd copied to clipboard

`width` attribute for the `<iframe>` (Cameras/Stream Type/HTTP page)

Open balthisar opened this issue 3 years ago • 0 comments

Is your feature request related to a problem? Please describe

When adding cameras via the Fluidd UI, we have the option to specify a stream type with the value HTTP page, which will load a website via an iframe instead of a direct camera feed. The requirement to specify the height of the iframe functions, but because no width is specified in the rendered iframe, the iframe is defaulted to 300px, which presents a poor aspect ratio. For example:

<iframe data-v-3b58d080="" src="https://prettygcode.local/" height="480" frameborder="0" class="camera-image"></iframe>

Please see screencap "Additional information" field, below.

Describe the solution you'd like

Either:

  • Apply a fixed, width="100%" to the iframe, e.g.,

    <iframe data-v-3b58d080="" src="https://prettygcode.local/" height="480" width="100%" frameborder="0" class="camera-image"></iframe>

  • Or add the ability to provide a user-specified width to the Add Camera UI.

Describe alternatives you've considered

None.

Additional information

image

balthisar avatar Jul 20 '22 00:07 balthisar