ウォーターマークとは、関連情報 (企業ロゴ、テレビ局のロゴ、ユーザーのニックネームなど) をビデオに追加する処理のことです。 ウォーターマークはブランドを際立たせ、著作権を保護し、製品の認知度を高めることができます。 MPS では、イメージのウォーターマークアニメーションのウォーターマークテキストのウォーターマーク の 3 種類のウォーターマークに対応しています。 要件に応じて種類を選択します。

タイプ

  • イメージのウォーターマーク: ウォーターマークには PNG 画像を使用できます。 イメージはビデオの固定位置に表示されます。 表示時間を指定することができます (最初から最後まで、または一定の時間内)。

  • アニメーションのウォーターマーク: ウォーターマークには、APNG 形式のアニメーショングラフィック、または MOV 形式のビデオが使用できます。 アニメーションはビデオの固定位置に繰り返し表示されます。

  • テキストのウォーターマーク: ウォーターマークには、テキストを使用します。 テキストのフォント、サイズ、色を指定したり、異なるビデオに異なるテキストを追加することができます。

  1. </section>
  2. <section class="section" id="section-rzd-2ql-x2b">
  3. <h2 class="title sectiontitle" id="title-2lg-ite-qjn">パラメーターの説明</h2>
  4. <p class="p" id="p-ba2-ey4-lnj">トランスコーディングタスクを送信する際には (<a title="" href="~~67661#concept-nmj-vfg-x2b~~">「シンプルなトランスコーディング」</a>をご参照ください)、出力ビデオにウォーターマーク情報を追加するためのウォーターマークテンプレートおよび素材を指定します。
  5. </p>
  6. <p class="p" id="p-whl-kj7-gxx">各トランスコーディングタスクに対して、複数の<a title="" href="https://jp.alibabacloud.com/help/doc-detail/29253.htm">透かし</a>オブジェクトを指定することができます。 ウォーターマークオブジェクトには、以下のパラメーターが含まれています。
  7. </p>
  8. <ul class="ul" id="ul-wxz-2ql-x2b">
  9. <li class="li" id="li-ixm-2ld-5m1">WaterMarkTemplateId (ウォーターマークのテンプレート ID)
  10. <p class="p" id="p-s0u-uh5-tvh">ウォーターマークテンプレートには、"Type"、"ReferPos"、"Width"、"Height"、"Dx"、"Dy" など、一般的なパラメーターが含まれています。</p>
  11. <div class="p" id="p-21d-qlf-hna">Media Processing コンソール上で、テンプレートを作成します。 詳しくは、<a title="設定機能を使用して、カスタムトランスコードプレート、ウォーターマークテンプレート、および MPS キューを設定することができます。" href="~~42442#concept-xkn-rr2-x2b~~">「ウォーターマークトランスコーディングテンプレート」</a>をご参照ください。
  12. <div class="note note note-note" id="note-wey-1dp-zvi">
  13. <div class="note-icon-wrapper"><i class="icon-note note"></i></div>
  14. <div class="note-content"><strong></strong> ウォーターマークオブジェクト内のパラメーターは、テンプレート内の対応するパラメーターよりも高い優先順位を持っています。 ウォーターマークオブジェクト内のパラメーターは、テンプレート内の対応するパラメーターを上書きします。
  15. </div>
  16. </div>
  17. </div>
  18. </li>
  19. <li class="li" id="li-k47-ztq-tc4">Type (透かしのタイプ)
  20. <p class="p" id="p-ayc-fo4-2vm">イメージまたはアニメーションのウォーターマークを追加する際は、"TYPE" を "Image" に設定し、InputFile (透かしの素材の OSS ファイルパス)
  21. を指定します。
  22. </p>
  23. <p class="p" id="p-m67-ns1-b4v">テキストのウォーターマークを追加する際は、"TYPE" を "Image" に設定し、テキストのフォント、サイズ、色、透明度などの <a title="" href="https://jp.alibabacloud.com/help/doc-detail/29253.htm">TextWaterMark</a> パラメーターを指定します。
  24. </p>
  25. </li>
  26. <li class="li" id="li-oh4-1ct-vbg">ReferPos (ウォーターマークの位置)
  27. <p class="p" id="p-dhi-8da-gec">ウォーターマークが表示される基準となる位置です。 Dx と Dy は ReferPos に基づき、計算されます。 <a title="" href="https://jp.alibabacloud.com/help/doc-detail/29253.htm">「ウォーターマークのテンプレートの設定」</a>をご参照ください。
  28. </p>
  29. <div class="p" id="p-izx-1mx-ogh">ウォーターマークの座標の説明:<br><img class="image" id="image-tcl-kql-x2b" src="images/10135_en-US.png"><br></div>
  30. </li>
  31. <li class="li" id="li-slq-oix-eiq">Width、Height、Dx、および Dy
  32. <div class="p" id="p-xcx-szv-rhm">ウォーターマークの幅、高さ、水平方向のオフセット、および垂直方向のオフセットを指定します。 各値は次の 2 つの方法で計算されます。
  33. <ul class="ul" id="ul-wsr-qql-x2b">
  34. <li class="li" id="li-o36-lu6-6q7">
  35. <p class="p" id="p-9wo-nkt-uzs">絶対値:</p>
  36. <p class="p" id="p-rgn-zwm-911">単位: ピクセル 値の範囲: [8,4096].</p>
  37. </li>
  38. <li class="li" id="li-rrq-gxv-sap">
  39. <p class="p" id="p-y4w-rju-yxz">相対スケール:</p>
  40. <p class="p" id="p-s03-zl7-034">出力ビデオの解像度に対する幅と高さです。 値の範囲: (0,1) 小数点の後には最大 4 桁の数字、例えば 0.9999 などのように設定可能です。</p>
  41. </li>
  42. <li class="li" id="li-n5p-rum-6v9">
  43. <p class="p" id="p-86u-c16-9h1">既定値:</p>
  44. <ul class="ul" id="ul-ysr-qql-x2b">
  45. <li class="li" id="li-juu-gms-cf2">
  46. <p class="p" id="p-p8m-4sd-l76">Dx および Dy が設定されていない場合、既定値は 0 です。</p>
  47. </li>
  48. <li class="li" id="li-zuz-jc4-3km">
  49. <p class="p" id="p-fd2-t6q-xfj">幅も高さも設定されていない場合は、ウォーターマーク幅は出力ビデオの解像度幅の 0.12 倍になります。 ウォーターマークの高さは、元のウォーターマーク画像の縦横比に比例してスケーリングします。</p>
  50. </li>
  51. <li class="li" id="li-y08-jjm-n2d">
  52. <p class="p" id="p-9pk-jln-avg">幅または高さのいずれかが設定されている場合、指定されていないパラメーターは、元のウォーターマークイメージの縦横比に基づき、比例的にスケーリングします。</p>
  53. </li>
  54. <li class="li" id="li-9h0-qyo-2cq">
  55. <p class="p" id="p-512-x9x-5b2">幅と高さの両方が設定されている場合、ウォーターマークイメージは指定された値に基づいて設定されます。</p>
  56. </li>
  57. </ul>
  58. </li>
  59. </ul>
  60. </div>
  61. </li>
  62. <li class="li" id="li-rh6-mli-prk">InputFile (入力ファイル)
  63. <div class="p" id="p-xtd-4yk-huu">イメージまたはアニメーションウォーターマークの OSS ファイルの場所を指定します。 ウォーターマークには、PNG 形式のイメージ、MOV 形式および APNG 形式のアニメーションを使用できます。
  64. <div class="note note note-note" id="note-pq5-qcv-t29">
  65. <div class="note-icon-wrapper"><i class="icon-note note"></i></div>
  66. <div class="note-content"><strong></strong> アニメーションウォーターマークのファイル拡張子は、mov または apng (小文字) にする必要があります。 イメージファイルの拡張子は制限されていません。
  67. </div>
  68. </div>
  69. </div>
  70. </li>
  71. <li class="li" id="li-lvg-dkg-c4t"><a title="" href="https://jp.alibabacloud.com/help/doc-detail/29253.htm">extWaterMark</a> (テキストのウォーターマーク)
  72. <div class="p" id="p-hpj-rnh-xa7">テキストウォーターマークの詳細なパラメーターを指定します。
  73. <div class="note note note-note" id="note-ywd-deb-4af">
  74. <div class="note-icon-wrapper"><i class="icon-note note"></i></div>
  75. <div class="note-content"><strong></strong> テキストウォーターマークには、基準位置と相対スケールは設定できません。 基準位置に左上を指定し、絶対値に従って Dx オフセットおよび Dy オフセットを指定します。
  76. </div>
  77. </div>
  78. </div>
  79. </li>
  80. </ul>
  81. </section>
  82. <section class="section" id="section-p4n-zql-x2b">
  83. <h2 class="title sectiontitle" id="title-yth-l53-p9s">シナリオ</h2>
  84. <p class="p" id="p-b29-g0i-hdg">ショートビデオ</p>
  85. <p class="p" id="p-8dq-ymd-azf">このシナリオでは、著作権を保護するため、ダウンロードまたは共有した短いアニメーションにイメージのウォーターマーク(製品のロゴ) とテキストのウォーターマーク(ユーザー
  86. ID) を追加します。
  87. </p>
  88. <div class="p" id="p-btc-yww-t7r">例:<br><img class="image" id="image-az5-crl-x2b" src="images/10136_en-US.png"><br></div>
  89. <p class="p" id="p-y9d-h9r-z5u">オーディオ &amp; ビデオ Web サイト</p>
  90. <p class="p" id="p-56b-4rg-n29">オーディオ &amp; ビデオ Web サイト用に、著作権の所有権を証明するため、ブランドロゴをビデオに追加します。 また、エンターテイメントプログラムのビデオにステッカーを追加することで、プログラムをより面白くしたり、広告をより見てもらえるようにすることもできます。</p>
  91. <div class="p" id="p-kbj-c6f-r8j">例:<br><img class="image" id="image-txj-frl-x2b" src="images/10137_en-US.png"><br></div>
  92. </section>
  93. <section class="section" id="section-xbk-grl-x2b">
  94. <h2 class="title sectiontitle" id="title-52w-yoq-rvx">コード例</h2>
  95. <div class="p" id="p-dzd-ipn-wyy">MP4 形式で <code class="ph codeph" id="codeph-egi-kie-tna">720P(1280x720)</code> にトランスコーディングするときは、同時に 3 つの透かしを追加し、3 つすべてにパラメーターを指定することができます。
  96. <ul class="ul" id="ul-uh2-hrl-x2b">
  97. <li class="li" id="li-gqb-91w-425">
  98. <p class="p" id="p-tso-tf5-fvw">イメージの透かし</p>
  99. <p class="p" id="p-nm5-z1y-ses">基準位置として右上を指定し、イメージウォーターマーク幅の相対スケールを出力ビデオの解像度幅の 0.05 倍に設定します。 ウォーターマークの高さは、元の透かし画像の縦横比に比例して比例してスケーリングします。</p>
  100. </li>
  101. <li class="li" id="li-zvf-gl2-qpk">
  102. <p class="p" id="p-wyw-15a-aoo">テキストのウォーターマーク</p>
  103. <p class="p" id="p-x3t-4x7-fge">基準位置として左上を指定し、テキストを <code class="ph codeph" id="codeph-v9f-xql-e9g">Test text watermark</code> に設定します。 SimSun 書体、フォントサイズ 16、カラー色 50、透明度 50 など、テキストフォント情報を指定します。 指定した情報に基づき、テキストがビデオに表示されます。
  104. </p>
  105. </li>
  106. <li class="li" id="li-3t4-4t8-jno">
  107. <p class="p" id="p-cp0-bqo-cz5">アニメーションのウォーターマーク</p>
  108. <p class="p" id="p-vnd-kh5-ams">基準位置として左下を指定し、ウォーターマークに MOV ビデオを追加します。 ビデオの高さは 240 ピクセルに設定します。 ビデオの幅は、元のウォーターマークビデオの縦横比に比例してスケーリングされます。</p>
  109. </li>
  110. </ul>
  111. </div>
  112. <div class="p" id="p-ei1-wgs-766">コード例:
  113. <ul class="ul" id="ul-wh2-hrl-x2b">
  114. <li class="li" id="li-v96-ei4-mw1">
  115. <p class="p" id="p-da3-zd3-jfa"><a title="" href="~~89325#concept-o1j-ncx-y2b~~">Watermarks-Java SDK</a></p>
  116. </li>
  117. <li class="li" id="li-fek-bbe-x6x">
  118. <p class="p" id="p-9al-7x0-nqb"><a title="" href="~~89393#concept-oxd-3cc-z2b~~">Watermarks-Python SDK</a></p>
  119. </li>
  120. <li class="li" id="li-ewt-k5a-o8r">
  121. <p class="p" id="p-z42-nzl-ama"><a title="" href="~~89503#concept-bsb-kg2-z2b~~">Watermarks-PHP SDK</a></p>
  122. </li>
  123. </ul>
  124. </div>
  125. </section>
  126. </div>
  127. </article>
  128. </main>