オンライン編集の使用方法 - Intelligent Media Services - Alibaba Cloud ドキュメントセンター

Intelligent Cloud Editor は、オーディオ、ビデオ、テキストのメディアアセットから新しいビデオを制作できるオンライン編集機能を提供します。このトピックでは、オンライン編集プロジェクトの作成、管理、編集方法について説明します。スマート機能を使用して、ステッカー、フィルター、エフェクト、字幕を追加して、プロジェクトを強化できます。

機能

ビデオ編集：ビデオクリップ、オーディオファイル、画像などのメディアアセットのトリミング、結合、エフェクトの追加を行います。
ライブストリーム編集：ライブストリーム中にビデオコンテンツをリアルタイムで編集し、出力します。
高度なテンプレート編集：プリセットテンプレートからビデオを生成します。

前提条件

必要なメディアアセットをメディアライブラリにアップロードしておきます。手順については、「コンソールでのメディアアセットのアップロード」をご参照ください。
スマートテキスト読み上げ機能を使用するには、生成されたオーディオのデフォルトのストレージアドレスを設定しておきます。詳細については、「ストレージアドレスの設定」をご参照ください。

コンソールでのオンライン編集

オンライン編集コンソールへのアクセス

Intelligent Media Services (IMS) コンソールにログインします。
左側のナビゲーションペインで、Intelligent Production > Online Editing を選択し、[Online Editing] ページに移動します。

編集プロジェクトの作成

ビデオ編集プロジェクト

ビデオ編集プロジェクト

Intelligent Cloud Editor では、ライブストリームや録画ファイルの編集が可能です。

Video Editing Projects タブをクリックします。
Create Editing Project をクリックし、プロジェクト名を入力して OK をクリックします。
プロジェクトの操作列で クリップ をクリックして、標準の編集プロジェクトインターフェイスを開きます。

ライブストリーム編集プロジェクト

ライブストリーム編集プロジェクト

Live Editing Project タブをクリックします。
Create Live Editing Project をクリックし、次の表で説明する必要なパラメーターを設定して、OK をクリックします。

パラメーター	説明
ライブストリーム編集名	ライブストリーム編集プロジェクトのカスタム名。名前に使用できる文字は、英字、数字、スペース、アンダースコア (_) で、60 文字以内にする必要があります。
ライブストリーム URL	編集したい Alibaba Cloud ライブストリームの URL を入力します。ライブストリーム URL の取得方法については、「ライブストリーム URL の生成」をご参照ください。HTTPS 経由の HLS (m3u8) ストリームのみに対応しています。ライブストリームを編集するには、まずライブストリーム録画を有効にする必要があります。詳細については、「OSS への録画と保存」および「VOD への録画と保存」をご参照ください。
ストレージ方式	生成されたライブストリームクリップの保存先を設定します。対応している保存先は Object Storage Service (OSS) と ApsaraVideo VOD です。
ストレージアドレス	ApsaraVideo VOD：ApsaraVideo VOD バケット、および ApsaraVideo VOD に追加済みの独自の OSS バケットを追加できます。利用可能なバケットがない場合は、ApsaraVideo VOD コンソールでバケットを作成できます。ApsaraVideo VOD は、各ストレージリージョンにストレージアドレスを割り当てます。ApsaraVideo VOD をアクティベートした後、使用する前にこのアドレスを有効にする必要があります。詳細については、「ストレージバケットの管理」をご参照ください。

OSS バケットを追加できます。利用可能なバケットがない場合は、OSS コンソールでバケットを作成できます。詳細については、「バケットの作成」をご参照ください。 | | 開始時間 | ライブストリーム編集の開始時間を選択します。 Start または Start from Reserved Time を選択できます。ライブストリームの開始前に、オンライン編集リストでスケジュールを変更できます。ライブストリームが開始されると、録画が自動的に始まり、リアルタイムでストリームを編集できます。 |
プロジェクトの操作列で表示をクリックして、ライブストリーム編集インターフェイスを開きます。ライブストリーム編集の詳細については後述します。

高度なテンプレート編集プロジェクト

高度なテンプレート編集プロジェクト

Advanced Editing Project タブをクリックします。
Create Editing Project をクリックし、次に OK をクリックして Advanced Templates ページに移動します。
テンプレートの操作列で、Use Template をクリックします。プロジェクト名を入力し、OK をクリックして高度なテンプレート編集インターフェイスを開きます。高度なテンプレート編集の詳細については後述します。

