Forum Discussion
Weird line on video
Any idea where the black line on the right side of my video avatar is coming from
5 Replies
- Nathan_HilliardCommunity Member
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.
- Nathan_HilliardCommunity Member
A demo slide from another post...
Note: For my setup, this only seems to be an issue on displays with a pixel ratio greater than 1. My displays with lower ratios do not show the artifacts at any scale size.
- NedimCommunity 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: - Ari_AviviCommunity Member
- elizabethPartner
I think this is a bug when you have a white background on your slide (similar to this discusison: black lines on edge of mp4's imported into Storyline | Articulate - Community ). On yours though, I don't see the black line when I publish, only when previewing.
Related Content
- 3 months ago
- 11 months ago
- 10 months ago