Cloud vs Local Dashboard and ip camera image tile

🧰 Built-In Apps and Drivers Dashboard
1

Hi,

In my dashboard, I created an image tile of my ip camera's stream. The camera is only available on my local network, and the url uses that local ip address. When I'm in the local dashboard the stream does not display. It only shows the broken image link icon. When I switch to the cloud dashboard, the image stream does display.

Shouldn't this be the opposite?

Thank you!

2

My original problem was happening with my D-Link DCS-2132LB. I tested my foscam jpeg url, and that seems to work in both local and cloud (while still being on my local network) modes. So I think it might be caused by how the dashboard is handling the d-link image url.

3

It's probably a mixed security issue. Is the camera url http: or https? If so, you need to match the same type for local. Cloud is always https.

Most browsers now block mixed types.

1 Like
4

The camera URL is http, so it should work in local and not in cloud, but that seems to be the opposite.

One other thing I noticed is that with the D-Link camera, sometimes, even though the id and password are passed along in the url address (maybe it isn't), I will still get prompted for my id and password in a pop up window.

On other other thing I noticed. When I'm in local mode, right click the tile with the broken jpeg stream, and open image in a new tab, the jpeg does display.

5

Check your f12 developer tools console. The errors and warnings will tell you what's going on.

6

These are the errors I'm getting. I have no idea what any of this means though!

app.js?t=1564176497041:1 Uncaught TypeError: Cannot read property 'indexOf' of null
at m.SOCKET_ONMESSAGE (app.js?t=1564176497041:1)
at chunk-vendors.js?t=1564176497041:13
at chunk-vendors.js?t=1564176497041:13
at Array.forEach (<anonymous>)
at chunk-vendors.js?t=1564176497041:13
at m._withCommit (chunk-vendors.js?t=1564176497041:13)
at m.commit (chunk-vendors.js?t=1564176497041:13)
at m.commit (chunk-vendors.js?t=1564176497041:13)
at t.value (chunk-vendors.js?t=1564176497041:18)
at t.value (chunk-vendors.js?t=1564176497041:18)
7

Without any context of what you were doing when that error occurred, its impossible to tell.

There should be other warnings or errors for the camera URL. This error is not related to that, but something else, typically it looks like something odd was sent in your event websocket.

What hub platform version are you running and is this a cloud or local dashboard that threw this error?

8

I found the warning.

[Deprecation] Subresource requests whose URLs contain embedded credentials (e.g. https://user:pass@host/) are blocked. See Drop support for embedded credentials in subresource requests. - Chrome Platform Status for more details.

I am on platform: 2.1.3.119

In chrome I get the broken link problem in cloud and local. In Safari and the iOS app I get the broken link in just Local.