このトピックでは、Web 向けビデオ編集 SDK を統合する際に発生する一般的な質問に回答します。
タイムラインへのメディアアセット追加時のエラー
-
症状：タイムラインにメディアアセットを追加すると、エディター上部の赤色バナーに「Image data error (****)」などのエラーメッセージが表示され、該当するアセットファイル ID が含まれます。
-
考えられる原因：メディアアセットを格納している OSS バケットのオリジン間リソース共有 (CORS) ポリシーが正しく設定されていません。
-
解決方法：OSS コンソールで、メディアアセットを格納しているバケットを選択します。 に移動し、[ルールの作成] をクリックします。以下のとおりルールを設定してください：オリジン を
*に設定し、許可されるメソッド で GET および POST を選択し、キャッシュ時間 (秒) を0に設定し、[Vary: Origin を返す] チェックボックスをオンにします。
メディアアセットのプレビュー対応フォーマット
|
タイプ |
フォーマット |
|
ビデオ |
MP4、WEBP、MKV、MOV、M3U8 |
|
オーディオ |
MP3 |
|
画像 |
JPG、JPEG、PNG、WEBP、GIF |
その他のメディアアセットフォーマットについては、プレビュー用途での検証を行っていません。ただし、これらのフォーマットもトラックエリアに追加して編集・制作することは可能です。
「プレビューに対応していないフォーマットです」エラー
-
症状：対応フォーマットのメディアアセットをトラックに追加すると、「ご利用のブラウザは現在のフォーマットのプレビューをサポートしていません。編集内容は制作時に適用されます」というメッセージが表示されます。
-
考えられる原因：メディアアセットの
titleフィールドにファイル名拡張子が含まれていません。 -
解決方法：
getEditingProjectMaterials関数およびsearchMedia関数の戻り値を確認し、メディアアセットのtitleフィールドにファイル名拡張子が含まれていることを確認してください。含まれていない場合は、正しいファイル名拡張子を追加してください。
インテリジェントタスクの API 呼び出しが失敗する
インテリジェント音声認識や音声合成などのインテリジェントタスクは、中国 (上海) リージョンおよび中国 (北京) リージョンでのみサポートされています。サポート対象のリージョンから API 呼び出しを行っていることを確認してください。
再生中に音声ありでブラックスクリーンになる
-
考えられる原因：ご利用のブラウザが H.265 でエンコードされた動画をサポートしていないか、ブラウザでハードウェアアクセラレーションが無効になっています。
-
解決方法：Google Chrome でこの問題をトラブルシューティングするには、まず動画の URL をアドレスバーに直接入力して再生を試みてください。それでも音声は聞こえるものの画面が黒いままの場合、ご利用のブラウザは H.265 コーデックをサポートしていません。次に、chrome://settings/system に移動し、ハードウェアアクセラレーションが有効になっていることを確認してください。
サンプルコードをそのまま実行できない
サンプルコードはリファレンス目的でのみ提供されています。実行するには、以下の実装が必要です。
-
複数のサーバー側 API をご自身で提供する必要があります。これらの API はリクエストに認証情報を付与し、フロントエンドから Alibaba Cloud サーバーへ転送します。
-
フロントエンドでは、ネットワークリクエストを処理する関数を実装する必要があります。これはサンプルコード内の
request関数に対応します。Axios などのオープンソースライブラリや、プロジェクト内に既存のリクエストユーティリティをご利用いただけます。 -
[メディアアセットライブラリから追加] をクリックした後に表示される UI を構築します。この UI では、ローカルアップロードを実装するか、メディアアセットライブラリに保存済みのメディアアセットを表示できます。
-
[生成] をクリックした後に表示される UI を構築します。この UI では、制作時の出力パラメーターを設定できます。[OK] をクリック後、これらのパラメーターを Alibaba Cloud サーバーに渡してください。