シナリオ

ネットワーク帯域幅に基づき、最も適切なビデオストリームに切り替えられるよう、480P、720P、1080P の 3 つのビデオストリームをそれぞれ圧縮し、1 つのファイルを出力します。

手順

  1. MPS コンソールにログインします。
  2. リージョンを選択します。
  3. [ライブラリ] > [ライブラリ設定 をクリックします。
  4. [ワークフロー] > [ワークフローの作成] をクリックします。
  5. [入力] の右側にあるアイコンをクリックし、出力コンテナノード を追加します。

  6. [設定] の右側にあるアイコンをクリックし、3 つの ビデオの抽出 ノードを追加します。


  7. 入力ノードを設定します。
    1. [入力]ノードの右側にあるアイコンをクリックします。
    2. [入力] で、[入力パス] の右側にある [選択] ボタンをクリックします。

      入力パスは OSS 内の格納場所になります。 入力パスは OSS 内に存在している必要があります。
      1. </li>
      2. <li class="li" id="li-hvy-i3u-waj"><span class="ph uicontrol" id="uicontrol-rwy-xe2-g1z">OSS ファイルマネージャー</span>で、バケット名を選択し、<span class="ph uicontrol" id="uicontrol-oki-e4m-bml">[OK]</span> をクリックします。<br><img class="image" id="image-r3q-4pm-x2b" src="http://static-aliyun-doc.oss-cn-hangzhou.aliyuncs.com/assets/img/18620/156214140910202_ja-JP.png"><br></li>
      3. <li class="li" id="li-p0n-gpg-jig"><span class="ph uicontrol" id="uicontrol-pmq-5t6-r0k">メッセージタイプ</span>はオプションです。 <span class="ph uicontrol" id="uicontrol-5ce-ztz-zfa">[MNS キュー]</span> または <span class="ph uicontrol" id="uicontrol-d75-6pe-0pf">[通知]</span> を選択し、インスタンスを設定します。<img class="image" id="image-f3f-rpm-x2b" src="http://static-aliyun-doc.oss-cn-hangzhou.aliyuncs.com/assets/img/18620/156214140910203_ja-JP.png"></li>
      4. </ol>
      5. </li>
      6. <li class="li" id="li-s2y-zv8-4l2"><span class="ph uicontrol" id="uicontrol-7ar-kud-cwe">設定</span>ノードを設定します。
      7. <ol class="ol" type="a" id="ol-h4x-tpm-x2b">
      8. <li class="li" id="li-rgv-p2e-1ma"><span class="ph uicontrol" id="uicontrol-n03-3ou-p1l">名前</span>を変更するか、既定の名前をそのまま使用することができます。
      9. </li>
      10. <li class="li" id="li-s7v-hkn-5jj"><span class="ph uicontrol" id="uicontrol-qgc-qt9-2eb">[設定]</span>の右側にある<img class="image" id="image-l4l-vpm-x2b" src="http://static-aliyun-doc.oss-cn-hangzhou.aliyuncs.com/assets/img/18620/156214140910194_ja-JP.png">アイコンをクリックし、設定ノードを設定します。
      11. </li>
      12. <li class="li" id="li-e5i-zc0-ah8"><span class="ph uicontrol" id="uicontrol-aj6-po3-7hh">設定</span>ウィンドウで、 <span class="ph uicontrol" id="uicontrol-9uj-7cj-oya">[出力場所]</span>の右側にある <span class="ph uicontrol" id="uicontrol-r80-qnv-7wm">[選択]</span> ボタンをクリックします。<br><img class="image" id="image-j4s-xpm-x2b" src="http://static-aliyun-doc.oss-cn-hangzhou.aliyuncs.com/assets/img/18620/156214141010205_ja-JP.png"><br>
      13. <div class="note note note-note" id="note-nk0-yf5-1ke">
      14. <div class="note-icon-wrapper"><i class="icon-note note"></i></div>
      15. <div class="note-content"><strong></strong> <span class="ph uicontrol" id="uicontrol-rca-b9k-fum">出力場所</span>は、OSS 内の格納場所で、ファイル名です。 タスク実行時のワークフローによる出力ファイルの上書きを避けるため、システムに次のビルトイン UC 変数パラメーターを結合します。
      16. <ul class="ul" id="ul-opq-ypm-x2b">
      17. <li class="li" id="li-noh-fh2-qcd">
      18. <p class="p" id="p-lvc-u32-q49">{RunId}: ワークフローの実行 ID</p>
      19. </li>
      20. <li class="li" id="li-7ds-njg-bjs">
      21. <p class="p" id="p-qgr-z5j-1uu">{ObjectPrefix}: バケット情報を含まないオリジナルファイルのパス</p>
      22. </li>
      23. <li class="li" id="li-fsn-7eu-895">
      24. <p class="p" id="p-ud3-46s-kkc">{FileName}: 拡張子名を含まないオリジナルファイルの名前</p>
      25. </li>
      26. <li class="li" id="li-7ms-ovy-g6o">
      27. <p class="p" id="p-fw4-v7i-xl9">{ExtName}: オリジナルファイルの拡張子名</p>
      28. </li>
      29. </ul>
      30. </div>
      31. </div>
      32. </li>
      33. <li class="li" id="li-jyx-lpp-xhj"><span class="ph uicontrol" id="uicontrol-tfo-ofz-v5s">OSS ファイルマネージャーウィンドウ</span>で、バケット名を選択し、 <span class="ph uicontrol" id="uicontrol-8yj-kvx-3he">[OK]</span> をクリックします。<br><img class="image" id="image-jyd-bqm-x2b" src="http://static-aliyun-doc.oss-cn-hangzhou.aliyuncs.com/assets/img/18620/156214141010207_ja-JP.png"><br>
      34. <div class="note note note-note" id="note-s9x-gw7-2lk">
      35. <div class="note-icon-wrapper"><i class="icon-note note"></i></div>
      36. <div class="note-content"><strong></strong> 出力バケットと入力バケットは、それぞれ別のバケットを指定する必要があります。
      37. </div>
      38. </div>
      39. </li>
      40. </ol>
      41. <div class="p" id="p-jly-yg4-w0w"><span class="ph uicontrol" id="uicontrol-ya2-cgh-cxh">設定</span>ノードは正常に設定されました。<br><img class="image" id="image-kyl-2qm-x2b" src="http://static-aliyun-doc.oss-cn-hangzhou.aliyuncs.com/assets/img/18620/156214141010208_ja-JP.png"><br></div>
      42. </li>
      43. <li class="li" id="li-pvc-iz8-cg0"><span class="ph uicontrol" id="uicontrol-8dy-b7o-oke">ビデオの抽出</span>ノードを設定します。
      44. <ol class="ol" type="a" id="ol-zgr-gqm-x2b">
      45. <li class="li" id="li-jra-7xs-yfp"><span class="ph uicontrol" id="uicontrol-ddq-2gy-ku2">[ビデオの抽出]</span>ノードの右側にある<img class="image" id="image-hwk-jqm-x2b" src="http://static-aliyun-doc.oss-cn-hangzhou.aliyuncs.com/assets/img/18620/156214140910194_ja-JP.png">アイコンをクリックします。
      46. </li>
      47. <li class="li" id="li-pui-zm2-33m">名前を変更するか、既定の<span class="ph uicontrol" id="uicontrol-ssm-8cl-6vr">名前</span>をそのまま使用します。
      48. </li>
      49. <li class="li" id="li-dh9-c2n-dpn"><span class="ph menucascade" id="menucascade-9q9-fzr-7xn"><span class="ph uicontrol" id="uicontrol-05y-rv9-xrz">ビデオの抽出</span><abbr> &gt; </abbr><span class="ph uicontrol" id="uicontrol-6m4-hf0-qfv">基本設定</span></span>で、<span class="ph uicontrol" id="uicontrol-bsd-1vn-tr8">テンプレート</span> の右側にある <span class="ph uicontrol" id="uicontrol-g4g-o4n-52g">[選択]</span> ボタンをクリックします。<br><img class="image" id="image-ctv-lqm-x2b" src="http://static-aliyun-doc.oss-cn-hangzhou.aliyuncs.com/assets/img/18620/156214141010209_ja-JP.png"><br></li>
      50. <li class="li" id="li-7va-vb0-cgu">トランスコードテンプレート ウィンドウで、<span class="ph uicontrol" id="uicontrol-5eb-kd1-v4j">テンプレート</span>を選択し、<span class="ph uicontrol" id="uicontrol-1xe-pfj-dau">[OK]</span> をクリックします。<br><img class="image" id="image-znw-nqm-x2b" src="http://static-aliyun-doc.oss-cn-hangzhou.aliyuncs.com/assets/img/18620/156214141010210_ja-JP.png"><br></li>
      51. <li class="li" id="li-qm2-asb-bxv"><span class="ph uicontrol" id="uicontrol-nc5-ulo-v31">リソースパス</span> を設定します。
      52. <p class="p" id="p-9du-d72-ofk">既定のリソースパスを使用することを推奨します。 必要に応じてパスを変更することもできます。 <span class="ph uicontrol" id="uicontrol-7jp-9iq-ork">設定</span>ノードの<span class="ph uicontrol" id="uicontrol-k3u-kif-ebt">出力場所</span><code class="ph codeph" id="codeph-nbi-9bu-fnu">a/b/c.m3u8</code> の場合、ビデオの抽出ノードの<span class="ph uicontrol" id="uicontrol-ta2-9c1-05f">リソースパス</span><code class="ph codeph" id="codeph-z7q-79h-atf">d/e/f.m3u8</code> になるため、抽出されるファイルの実際の格納場所は、<code class="ph codeph" id="codeph-8au-v9u-w42">a/b/d/e/f.m3u8</code> になることにご注意ください。
      53. </p>
      54. </li>
      55. <li class="li" id="li-1jx-wz6-vyh"><span class="ph uicontrol" id="uicontrol-civ-ndn-axc">[オーディオ]</span><span class="ph uicontrol" id="uicontrol-3g3-yyg-1yi">[キープ]</span> を選択します。<br><img class="image" id="image-ojy-xqm-x2b" src="http://static-aliyun-doc.oss-cn-hangzhou.aliyuncs.com/assets/img/18620/156214141110216_ja-JP.png"><br>
      56. <div class="note note note-note" id="note-8wj-w6u-j9b">
      57. <div class="note-icon-wrapper"><i class="icon-note note"></i></div>
      58. <div class="note-content"><strong></strong> 前述の手順に従って 3 つの<span class="ph uicontrol" id="uicontrol-og2-ks3-kfw">ビデオの抽出</span>ノードと、480P、720P、1080P の各ビデオに対応するトランスコードテンプレートを設定します。
      59. </div>
      60. </div>
      61. </li>
      62. </ol>
      63. </li>
      64. <li class="li" id="li-1fg-cdz-5a0"><span class="ph uicontrol" id="uicontrol-608-0kd-dum">生成ノード</span>を設定します。
      65. <ol class="ol" type="a" id="ol-wsv-brm-x2b">
      66. <li class="li" id="li-02e-69p-aws"><span class="ph uicontrol" id="uicontrol-6sg-ty1-5h0">[生成</span> の右側にある<img class="image" id="image-wnq-drm-x2b" src="http://static-aliyun-doc.oss-cn-hangzhou.aliyuncs.com/assets/img/18620/156214140910194_ja-JP.png">アイコンをクリックし、生成ノードを設定します。
      67. </li>
      68. <li class="li" id="li-kgj-q3k-vcb">必要に応じて <span class="ph uicontrol" id="uicontrol-z3c-61h-h4y">[帯域幅]</span> の設定を変更します。<br><img class="image" id="image-lvh-frm-x2b" src="http://static-aliyun-doc.oss-cn-hangzhou.aliyuncs.com/assets/img/18620/156214141110217_ja-JP.png"><br></li>
      69. </ol>
      70. </li>
      71. <li class="li" id="li-v3i-jht-71s"><span class="ph uicontrol" id="uicontrol-z2m-z0p-z4i">[OK]</span> をクリックすると、生成ノードの設定は完了です。
      72. </li>
      73. <li class="li" id="li-5ag-9g3-he4"><span class="ph uicontrol" id="uicontrol-8rq-ews-txj">[次へ]</span> をクリックします。<br><img class="image" id="image-abj-3rm-x2b" src="http://static-aliyun-doc.oss-cn-hangzhou.aliyuncs.com/assets/img/18620/156214141110218_ja-JP.png"><br>
      74. <p class="p" id="p-bkk-k7z-5jk">以上で、ワークフローは正常に作成されました。</p>
      75. </li>
      76. <li class="li" id="li-240-hz7-gyr">タスクを送信します。
      77. <p class="p" id="p-1oo-mo5-irv">HLS パッケージのワークフローは既定ではトリガーされません。 <code class="ph codeph" id="codeph-vcs-70o-gf3">AddMedia</code> インターフェイスを使用することで、ビデオ処理に使用するビデオ、および HLS パッケージワークフロー ID を設定します。
      78. </p>
      79. </li>
      80. </ol>
      81. </section>
      82. </div>
      83. </article>
      84. </main>