Webm video with alpha embedded in HTML Item crashes viewer

  • 1
  • Problem
  • Updated 1 year ago
  • Not a Problem
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members.

Hello,

I have been working with WebM videos containing an alpha channel in an attempt to overlay the video in the foreground of a presentation.  I am trying to accomplish this by using a foreground placeholder with an HTML Item containing a video element for the WebM video, while letting the other placeholders in the presentation run in the background. (The HTML Item seems to be the only gadget that would work with alpha currently, as the video gadgets display the transparency as a black background) 

Within the Preview, everything looks good and functions like I would expect.  When it comes time to schedule the presentation to run using the player, it always crashes during the "Launching the viewer" phase.  As soon as I remove the video tags in the HTML Item, everything is good again.


The error listed in the installer-detail.log is:

viewer webContents crashed


And the installer-events.log lists:

2016/11/30 12:41:13 - messaging init
2016/11/30 12:41:15 - cache start
2016/11/30 12:41:16 - starting watchdog
2016/11/30 12:41:16 - launching viewer
2016/11/30 12:41:20 - viewer webContents destroyed


I know that video transparency is something that is still being standardized, but I was hoping that this method would work, and per the preview of my presentation, it feels like it may.  That said, does anyone know if there are any known issues with this sort of thing? 


Thanks in advance!
Jamie

Photo of Jamie Simms

Jamie Simms

  • 300 Points 250 badge 2x thumb

Posted 2 years ago

  • 1
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Hi Jamie,

I'm not sure that this would make any difference, but instead of the HTML Item, which is deprecated and unsupported, could you use the HTML Widget? I'll be able to get a lot more feedback from our developers if we're able to reproduce on a supported widget.

Thanks!
Photo of Jamie Simms

Jamie Simms

  • 300 Points 250 badge 2x thumb

Hi Blake,

Thank you for getting back to me on this. 

 
I apologize about the confusion, but I am using the current HTML Widget.  (When added to a placeholder, it is listed as 'HTML Item' and my fingers ran with that name) 

Thank you!
Jamie

Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Jamie,

Is this the presentation named TEST? If so, that's actually the HTML Item you're using. you'll need to click add -> content, and search the store for HTML widget.
Photo of Jamie Simms

Jamie Simms

  • 300 Points 250 badge 2x thumb

Hi Blake,

You are correct.  I went ahead and added the widget as you suggested.  The schedule did start as it should after changing!  Unfortunately, when it came time for the test presentation to display, the viewer crashed, with the viewer "webContents crashed" error in the logs.


Thanks!

Jamie

Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Jamie,

Any chance you could send me the video that you're using so I can host it and try to recreate? support@risevision.com

Thanks!
Photo of Jamie Simms

Jamie Simms

  • 300 Points 250 badge 2x thumb

Hi Blake,

I have sent over an email with the video attached.


Thanks!
Jamie

Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Hey Jamie,

I tested the HTML Widget with your video and was able to replicate, however when I added a different .webm video it was able to play in the player. 

I'm not exactly sure of how you encoded this video, but I think there's something going on with it that the player doesn't like. Just for the sake of testing, could you re-encode in mp4 h.264 codec and see if there is any difference?
Photo of Jamie Simms

Jamie Simms

  • 300 Points 250 badge 2x thumb

Hi Blake,

Just out of curiosity, did the other webm video contain an alpha channel?


Thanks!
Jamie

Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Jamie,

Ah, I knew I was missing something! It did not!

I'm not sure how much can be done about this, but let me run it by a developer and see what he comes back with.
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Jamie,

In addition to the HTML Widget crashing when showing a video with Alpha channel transparency, the Video Widget also has the same error.

I've logged a defect for the development team here. You can follow the defect there for further information!
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Hey Jamie,

Just to follow up here, our developer has looked into your issue. The reason for this issue appears to be the codec that was used for encoding this specific video. The VP9 codec was used which doesn't seem to be supported in the version of Chromium that runs in Rise Player We tried running the video in a simple standalone HTML (without widget or Viewer) in our Electron browser used by Player which runs Chromium. I tried using both JWPlayer and VideoJS. Neither worked. However, other webm files with alpha transparency that were encoded using VP8 codec were able to play fine - ( https://simpl.info/videoalpha/ ).



We've looked but can't find any specific reasons why our version of Chromium (52.0.2743.82) doesn't support VP9. There are discussions of upgrading our version of Chromium to a newer version, we'll make an announcement in the "In case you missed it" post when that happens.



For now, could you try encoding the video using VP8 and see if that resolves your issue?



Thanks,

Blake

Photo of Tom De Vos

Tom De Vos

  • 502 Points 500 badge 2x thumb
Hi Jamie,

I'm also interested to use webm video's with an alpha channel in my presentations.

Any chance you could walk me trough the process of adding them into an html widget ?
I can make webm video's with alpha channels in it an make presentations etc. but I'm not an advanced programmers so I'm missing some links here.

You could really help me out with this !

Thanks for your reply.

Kind regards,


Tom
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Insert placeholder (make it a bit larger then your video)>insert html widget>open it and replace code in there with this:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
<video width="640" height="360" muted autoplay loop >
  <source src="https://storage.googleapis.com/risemedialibrary-77d65575-178b-499c-a476-eb66c5424a89/Acme%20Sign%20C...; type="video/mp4">
</video>
</body>
</html>



adjust video settings to fit your needs. source src="xxx" is where the link to your video goes.

http://preview.risevision.com/?type=presentation&id=051f664c-dfbe-4a55-a76d-8d564ebba5c2

more about html5 videos: https://www.w3schools.com/html/html5_video.asp
(Edited)
Photo of Jamie Simms

Jamie Simms

  • 300 Points 250 badge 2x thumb
Hi Tom, 

Darius' post above will work for embedding videos in general, but since you are using webm in specific, you may want to set the 'type="video/webm"' to properly identify.  Though, I'm not sure if alpha channel is supported on the current version of Chromium on the players as of yet.  I honestly had to move on when I last tried and haven't come back around to it again.   I would suggest giving it a shot to see if it works though!

Please be sure to let us know what your results bring!  I'm very curious.

Thanks!
Jamie