Solved: WebVisu video

joelfernandez · ‎01-26-2024

Hello,

I'm trying to use a video through the WebBrowser in Webvisu but it doesn't work. The configure of WebBrowser is this:

When I run the PLC, the result is this:

Also I try different extensions of videos like .mov, .avi, .webm, .html... but it doesn't work.

Thanks!!

Sgilk · ‎01-26-2024

You'll need to display the video in an html video element within the WebBrowser control. So rather than specifying the URL of the mp4 in the WebBrowser control, you'll give the URL of an html file that contains a video element targeting your mp4.

For example,

WebBrowser Control URL: : 'http://localhost:18080/VideoTest/playVideo.html'

playVideo.html contents:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
    <title>VideoPlayer</title>
  </head>
  <body>
    <video loop controls autoplay name="media" id="vid">
      <source src="Test.mp4" type="video/mp4" />
    </video>
  </body>
</html>

Inside of the PLC project, Visu folder, there is a directory named VideoTest with files playVideo.html and Test.mp4.

The integrated visualization display in the PLC engineering tool won't play the video. You can test in a web browser.