Transitions

From Xibo

We see the need for three different types of transitions:

• Layout Transitions - the transition between layouts
• Media Transisitons - the transition between two media items
• Region Exit Transitions - the transition as a region is cleared from the screen before the layout transition

Contents 1 Layout Transitions 2 Media Transitions 2.1 XLF 3 Region Exit Transitions

Layout Transitions

Media Transitions

XLF

<layout width="800" height="450" bgcolor="#000000" schemaVersion="2">
    <tags><tag/></tags>
    <region id="4acde0a90409b" width="798" height="448" top="0" left="0">
        <media id="202" type="video" duration="9" lkid="286" schemaVersion="2">
            <options>
                <uri>202.mpeg</uri>
                <transIn>fadeIn</transIn>
                <transInDuration>3000</transInDuration>
                <transOut>crossFade</transOut>
                <transOutDuration>3000</transOutDuration>
            </options>
            <raw/>
        </media>
        <media id="144" type="video" duration="81" lkid="287" schemaVersion="2">
            <options>
                <uri>144.mpeg</uri>
                <transIn>crossFade</transIn>
                <transInDuration>3000</transInDuration>
                <transOut>fadeOut</transOut>
                <transOutDuration>1000</transOutDuration>
            </options>
            <raw/>
        </media>
    </region>
</layout>

Here's a layout with two videos. The first video will begin playing, fade in over 3000 milliseconds, and then crossfade in to the second video over 3000 milliseconds. The final video will fade out over 1000 milliseconds.

<layout width="800" height="450" bgcolor="#000000" schemaVersion="2">
    <tags><tag/></tags>
    <region id="4acde0a90409b" width="798" height="448" top="0" left="0">
        <media id="202" type="video" duration="9" lkid="286" schemaVersion="2">
            <options>
                <uri>202.mpeg</uri>
                <transIn>fly</transIn>
                <transInDirection>S</transInDirection>
                <transInDuration>3000</transInDuration>
                <transOut>crossFade</transOut>
                <transOutDuration>3000</transOutDuration>
            </options>
            <raw/>
        </media>
        <media id="144" type="video" duration="81" lkid="287" schemaVersion="2">
            <options>
                <uri>144.mpeg</uri>
                <transIn>crossFade</transIn>
                <transInDuration>3000</transInDuration>
                <transOut>fly</transOut>
                <transOutDirection>S</transOutDirection>
                <transOutDuration>1000</transOutDuration>
            </options>
            <raw/>
        </media>
    </region>
</layout>

Here the first video will begin playing and then pop drop in from the top of the screen over 3000 milliseconds. It will then crossfade with the second video as before and then drop down off the bottom of the screen over 1000 milliseconds as it completes.

Region Exit Transitions