cancel
Showing results for 
Search instead for 
Did you mean: 
SOLVED

WebVisu video

WebVisu video

joelfernandez
New Poster

Hello,

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

joelfernandez_1-1706268534240.png

When I run the PLC, the result is this:

joelfernandez_2-1706268584850.png

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

Thanks!!

 

 

 

1 REPLY 1

Sgilk
Contributor

Hi @joelfernandez ,

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.

Icon--AD-black-48x48Icon--address-consumer-data-black-48x48Icon--appointment-black-48x48Icon--back-left-black-48x48Icon--calendar-black-48x48Icon--center-alignedIcon--Checkbox-checkIcon--clock-black-48x48Icon--close-black-48x48Icon--compare-black-48x48Icon--confirmation-black-48x48Icon--dealer-details-black-48x48Icon--delete-black-48x48Icon--delivery-black-48x48Icon--down-black-48x48Icon--download-black-48x48Ic-OverlayAlertIcon--externallink-black-48x48Icon-Filledforward-right_adjustedIcon--grid-view-black-48x48IC_gd_Check-Circle170821_Icons_Community170823_Bosch_Icons170823_Bosch_Icons170821_Icons_CommunityIC-logout170821_Icons_Community170825_Bosch_Icons170821_Icons_CommunityIC-shopping-cart2170821_Icons_CommunityIC-upIC_UserIcon--imageIcon--info-i-black-48x48Icon--left-alignedIcon--Less-minimize-black-48x48Icon-FilledIcon--List-Check-grennIcon--List-Check-blackIcon--List-Cross-blackIcon--list-view-mobile-black-48x48Icon--list-view-black-48x48Icon--More-Maximize-black-48x48Icon--my-product-black-48x48Icon--newsletter-black-48x48Icon--payment-black-48x48Icon--print-black-48x48Icon--promotion-black-48x48Icon--registration-black-48x48Icon--Reset-black-48x48Icon--right-alignedshare-circle1Icon--share-black-48x48Icon--shopping-bag-black-48x48Icon-shopping-cartIcon--start-play-black-48x48Icon--store-locator-black-48x48Ic-OverlayAlertIcon--summary-black-48x48tumblrIcon-FilledvineIc-OverlayAlertwhishlist