How Are SMPTE Wipe Codes Used in SMIL Transitions?

SMPTE wipe codes are standardized numerical values developed by the Society of Motion Picture and Television Engineers to define visual wipe transition patterns across multimedia systems. In the Synchronized Multimedia Integration Language (SMIL), these standardized codes map directly to XML transition elements, allowing developers and multimedia authors to orchestrate precise, time-synchronized visual scene changes—such as bar wipes, iris transitions, clock wipes, and matrix patterns—across diverse rendering engines without proprietary coding.

The Foundation of SMPTE Wipe Codes

The SMPTE 258M standard classifies transition patterns into numbered groupings based on their geometric movement and wipe boundaries. Standard broadcast equipment and digital video software use these codes to maintain visual consistency across platforms.

The patterns fall into several core visual families:

Edge Wipes (SMPTE Codes 1–26): Directional linear transitions such as horizontal, vertical, and diagonal wipes across the viewport.
Shape Wipes (SMPTE Codes 101–134): Expanding and contracting geometric patterns including rectangles, diamonds, circles (iris wipes), and triangles.
Clock Wipes (SMPTE Codes 201–264): Radial sweeps pivoting around a central or off-center axis.
Matrix and Specialty Wipes (SMPTE Codes 301–354+): Complex multi-segment reveals such as checkerboards, blinds, and box-in/box-out effects.

Implementing SMPTE Wipes in SMIL

SMIL incorporates wipe patterns natively within its transition modeling module. Transitions in SMIL are defined inside a <head> declaration using the <transition> tag and applied to target media elements in the <body> using transition attributes.

SMIL bridges standard SMPTE codes with XML attributes through two primary transition identifiers: type and subtype. While authors can use descriptive names, SMIL allows direct reference to the SMPTE wipe numbers.

<smil xmlns="http://www.w3.org/ns/SMIL" version="3.0">
  <head>
    <layout>
      <root-layout width="1920" height="1080" backgroundColor="black" />
      <region id="main_screen" width="100%" height="100%" />
    </layout>
    
    <!-- Defining a 2-second Iris Wipe based on SMPTE Code 102 -->
    <transition id="irisTransition" 
                type="irisWipe" 
                subtype="circle" 
                smpte="102" 
                dur="2s" />
                
    <!-- Defining a 1-second Clock Wipe based on SMPTE Code 201 -->
    <transition id="clockSweep" 
                type="clockWipe" 
                subtype="clockwiseTwelve" 
                smpte="201" 
                dur="1s" />
  </head>
  <body>
    <seq>
      <!-- First slide -->
      <img src="intro.jpg" dur="5s" region="main_screen" />
      
      <!-- Second slide entering via the Iris Wipe transition -->
      <img src="showcase.jpg" 
           dur="5s" 
           region="main_screen" 
           transIn="irisTransition" />
           
      <!-- Third slide entering via the Clock Sweep transition -->
      <img src="conclusion.jpg" 
           dur="5s" 
           region="main_screen" 
           transIn="clockSweep" />
    </seq>
  </body>
</smil>

Key SMIL Transition Attributes

Controlling SMPTE wipes within SMIL involves several specialized timing and directional attributes:

type and subtype: Specifies the visual family and specific motion direction defined by the matching SMPTE pattern.
dur: Sets the total playback duration of the wipe animation.
startProgress and endProgress: Restricts the transition to a specific progression interval (from 0.0 to 1.0) rather than completing a 100% reveal.
direction: Inverts the progression, toggling between forward and reverse.
borderColor and borderWidth: Places a solid border along the leading edge of the wipe boundary for enhanced visibility.
transIn / transOut: Associates the defined transition element with the entry or exit timing of target media clips.

By binding SMPTE standards directly into declarative SMIL markup, multimedia developers ensure clean, predictable, hardware-accelerated transitions that remain uniform across compliant digital signage, streaming players, and broadcast systems.