編集プロジェクトの管理

操作列で、Editing、Copy、または Export Template をクリックできます。プロジェクトを削除するには、 005 をクリックしてから Delete をクリックします。

このセクションでは、標準の編集プロジェクトを例に説明します。他のタイプの編集プロジェクトの手順も同様です。

標準の編集プロジェクトリストには、プロジェクト名、ビデオタイプ、作成時刻、最終更新時刻などの情報が表示されます。[Actions] 列では、プロジェクトを編集したり、その詳細を表示したりできます。

編集機能

ビデオ編集

ビデオ編集プロジェクトのインターフェイスを開きます。
ビデオ編集プロジェクトのインターフェイスは、4 つの主要なエリアに分かれています。左上の [Asset area] はインポートしたメディアアセットを管理するためのもので、中央の [Preview area] はリアルタイムのビデオ再生用です。右側の [Property area] はアセットのパラメーターを調整するためのもので、下部の [Editing area] は編集操作のためのマルチトラックタイムラインを提供します。
次の表で、標準の編集インターフェイスの各エリアについて説明します。
番号
説明
①
アセットエリア
②
プレビューエリア
③
プロパティエリア
④
編集エリア
メディアアセットをインポートします。
アセットエリアの右上隅にある [Import] をクリックして、現在のリージョンのメディアライブラリを開きます。必要なメディアアセットを選択します。
メディアライブラリでは、[All]、[Video]、[Audio]、または [Image] カテゴリでメディアアセットをフィルタリングできます。上部の検索ボックスで名前でメディアアセットを検索することもできます。
必要なメディアアセットがメディアライブラリにない場合は、アップロードできます。詳細については、「コンソールでのメディアアセットのアップロード」をご参照ください。
メディアアセットを編集エリアに追加します。
メディアアセットのアイコンをクリックするか、メディアアセットを編集エリアのトラックにドラッグします。
Stickers、[Filters]、[Effects] などの公開リソースを追加して、マルチトラックプロジェクトを作成し、結果をリアルタイムでプレビューすることもできます。
メディアアセットを編集します。
- メディアアセットのプロパティをトリミング、プレビュー、または調整します
  編集エリアのトラック上のメディアアセットを選択します。編集エリアの左上隅にあるツールを使用して、トリミングや削除などの操作を行います。プレビューエリアでは、メディアアセットをプレビュー、ドラッグ、拡大縮小、再配置できます。プロパティエリアでは、そのプロパティを調整できます。
- トランジションエフェクトを追加します
  編集エリアで、トランジションを追加したいビデオまたは画像を選択します。アセットエリアで [Transitions] をクリックし、渦巻きなどのトランジションエフェクトを選択します。プレビューエリアでエフェクトを確認できます。
- スマート字幕の生成
  編集エリアでビデオを選択します。プロパティエリアの Basic タブで、Intelligent Subtitling をクリックします。生成された字幕は、新しいトラックに自動的に読み込まれます。
- ビデオのオーディオ波形を表示します
  編集エリアでビデオを選択します。アイコンをクリックして、表示する波形のタイプを選択します。対応する波形がトラック上のビデオの下に表示されます。
- スマート吹き替え
  編集エリアで、ボイスオーバーを生成したい字幕を選択します。アイコンをクリックして音声タイプを設定し、[Smart dubbing] をクリックします。生成されたボイスオーバーは、新しいトラックに自動的に読み込まれます。
説明
「Please configure the storage path first」というメッセージが表示された場合は、ストレージパスを設定する必要があります。詳細については、「ストレージアドレスの設定」をご参照ください。
- マーカーを追加するか、クリップにマークを付けます
  編集エリアでビデオを選択し、タイムラインを特定の位置にドラッグします。アイコンをクリックしてマーカーを追加します。またはアイコンをクリックして、クリップのインポイントとアウトポイントを追加します。とアイコン、またはトラック上のビデオの上にあるマーカーやクリップをクリックして、詳細を表示することもできます。
- オーディオトラックをビデオから分離します
  編集エリアでビデオを選択します。プロパティエリアの Basic タブで、[Separate audio track] をクリックします。分離されたオーディオトラックは、新しいトラックに自動的に読み込まれます。
- デジタルヒューマンのカスタマイズ (パブリックプレビュー)
  パブリックプレビュー期間中、Intelligent Cloud Editor は無料トライアル用に 4 つの公式デジタルヒューマンを提供します。アセットエリアからテキスト駆動または音声駆動のデジタルヒューマンを追加し、必要に応じてパラメーターを設定してから、[Initiate Digital Human and Generate Video] をクリックします。合成が完了すると、デジタルヒューマンがビデオトラックに追加されます。
公式のデジタルヒューマンは、実在の人物のデータでトレーニングされていないため、品質が最適ではない場合があります。より高い品質が必要な場合は、DingTalk グループ (ID: 84650000851) に参加して、プロフェッショナル版のデジタルヒューマン機能をお試しください。
アセットエリアの左側のパネルには、利用可能なデジタルヒューマンのリストが表示されます。1 つ選択して、プレビューエリアでその外観を表示します。
編集が完了したら、右上隅の Save をクリックしてプロジェクトを保存します。
右上隅の [Generate as Template] または [Export Video] をクリックして、プロジェクトからテンプレートを生成したり、ビデオをメディアライブラリにエクスポートしたりすることもできます。

ライブストリーム編集

ライブストリーム編集

ライブストリーム編集プロジェクトのインターフェイスを開きます。
ライブストリーム編集インターフェイスは 4 つのエリアに分かれています。左側の [Live signal source area] にはライブストリームが表示されます。中央の [Video preview area] は編集したコンテンツをプレビューします。下部の [Editing area] はクリップを作成するためのタイムラインを提供します。右側の [Clip list area] は生成したビデオクリップを管理します。
次の表に、ライブストリーム編集インターフェイスの各エリアについて説明します。
番号
説明
①
ライブ信号ソースエリア
②
ビデオプレビューエリア
③
編集エリア
④
クリップリストエリア
ビデオをクリップに分割します。
編集エリアの左上隅にあるまたはアイコンをクリックします。マウスの左ボタンを押したままクリップの長さを調整し、[Generate Clip] をクリックします。生成されたクリップは自動的に保存され、クリップリストエリアに表示されます。
アイコンをクリックして最後のアクションを元に戻したり、[Preview Clip] をクリックしてクリップをプレビューしたりすることもできます。
ビデオクリップを編集します。
クリップリストエリアでビデオクリップを選択し、右上隅の [Export To Video Editing] をクリックしてクリップの編集を続行します。詳細については後述します。

高度なテンプレート編集

高度なテンプレート編集

高度なテンプレート編集プロジェクトのインターフェイスを開きます。
高度なテンプレート編集インターフェイスは 3 つのエリアに分かれています。中央の [Video preview area] はテンプレートエフェクトのリアルタイムプレビューを提供します。下部の [Editing group list area] にはテンプレート内の編集グループが表示されます。右側の [Editing group asset area] では、現在のグループのアセットを置換および編集できます。
次の表に、高度なテンプレート編集インターフェイスの各エリアについて説明します。
番号
説明
①
ビデオプレビューエリア
②
編集グループリストエリア
③
編集グループアセットエリア
編集グループリストエリアで、編集グループをクリックしてアセットを置き換えます。
- ビデオまたは画像のメディアアセットを置き換えます。
  編集グループアセットエリアでビデオまたは画像をクリックし、[Replace Asset] をクリックします。現在のリージョンのメディアライブラリが開きます。置き換えるメディアアセットを選択します。
必要なメディアアセットがメディアライブラリにない場合は、アップロードしてください。手順については、「コンソールでのメディアアセットのアップロード」をご参照ください。
- テキストアセットを置き換えます。
  プレビューエリアでテキストを編集するか、編集グループアセットエリアでテキストプロパティを設定します。
テキストアセットを選択すると、プレビューエリアに黄色の編集枠が表示されます。枠をドラッグして、アセットの位置とサイズを調整できます。右側のプロパティパネルでは、テキストの内容、フォントサイズ、色、位置を設定できます。
(任意) ビデオをプレビューします。
編集グループリストエリアで、アイコンをクリックしてビデオをプレビューします。
説明
編集グループを変更すると、サービスはプレビュービデオを再生成し、オンライン編集およびストレージ料金が発生します。課金の詳細については、「Intelligent Cloud Editor」および「ストレージ料金」をご参照ください。
ビデオを制作します。
右上隅の Export Video をクリックします。必要に応じてエクスポートパラメーターを設定し、OK をクリックして合成されたビデオをメディアライブラリにエクスポートします。

