Forum Discussion

DavidCerreta-50's avatar
DavidCerreta-50
Community Member
3 years ago

Color differences in video files once they are embedded in Storyline

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?

  • 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