Image caption support in IIS live streaming

Aug 3, 2011 at 12:38 PM

Hi all,

I am very much new in silverlight. I have to create a video player(IIS Live streaming) where image caption will show. I add smf player and i can see the text streaming. But I can not add image caption. Below is the code snippet

<smf:SMFPlayer CaptionsVisibility="Visible" CaptionReached="player_CaptionReached" PlayerGraphVisibility="Visible" PlaylistVisibility="Disabled" x:Name="player" LoggingConsoleVisibility="Hidden" Style="{StaticResource SMFPlayerStyle1}" FontFamily="Verdana" LogLevel="Debug" TextInputUpdate="player_TextInputUpdate" CaptionLeft="player_CaptionLeft" CaptionStreamChanged="player_CaptionStreamChanged" DataReceived="player_DataReceived">
            <smf:SMFPlayer.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="Black" Offset="0"/>
                    <GradientStop Color="White" Offset="1"/>
                </LinearGradientBrush>
            </smf:SMFPlayer.Background>
           
            <smf:SMFPlayer.Playlist>
                <smf_media:PlaylistItem  DeliveryMethod="AdaptiveStreaming"   MediaSource="http://ecn.channel9.msdn.com/o9/content/smf/smoothcontent/elephantsdream/Elephants_Dream_1024-h264-st-aac.ism/manifest">
                   
                    <smf_media:PlaylistItem.MarkerResources>
                        <smf_media:MarkerResource  Source="SampleCaptionFile.xml" />
                    </smf_media:PlaylistItem.MarkerResources>
                </smf_media:PlaylistItem>
            </smf:SMFPlayer.Playlist>
           
        </smf:SMFPlayer>

<?xml version="1.0" encoding="utf-8" ?>
<tt xml:lang="en-US"
    xmlns="http://www.w3.org/2006/10/ttaf1"
    xmlns:stl="http://www.w3.org/2006/10/ttaf1#styling"
    xmlns:ttm="http://www.w3.org/2006/10/ttaf1#metadata"
    xmlns:tts="http://www.w3.org/ns/ttml#style"
    xmlns:smpte="http://www.smpte-ra.org/schemas/2052-1/2010/smpte-tt">
  <head>
    <metadata>
      <ttm:title xmlns:ttm="http://www.w3.org/2006/10/ttaf1#metadata" />
      <ttm:desc xmlns:ttm="http://www.w3.org/2006/10/ttaf1#metadata" />
      <ttm:copyright xmlns:ttm="http://www.w3.org/2006/10/ttaf1#metadata" />
      <smpte:image xml:id="SMPTE_logo16" imagetype ="PNG" encoding="Base64">
        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
        MABfygf6VwIk7QAAAABJRU5ErkJggg==
      </smpte:image>
    </metadata>
    <styling>
      <style xml:id="backgroundStyle"
             stl:fontFamily="proportionalSansSerif"
             stl:fontSize="16px"
             stl:textAlign="center"
             stl:origin="10% 80%"
             stl:extent="80% 10%"
             stl:backgroundColor="rgba(0,0,0,100)"
             stl:displayAlign="center" />
      <style  xml:id="speakerStyle"
              style="backgroundStyle"
              stl:color="white"
              stl:backgroundColor="transparent" />
    </styling>
    <layout>
      <region xml:id="background" style="backgroundStyle" stl:zIndex="0" />
      <region xml:id="speaker" style="speakerStyle" stl:zIndex="1" />
      <region tts:extent="100px 71px" tts:origin="90% 5%" xml:id="logoArea"></region>
    </layout>
 
    
    
  </head>
  <body>
    <div>
      <p region="speaker" begin="00:00:00:00" end="00:00:04:00">Horses. </p>
      <p region="speaker" begin="00:00:01:00" end="00:00:07:00">Birds. </p>
      <p region="speaker" begin="00:00:07:00" end="00:00:11:00">Sea lions. </p>
      <p region="speaker" begin="00:00:11:00" end="00:00:16:00">More birds.</p>
      <p region="speaker" begin="00:00:16:00" end="00:00:21:00">Beavers. </p>
      <p region="speaker" begin="00:00:21:00" end="00:00:25:00">Koala! </p>
      <p region="speaker" begin="00:00:25:00" end="00:00:30:00">Enough with the birds. </p>
      <div smpte:backgroundImage="#SMPTE_logo16">
        <p >SMPTE Logo</p>
      </div>
    </div>
  </body>
</tt>

 

 

Aug 22, 2011 at 7:39 AM

AFAIK there isn't any support in the current TimedText plugin for smtpe-tt images and backgrounds. I'm investigating the possibility of adding support for this and If there are someone interested in collaborating let me know.

Feb 29, 2012 at 10:49 PM

Hello,

I'm interesting on displaying images/logo in dfxp subtitles. I tried to add similar code as gaurabsaha, but it doesn't seem to work.

Is there another solution for displaying images/logo in dfxp subtitles ?

Or is the smpte-tt support (http://www.smpte.org/sites/default/files/st2052-1-2010.pdf) planned in the standart player ?

Thanks in advance,

Sym39

http://www.google.fr/url?sa=t&rct=j&q=smpte-tt&source=web&cd=1&ved=0CCMQFjAA&url=http%3A%2F%2Fwww.smpte.org%2Fsites%2Fdefault%2Ffiles%2Fst2052-1-2010.pdf&ei=QqJOT8LRKZC3hAfYv6EE&usg=AFQjCNEn4P9NnbsTlOv7SY-hT2pkel4c_w&cad=rja