Forum Discussion

Ari_Avivi's avatar
Ari_Avivi
Community Member
3 days ago

Weird line on video

Any idea where the black line on the right side of my video avatar is coming from

 

 

5 Replies

  • I know what you mean. The video border artifact comes and goes  as the browser window resizes, or as the video element is set to different sizes. Try the following. I've used it successfully to eliminate the aforementioned artifact. It seemed to work on yours as well.

    const videos = document.querySelectorAll("video")
    videos.forEach((vid)=> {vid.style.filter = "grayscale(0)"})

    The idea is that by applying this CSS filter (which does nothing) to the video, the rendering is shifted to the GPU rather than the CPU. This alleviates whatever the issue is causing the artifact.

    How exactly you apply this fix is up to you. I use this version as an On Timeline Start trigger on the Master Slide. It applies the adjustment to every visible video. If the video is not available when the script runs, it will not apply.

    You may have to set up a trigger to apply it later if the video does not come into the timeline immediately. You can also apply it directly to a single video if desired, using a combination of the object() function and a query statement that identifies the video element you want.

    This is related to the following post discussing an old video rending bug.

    https://codepen.io/el-muerto/full/WNVzVwO

  • Nedim's avatar
    Nedim
    Community Member

    For what it's worth, I don’t see any black lines either during preview or after publishing. If you're referring to a small black patch in the avatar's hair, it's likely that part of the avatar was unintentionally cut out during video production, possibly due to masking or keying, and ended up being rendered as transparent.

    Since MP4 videos don’t support actual transparency, any transparent areas will appear black when imported into an authoring tool like Storyline. So what you're seeing is probably a byproduct of that — not an issue introduced by Storyline itself.

    Can you point to the black line on your side? This is how I see it: