Skip to main content
Skip table of contents

How to do image/text burn-in with Vidispine [VC UG]

Here we will show you how to burn-in images or text in your video file. (For instance your company logo). You can overlay images on the output at specific positions and intervals by using the overlay-element. Note that the image is overlaid as is and will not be scaled in any way, meaning that you may want to overlay different images depending on the output resolution. Only PNG overlays are supported.

Burn-in is done using overlay elements in your TranscodePresetDocument.

How to insert a logo/picture overlay;

CODE
<TranscodePresetDocument xmlns="http://xml.vidispine.com/schema/vidispine">
  ...
  <overlay>
    <uri>http://example.com/logo.png</uri>
    <x>10</x>
    <y>30</y>
  </overlay>
</TranscodePresetDocument>


How to insert a text overlay;

CODE
<TranscodePresetDocument xmlns="http://xml.vidispine.com/schema/vidispine">
  ...
  <textOverlay>
    <text xRel="0.1" yRel="0.9" horizontalBase="left" align="left" verticalBase="bottom" sizeRel="0.05">
      <line>Happy</line>
      <line>birthday!</line>
     </text>
   </textOverlay>
   <textOverlay>
     <text xRel="0.9" yRel="0.9" horizontalBase="right" align="right"
           verticalBase="bottom" sizeRel="0.02" r="0" g="0" b="0" language="ar">
        <line>&#1571;&#1580;&#1605;&#1604; &#1575;&#1604;&#1571;&#1605;&#1606;&#1610;&#1575;&#1578;&#1616; &#1576;&#1575;&#1604;&#1605;&#1586;&#1610;&#1583; &#1605;&#1606; &#1575;&#1604;&#1587;&#1593;&#1575;&#1583;&#1577; &#1608;&#1575;&#1604;&#1607;&#1606;&#1575;&#1569;!</line>
     </text>
  </textOverlay>
</TranscodePresetDocument>

More on burn-in overlays;

http://apidoc.vidispine.com/latest/item/shape-tag.html?highlight=overlay

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.