OpenAPI を使用したオンライン編集

ビデオ編集

ビデオ編集では、ビデオクリップ、オーディオ、画像などの複数のメディアアセットをタイムライン上で組み合わせて、新しいビデオファイルを生成します。

API リファレンス

メディア制作ジョブの送信：SubmitMediaProducingJob API を呼び出して、1 つ以上のビデオ、オーディオ、画像、字幕アセットを組み合わせて最終的な成果物を作成します。この API は、多様な編集要件を満たすために、複雑なタイムライン設定をサポートしています。
メディア制作ジョブのクエリ：GetMediaProducingJob API を呼び出し、JobId を渡してジョブのステータスと結果を取得します。

応答がなく、コンソールに表示されないジョブのトラブルシューティング

送信後にジョブから応答がなく、コンソールのジョブリストに表示されない場合は、次の項目を確認してください：

フロントエンドの呼び出しが、メディアアセットの OSS アドレス、テンプレート ID、出力設定など、必要なすべてのパラメーターを渡していることを確認してください。
アカウントが Intelligent Media Services (IMS) にサブスクライブしていること、OSS の入力パスに読み取り権限があること、およびプロジェクトと同じリージョンにあることを確認してください。
バックエンドが SubmitMediaProducingJob API を正しく呼び出し、応答を受け取っているかどうかを確認してください。
ジョブがコンソールのジョブリストに表示されない場合、バックエンドに正常に送信されていない可能性があります。フロントエンドの送信アクションとバックエンドのリクエスト処理に重点的にトラブルシューティングを行ってください。

タイムライン設定

タイムライン設定はビデオ編集の中核であり、編集ロジックを定義します。タイムラインは、ビデオ、オーディオ、画像などのメディアアセットが時間とともにどのように配置され、組み合わされるかを定義します。主にトラック、メディアアセット、エフェクトで構成されます。詳細な設定手順については、「タイムライン設定の詳細」をご参照ください。

次の例は、基本的なタイムライン構造を示しています：

{
  "VideoTracks": [
    {
      "VideoTrackClip": [
        {
          "MediaId": "メディアアセット ID",
          "MediaURL":"クリップの OSS URL"
        }
      ]
    }
  ],
  "AudioTracks": [
    {
      "AudioTrackClip": [
        {
          "MediaId": "オーディオのメディアアセット ID",
          "MediaURL":"クリップの OSS URL"
        }
      ]
    }
  ]
}

VideoTracks：ビデオまたは画像のメディアアセットを配置するために使用されるビデオトラック。
AudioTracks：オーディオのメディアアセットを配置するために使用されるオーディオトラック。
クリップ：各トラック内のセグメントで、メディアアセット ID、開始時刻、および期間が含まれます。
タイムラインの例：次の表は、一般的な使用例と、タイムライン設定を使用して複雑なビデオ編集を実装する方法を示す設定例へのリンクを示しています。

例	説明
ビデオ/画像のミキシングとカッティング	横長ビデオの縦長への変換、ビデオのトリミング、ビデオと画像のミキシング、ウォーターマーク、ステッカー、アニメーション GIF ステッカーの追加などの機能をサポートします。
オーディオ処理	ミュート、音量調整、オーディオミキシング、オーディオ抽出、オーディオ正規化などの機能をサポートします。
字幕と字幕テンプレート	ビデオへの字幕の追加、スタイル付きテキストの作成、字幕の自動改行、字幕の配置、字幕エフェクトの適用をサポートします。
トランジション、エフェクト、フィルター	さまざまなトランジション (フェードイン、フェードアウトなど)、視覚エフェクト (ぼかし、シャープネスなど)、フィルター (白黒、ビンテージなど) をサポートします。
ビデオ合成でのスマート処理の使用	ビデオへの字幕のマージのための音声テキスト変換 (STT)、ビデオへのオーディオのマージのためのテキスト読み上げ (TTS)、リズムや発音を制御するための SSML などの機能をサポートします。
その他の設定	グローバルな背景画像、グローバルなウォーターマークロゴなどの追加をサポートします。

