Color differences in video files once they are embedded in Storyline

Jun 23, 2022

Hello Articulate Community,

Does anyone have a fix for the color issues that appear when a video file gets inserted into a Storyline slide? When I view the video file on its own in a browser or media player, the color looks significantly different to how it looks when I either preview the video within Storyline or view it in a published Storyline module. I have tried turning the compression off for the video in Storyline and that doesn't seem to make a noticeable difference. Anyone else run into this issue?

1 Reply
Jürgen Schoenemeyer

I have made a small video direct with ffmpeg


ffmpeg -f lavfi -i color=#556b2f:1280x720:d=10,format=yuv420p test-yuv420p-556b2f.mp4

the result of the color rendering is very interesting

source: background-color #556b2f

playback in VLC:  #566a30
playback direct in Chrome: #53662f
playback direct in Firefox:  #566a30 (same as VLC)

Storyline -> video: "compress none"
Storyline Authoring: #54652c (.NET ???)
Storyline Preview (integrated Chrome): #53662f
Storyline Publish to Web (view with Chrome): #53662f
Storyline Publish to Web (view with Firefox): #566a30 (same as VLC)

=> VLC and Firefox are identical, Chrome is complete different


the same for a png (no color profile)
source: background-color #556b2f

view direct in Chrome: #546c32 <- !!!
view direct in Firefox:  #556b2f <- OK

Storyline Authoring: #556b2f (OK)
Storyline Publish to Web (view with Chrome): #546c32 <- !!!
Storyline Publish to Web (view with Firefox): #556b2f (OK)

a storyline example

https://360.articulate.com/review/content/a81a700a-bc42-4b85-8144-ef370b948104/review

storyline screenshot Chrome

 

storyline screenshot Firefox

=> colors in PNG and colors in video are always different

=> there is no fix for storyline

Jürgen