Display Camera Image of Vision System Connected to the Private Network

AppStudio
1

Hello,

I want to Display the Camera Image of the Integrated Vision Camera.
I am using a Cognex Camera connected to the Private Network with IP: 192.168.125.202.

I can look at the current CameraImage and Vision-Results on my PC in the Browser with the following URL: http://192.168.125.202:8087

Is it possible to Setup a UI-Component to display the current Vision Image of the Camera.

2

I have done it with Appstudio and a sickcamera.

3

Yes - In AppStudio you can directly create a WebApp linking to your URL.

image
image1424×460 33.7 KB

4

Thank you.
This Solution works !!!

My mistake was, that I tried to add this view in a “Project with a blank web app” in one Item of my “Hamburge Menu”.

A second webapp just for the camera view is sufficient.

1 Like
5

I’m having the same problem. I tried using the web server application template, but my camera (Cognex) is connected to the I/O network, and when I try to connect, I only see a blank screen.
Does anyone have any suggestions?

Thank you

6

Hello,

I think you can try to debug it step by step.

Create a very simple normal project and add one component that renders an iframe in onMounted. Use that iframe
to load the camera URL directly. Then debug it in the browser. This helps isolate whether the problem is with your app
template, with cross-origin restrictions, or with the camera response itself. The main things to check are:

  • whether the browser is blocking it because of CORS / X-Frame-Options / CSP
  • whether the server is actually returning valid video or image content
  • whether the browser supports the returned format

Also, the protocol matters a lot. Browsers usually work well with http / https when the server returns a browser-supported format such as standard MP4, MJPEG, or sometimes HLS.

If the Cognex device is exposing RTSP, a proprietary stream, or a codec/container the browser does not support, you may only get a blank screen even though the device is reachable. In that case, the stream usually needs to be converted or proxied into a browser-friendly format first.

7

What do you mean with connected to the I/O network? Are you on the management port - internal robot network or WAN port?

1 Like
8

Hi Katja, the camera is connected to the internal network (LAN)

9

Hi yitong,

i have try with a vc and it’s working but i think it’s a little different because i use a browser from my laptop..

Thank you