メディアアセットの OSS URL は、リージョン間の参照をサポートしていません。OSS バケットと IMS ジョブが同じリージョン (中国 (深圳) リージョンなど) にあることを確認してください。そうでない場合、レンダリングで異常な結果が生じたり、合成が失敗したりする可能性があります。

SDK を使用したオーディオとビデオの編集：IMS サーバーサイド SDK をインストールして設定してください。詳細については、「前提条件」をご参照ください。

ライブストリーム編集

ライブストリーム編集ジョブの送信：SubmitLiveEditingJob API を呼び出します。送信後、ジョブは非同期実行のためにキューに入れられます。
ライブストリーム編集ジョブのクエリ：GetLiveEditingJob API を呼び出して、jobId でジョブのステータスをクエリします。
メディアアセット情報の取得：GetMediaInfo API を呼び出して、MediaId で生成されたメディアアセットに関する情報をクエリします。

高度なテンプレート編集

テンプレート情報を取得します。

GetTemplate API を呼び出し、TemplateId パラメーターを設定してテンプレート情報を取得します。

GetTemplateRequest request = new GetTemplateRequest();
request.setTemplateId("****20b48fb04483915d4f2cd8ac****");
GetTemplateResponse response = iceClient.getTemplate(request);
GetTemplateResponseBody.GetTemplateResponseBodyTemplate template = response.getBody().getTemplate();
System.out.println("templateId : " + template.getTemplateId());
System.out.println("clipsParam : " + template.getClipsParam());

レスポンスの例を次に示します。

{
    "RequestId":"******11-DB8D-4A9A-875B-275798******",
    "Template":{
        "TemplateId":"****20b48fb04483915d4f2cd8ac****",
        "Name":"AdvancedTemplateTest",
        "Type":"VETemplate",
        "Status":"Available",
        "ModifiedSource":"OpenAPI",
        "CreateSource":"OpenAPI",
        "Config":"{\"oss_url\":\"http://your-bucket.oss-cn-shanghai.aliyuncs.com/object.zip\"}",
        "ClipsParam":"{\"Text7\":\"text\",\"Text6\":\"text\",\"Text5\":\"text\",\"Text4\":\"text\",\"Text3\":\"text\",\"Text2\":\"text\",\"Text1\":\"text\",\"Text0\":\"text\",\"Media3\":\"mediaId\",\"Media2\":\"mediaId\",\"Media1\":\"mediaId\",\"Media0\":\"mediaId\"}",
        "PreviewMedia":"",
        "CoverURL":""
    }
}

説明

システム提供のテンプレートも使用できます。手順はカスタムテンプレートの使用と同様です。システム提供のテンプレートの詳細については、「パブリックテンプレートライブラリ - 高度なテンプレート」をご参照ください。

必要に応じて、前の手順で取得した ClipsParam パラメーター内の text および mediaId フィールドを置き換えます。
```
{
    "Text0":"Caption0",
    "Text1":"Caption1",
    "Text2":"Caption2",
    "Text3":"Caption3",
    "Text4":"Caption4",
    "Text5":"Caption5",
    "Text6":"Caption6",
    "Text7":"Caption7",
    "Media0":"****20b48fb04483915d4f2cd8ac****",
    "Media1":"****20b48fb04483915d4f2cd8ac****",
    "Media2":"****20b48fb04483915d4f2cd8ac****",
    "Media3":"****20b48fb04483915d4f2cd8ac****"
}
```
説明
- ClipsParam は、合成サービスのパラメーターです。text をテキストコンテンツに、mediaId をメディアアセット ID またはその OSS URL に置き換えることができます。動画と画像に対応しています。ID と URL の組み合わせも使用できます。
- ClipsParam パラメーターで一部のフィールドのみを設定した場合、デフォルトでは、指定されていないキャプションは空になり、指定されていないメディアアセットはテンプレート内の元のアセットになります。
- キャプションのフォントや動画・画像の適応モードを設定できます。詳細については、「拡張機能」をご参照ください。

合成サービスを呼び出すことができます。

SubmitMediaProducingJob API を呼び出して、動画編集および制作ジョブを送信します。TemplateId および ClipsParam パラメーターを設定します。

