Interactive Overlays

Add interactive elements to your videos and expand the possibilities with clickable overlays. Also, update your previous overlays with new information to keep sync between your video and overlay content.

Don't be shy and press the 'Show stats' button ;) 

            
            
<?xml version="1.0" encoding="UTF-8"?>
<MPD xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns="urn:mpeg:dash:schema:mpd:2011"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xsi:schemaLocation="urn:mpeg:DASH:schema:MPD:2011 http://standards.iso.org/ittf/PubliclyAvailableStandards/MPEG-DASH_schema_files/DASH-MPD.xsd"
    profiles="urn:mpeg:dash:profile:isoff-live:2011"
    type="static"
    mediaPresentationDuration="PT9M56.458S"
    minBufferTime="PT1.5S">
<ProgramInformation>
    <Title>sample.mp4</Title>
</ProgramInformation>
<Period id="0" start="PT0.0S">
    <AdaptationSet id="0" mimeType="video/mp4" width="424" height="240" par="16:9" frameRate="24" segmentAlignment="true" startWithSAP="1" subsegmentAlignment="true" subsegmentStartsWithSAP="1">
        <SegmentTemplate timescale="90000" media="chunk_ctvideo_cfm4s_rid$RepresentationID$_cs$Time$_w1759006020_mpd.m4s" initialization="chunk_ctvideo_cfm4s_rid$RepresentationID$_cinit_w1759006020_mpd.m4s">
            <SegmentTimeline>
                <S t="0" d="1012500"/>
                <S d="1012500"/>
                <S d="1012500"/>
                <S d="476190"/>
            </SegmentTimeline>
        </SegmentTemplate>
        <Representation id="p0a0r0" codecs="avc1.42c01e" sar="1:1" bandwidth="420000" />
    </AdaptationSet>
    <AdaptationSet id="1" mimeType="audio/mp4" lang="eng" segmentAlignment="true" startWithSAP="1" subsegmentAlignment="true" subsegmentStartsWithSAP="1">
        <Role schemeIdUri="urn:mpeg:dash:role:2011" value="main"/>
        <SegmentTemplate timescale="48000" media="chunk_ctaudio_cfm4s_rid$RepresentationID$_cs$Time$_w1759006020_mpd.m4s" initialization="chunk_ctaudio_cfm4s_rid$RepresentationID$_cinit_w1759006020_mpd.m4s">
            <SegmentTimeline>
                <S t="0" d="540000"/>
                <S d="639984"/>
            </SegmentTimeline>
        </SegmentTemplate>
        <Representation id="p0a1r0" codecs="mp4a.40.2" audioSamplingRate="48000" bandwidth="99000">
        <AudioChannelConfiguration schemeIdUri="urn:mpeg:dash:23003:3:audio_channel_configuration:2011" value="2"/>
        </Representation>
    </AdaptationSet>

    <!-- Interactive Overlay with information updates -->
    <EventStream schemeIdUri="urn:mpeg:dash:event:2012" timescale="1">
        <Event presentationTime="0" id="7">
            <OverlayEvent uri="http://interactivetvapps.com/soccer_score.html"
                          mimeType="text/html"
                          earlestResolutionTime="0.0"
                          mode="start" />
        </Event>
        <Event presentationTime="5" id="8">
            <OverlayEvent uri="http://interactivetvapps.com/soccer_score.html"
                          mimeType="text/html"
                          earlestResolutionTime="0.0"
                          refID="7"
                          mode="extend" 
                          messageData="score:uruguay:3"
                          />
        </Event>
    </EventStream>        
</Period>
</MPD>

other demos