Ring camera in web browser control

Try using the viewport tag & see if that helps. Do something like I did here for the weather widget example.

Same thing. It has to be as big as in HRP to remove the scroll bars. Smaller than the original size it also adds scroll bars in Edge.

OK thank’s, I’ll look at that tonight.

Hi Jean.

Did you add the IP Camera under devices?
My stream look like this
image
videostream.cgi

I guess you fint the Ring stream on the internet.

I decided to give it a try. I don’t know HTML too much so for sure my changes are not good. I changed your body with just my URL and I get the title in a grey box. When clicking on the title I get my camera with scroll bars.

Hi Martin,

don’t know what is that stream you mention. I’m using Hubitat as my hub and it gives me the specific URL for every camera. I see the picture, just not the size I want.

Do you know what the URL returns? Does it return HTML, JPEG image, or stream?

One of those other controls will work better if it’s an actual image or stream but I suspect it’s returning HTML. That’s why I recommended the WebBrowser.

It seems to be a JPEG.

But I get nothing using Web Image.

What happens when you try to add that URL as an IP Camera?

The Home Remote Designer will validate the URL & errors if it isn’t of a compatible format.

Was added without error

image

Using the IP camera in an image browser displays nothing. When using it in a Web Browser I get the same scrolling bars. When I right click on the picture in a browser it suggests “save picture as…”

Try without the Designer. Use the default apps. Add that URL as an IP Camera in the apps. Here’s a file that will reset the apps back to default settings so you can add the URL.

SettingsReset.hrp (1.3 KB)

This is what it gives, and then ? I’ll go back to designer ?

It didn’t show any error messages when you added the URL?

If it didn’t give you a popup with an error message that means it should have been validated. Not sure why it’s not working.

No error at all. Ok too bad, i’ll design one big screen with buttons to change the camera.

Thank’s for your time.

Do you have a remotely accessible URL so I can test this? I’d like to get it working with the MediaElement control. It appears that it should be a compatible URL if it didn’t show an error…

No, I read that this URL works only on my local network. We cannot access it from the internet.

Don’t remember if I told you, but when using a media element I have a black box with a message at the bottom: Cannot find the media file

You can’t use the MediaElement directly for JPEG snapshots. It has to be through the IPCamera.Stream property.

I tried that too but no picture at all.