SubmitMediaProducingJobRequest request = new SubmitMediaProducingJobRequest();
request.setTemplateId("****20b48fb04483915d4f2cd8ac****");
request.setClipsParam("{\"Text7\":\"Caption7\",\"Text6\":\"Caption6\",\"Text5\":\"Caption5\",\"Text4\":\"Caption4\",\"Text3\":\"Caption3\",\"Text2\":\"Caption2\",\"Text1\":\"Caption1\",\"Text0\":\"Caption0\",\"Media3\":\"****20b48fb04483915d4f2cd8ac****\",\"Media2\":\"****20b48fb04483915d4f2cd8ac****\",\"Media1\":\"****20b48fb04483915d4f2cd8ac****\",\"Media0\":\"****20b48fb04483915d4f2cd8ac****\"}");
request.setOutputMediaConfig("{\"MediaURL\":\"http://your-bucket.oss-cn-shanghai.aliyuncs.com/object.mp4\"}");
SubmitMediaProducingJobResponse response = iceClient.submitMediaProducingJob(request);
System.out.println("jobid : " + response.getBody().getJobId());

よくある質問

オーディオパラメーターを調整してもビデオに音が出ない場合はどうすればよいですか？

オーディオパラメーターを調整してもビデオに音が出ない場合は、次の項目を確認してください：

BGM のラウドネス値が低すぎる：BGM トラックのラウドネス値が低すぎる (例：-26) と、ALoudNorm 音量正規化エフェクトがオーディオを抑制する可能性があります。値を -18 から -14 の間に調整することを推奨します。
トラックレイヤーの重複：ビデオトラックのレイヤーレベルが重複していないか確認してください。トラックのレイヤーレベルを調整して重複を解決してください。

ビデオをミラーリングした後、ハードコードされた字幕も反転してしまう場合はどうすればよいですか？

ハードコードされた字幕はビデオのピクセルデータの一部であるため、ビデオ全体と一緒にミラーリングされます。タイムラインパラメーターだけを使用して、字幕をミラーリングせずにビデオをミラーリングすることはできません。この問題を解決するには、まず元のビデオからハードコードされた字幕を削除してください。次に、ビデオをミラーリングし、字幕を別の字幕トラックとして追加してください。これにより、字幕がビデオと一緒に反転することはありません。

コンソールのプレビュー中に AI_TTS オーディオトラックが表示されない、または音が出ない場合はどうすればよいですか？

現在、Intelligent Media Services コンソールのプロジェクトプレビューでは、AI_TTS (テキスト読み上げ) トラックの表示やそのオーディオの再生は行われません。AI_TTS は、最終的に制作したビデオでのみ有効になります。AI_TTS オーディオを確認するには、プロジェクトをエクスポートし、制作したビデオを確認してください。プレビューエリアでトラックが表示されず、無音であるのは想定される動作であり、失敗ではありません。

オンライン編集のレンダリング同時実行クォータと使用中の同時実行ジョブ数を確認するにはどうすればよいですか？

同時実行数の使用状況の表示：現在、コンソールでは使用中の同時実行ジョブ数をリアルタイムで表示できません。ListMediaProducingJobs API を呼び出してジョブのステータスをクエリし、キューイングと処理を評価できます。
スケジューリングメカニズム：オンライン編集の同時実行は Alibaba Cloud のバックエンドによって一元的にスケジュールされ、アカウントレベルの固定されたハードクォータではありません。システムは、全体的なリソース負荷とジョブの複雑さに基づいて、利用可能な同時実行数を動的に決定します。利用可能な同時実行数を超えるジョブは自動的にキューに入れられます。
クォータの計算：同時実行クォータは、アカウントとリージョンの組み合わせごとに独立して計算され、トランスコーディングなどの他の機能のクォータとは別です。

メディア制作ジョブはキャンセルできますか？

SubmitBatchMediaProducingJob によって送信されたワンクリックビデオ生成ジョブはキャンセルできません。一方、SubmitMediaProducingJob によって送信された標準のメディア制作ジョブは、API を使用してキャンセルできます。詳細については、関連する API ドキュメントをご参照ください。

番号	説明
①	アセットエリア
②	プレビューエリア
③	プロパティエリア
④	編集エリア

番号	説明
①	ライブ信号ソースエリア
②	ビデオプレビューエリア
③	編集エリア
④	クリップリストエリア