CODESYS Forge - CODESYS Forge / Talk / Visualization 🇬🇧: camera feed in webVisu

Welcome to our new forum
All users of the legacy CODESYS Forums, please create a new account at account.codesys.com. But make sure to use the same E-Mail address as in the old Forum. Then your posts will be matched. Close

camera feed in webVisu

Forum: Visualization 🇬🇧

Creator: jeffersonhui

Created: 2020-05-15

Updated: 2020-05-20

jeffersonhui - 2020-05-15

Hi,

Is it possible to view a camera feed in webVisu? I have my camera connected to a CrossControl display, and I am using functions from CrossControl's library to display the camera feed in the display. To do this, in my Codesys application, when I switch to the camera, I have to switch to a visualization with nothing in it, then show the camera feed there. However, when I tried that with webVisu, it only shows that blank screen, not the video feed overlapped on top.

Thanks,
Jefferson

cameraViz.png

code.png

If you would like to refer to this comment somewhere else in this project, copy and paste the following link:

i-campbell - 2020-05-15

There might be a CrossControl specific solution to get the directly connected camera working, but I just use an IP Camera with http(s) access, and the WebBrowser component.

help.codesys.com > Web Browser Tutorial

If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
- jeffersonhui - 2020-05-17
  
  Hi, i-campbell,
  
  I just tried the webBrowser with an internet website (google.com) first just to test out the webBrowser element, but it seems like my PLC just shows a blank screen when I switch to the webBrowser element. I attached some images. As you can see, in the Codesys IDE, my webBrowser is in the "cameraViz", and is supposed to go to the URL www.google.com. However, when I download and log in to the PLC display, the Codesys IDE logged in displays the website okay, but the PLC just shows a white screen. Do you know what causes this? Why is my PLC not displaying the browser URL correctly?
  
  Also, I am not sure why my attachment "actual_display.jpg" is upside down. Sorry about that.
  
  Last edit: jeffersonhui 2020-05-17
  
  actual_display.jpg
  
  webBrowser.png
  
  If you would like to refer to this comment somewhere else in this project, copy and paste the following link:

eschwellinger - 2020-05-16

Are you calling this webvisu via CODESYS Automation Server?

If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
- jeffersonhui - 2020-05-16
  
  I'm actually calling webvisu by having my computer on the same network as the PLC display. The display is connected to my computer via an ethernet cable.
  
  If you would like to refer to this comment somewhere else in this project, copy and paste the following link:

eschwellinger - 2020-05-17

this is only possible if the cam delivers a stream via a webserver ( not the CODESYS embeeded Webvisu webserver).
Think this need to be added by the manufacturer of the device.

If you would like to refer to this comment somewhere else in this project, copy and paste the following link:

dkugler - 2020-05-18

try another page than google.com for testing the webBrowser Element. I run into the same issue and figured out, that it looks like google doesn't allow opening the webpage in a frame :-)

If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
- m.prestel - 2020-05-18
  
  Google prevents people from including them in an iframe (see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options)
  
  If you would like to refer to this comment somewhere else in this project, copy and paste the following link:

jeffersonhui - 2020-05-19

Hi, do you have a website for me to try? I tried a few different websites and got the same issue.

If you would like to refer to this comment somewhere else in this project, copy and paste the following link:

jeffersonhui - 2020-05-19

I tried microsoft.com, youtube.com, wikipedia.org, and codesys.com, but they all had the same issue.

If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
- m.prestel - 2020-05-19
  
  Have you tried https://www.codesys.com/ ?
  Could yo provide the full strings used?
  
  Best regards,
  Marcel
  
  If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
  - jeffersonhui - 2020-05-19
    
    Hi, Marcel,
    
    I just tried that, but unfortunately got the same issue. See screenshots.
    
    Thanks,
    Jefferson
    
    display.png
    
    website.png
    
    If you would like to refer to this comment somewhere else in this project, copy and paste the following link:

m.prestel - 2020-05-20

What hardware and version are you using?

Best regards,
Marcel

If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
- jeffersonhui - 2020-05-20
  
  Hi, Marcel,
  
  I am using the CrossControl VC display:
  https://crosscontrol.com/en-us/products/display-computers/ccpilot-vc
  
  As for runtime, I am running their iMX5 3.5.9.30-109 runtime:
  https://support.crosscontrol.com/downloads/codesys
  
  Is this a better question to ask CrossControl instead?
  
  Thanks,
  Jefferson
  
  If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
  - m.prestel - 2020-05-20
    
    Hello @Jefferson,
    
    I would recommend you ask them.
    
    It could be that there some libs not available on this hardware used to display a browser.
    
    Sorry for the long hunt :(
    
    Best regards,
    Marcel
    
    If you would like to refer to this comment somewhere else in this project, copy and paste the following link:

Log in to post a comment.