JSignage:PlaylistTutorial3

Description

Advanced playlist

• The default value for the duration and transition can be overriden for each media.
• Note that the maximumDur attribute still applies and will terminate the video early.

Source code

$.playlist({
  left: '15%',
  top: '15%',
  width: '70%',
  height: '70%',
  defaultDur: 3,
  defaultTransition: $.wipe({ type: 'iris' }),
  maximumDur: 10,
  repeatCount: 'indefinite',
  data: [
                 // dur=3s, override only transition
    {
      href: 'media/SpinetiX.jpg',
      transition: $.crossFade()
    },
                 // override both dur and transition 
    {
      href: 'media/Fusion.jpg',
      dur: 5,
      transition: $.flip({ orientation: 'horizontal' })
    },
                 // dur=media, transition=defaultTransition, no override
    {
      href: 'media/hmp200_sd.mp4'
    }
  ]
}).addTo( 'svg' );