Forum Discussion

CoryWarshaws117's avatar
CoryWarshaws117
Community Member
2 years ago

Inserting Video with Transparency

Hello all,

Goal: I'm attempting to insert a video with a transparent background into a lesson so that a "speaker" can overlay on top of, or next to assets on the slide. 

Result: The transparent background of my .mov video file is lost and takes on a brown color (see 'published' attachment)

Steps I took:

  • Exported an animation video from Articulate with a green background (see 'video search' attachment)
  • Imported video to Adobe Premiere
  • Use the "Ultra Key" effect to remove the green background. (see 'ultra key' attachment)
  • Exported video in the Quicktime format, using the "Apple ProRes 4444 XQ with Alpha" (see 'adobe export presets' attachment)
  • Inserted the export back into Storyline - but transparency was lost. (see 'published' attachment)

 

Any creative minds out there that have some ideas on how to accomplish this?

 

storyline 360
  • Jürgen_Schoene_'s avatar
    Jürgen_Schoene_
    Community Member
    2 years ago

    storyline uses mp4 (h264) as video format and mp4 don't support transparency at all

     

  • EricSantos's avatar
    EricSantos
    Staff
    2 years ago

    Hi Cory,

    Thanks for reaching out! Jürgen's right, transparent videos are not yet supported in Storyline 360. It's not currently on our feature roadmap, but I'll be sure to update this discussion if our team decides to reroute.

  • TomasBlazauskas's avatar
    TomasBlazauskas
    Community Member
    2 years ago

    It is likely doable.

    1. You need to export to WEBM format and not MOV format because MOV files are mostly unsupported by browsers. 

    2. You'll need to replace the converted video file in the published folder with the originally exported one, by giving the same name (including .mp4 extension).

    I could try to do it, if you like, but later :)

  • Jürgen_Schoene_'s avatar
    Jürgen_Schoene_
    Community Member
    2 years ago

    >1. You need to export to WEBM format and not MOV format because MOV files are mostly >unsupported by browsers.

    • unfortunately Apple iOS does not support support WEBM
    • if you use Safari on macOS you need Safari 16 (available for macOS 12/13/14)
  • TomasBlazauskas's avatar
    TomasBlazauskas
    Community Member
    2 years ago

    Ok then - we can try to replace the converted mp4 file with your mov file, preserving the same name.

  • AshleyHatrick's avatar
    AshleyHatrick
    Community Member
    7 months ago

    Hi there, is this on the roadmap yet? I can see the first request for this was 7 years ago in other posts. I think enough people have asked for this now for it to be implemented? Thanks :) 

    • EricSantos's avatar
      EricSantos
      Staff
      7 months ago

      Hi Ashley,

      Thanks for following up on this feature request. Engineering is currently investigating how to implement support for videos with transparency. We'll update this post with any changes, and you'll be among the first to know. Stay tuned!

  • grainnedowdall's avatar
    grainnedowdall
    Community Member
    16 days ago

    It's disappointing that issue still has not been resolved! is there a way we can help it to be priortised?

Related Content