記事ディレクトリ
導入
Web開発において、ビデオアップロード機能は非常に一般的な要件です。Alibaba Cloud VOD サービスをストレージ サービスとして使用すると、ビデオのアップロードの効率と安定性が向上し、開発者が使用できる一連のツールと API も提供されます。この記事では、@alicloud/pop-core を使用して Aliyun ビデオ オン デマンド VOD アップロード アドレスと証明書を Web アップロード SDK として取得する方法を紹介し、アップロード証明書の取得エラーの問題を解決する方法も紹介しますInvalidStorage.NotFound。この記事の学習を通じて、読者は自分のプロジェクトにビデオ アップロード機能をすぐに追加し、一般的なエラーを解決することができます。
1. ビデオ オン デマンドを使用して、音声とビデオのアップロードの全体的なプロセスを実現します。
VOD を使用してオーディオとビデオのアップロード、保存、処理、再生を実現する全体的なプロセスは次のとおりです。
-
オーディオとビデオのアップロード: まず、ユーザーは自分のオーディオまたはビデオを Alibaba Cloud VOD にアップロードする必要があります。このプロセスは、VOD コンソール、SDK のアップロード、API 操作などを使用して実行できます。Alibaba Cloud VOD は、複数のメディア形式のアップロードをサポートし、アップロードされたオーディオまたはビデオを統合します。
-
メディア処理: アップロード後、VOD はオーディオ ファイルとビデオ ファイルを自動的に処理します。このプロセスには、さまざまなデバイスで再生できるビデオとオーディオを作成するためのトランスコーディング、パッケージ化、解像度調整などが含まれます。さらに、ユーザーはウォーターマーク、スクリーンショット、浄化などの追加の処理を構成することもできます。
-
メディア素材管理: 処理が完了すると、VOD は各オーディオまたはビデオに一意の VideoID を生成し、関連するメタデータ情報を保存します。ユーザーは API または SDK を使用して、そのような情報をクエリおよび変更できます。
-
ストレージと配信: VOD は、オーディオとビデオのストレージとバックアップを実現できるオーディオとビデオのストレージ サービスをユーザーに提供します。さらに、Alibaba Cloud のグローバル CDN ネットワークを通じて、VOD による音声とビデオの迅速な配信も実現できます。
-
再生: Alibaba Cloud VOD は、プレーヤー SDK を介してクライアントで再生する、Web プレーヤーを介して Web ページで再生する、URL を介してサードパーティ プレーヤーで再生するなど、ユーザーがオーディオとビデオを再生するための複数の方法を提供します。
-
分析と最適化: さらに、Alibaba Cloud VOD は、ユーザーがオーディオとビデオの再生とユーザーの行動を理解し、それに応じてオーディオとビデオのリリース戦略を最適化するのに役立つ、豊富なオーディオとビデオの分析機能も提供します。
2.Web側でSDKをアップロードする
1.ビデオオンデマンドサービスを開きます
具体的なプロセスについては、この記事を読んでビデオ オン デマンド サービスを購入してアクティブ化することができます。
2.RAMユーザーの作成
作成が成功すると、
ユーザーの
vod の検索権限を追加するためのキー ID とシークレットを取得します。
3. アップロード アドレスと認証情報を取得します。
1. ノードの Express フレームワークは @alicloud/pop-core を使用してアップロード認証情報を取得します
ここではノードを例に挙げますが
、他の方法については公式 Web サイトを参照してください: https://help.aliyun.com/zh/vod/developer-reference/obtain-upload-urls-and-credentials?spm=a2c4g .11186623.0.0.d5851ee8drr4nV#タスク -1997361
1.Node.js SDKをインストールする
npm install @alicloud/pop-core --save
2. Node.js SDKを初期化する
AccessKeyの初期化
AccessKeyの情報を入力して初期化します。例は次のとおりです。
var RPCClient = require('@alicloud/pop-core').RPCClient;
function initVodClient(accessKeyId, accessKeySecret,) {
var regionId = 'cn-shanghai'; // 点播服务接入地域
var client = new RPCClient({
//填入AccessKey信息
accessKeyId: accessKeyId,
accessKeySecret: accessKeySecret,
endpoint: 'http://vod.' + regionId + '.aliyuncs.com',
apiVersion: '2017-03-21'
});
return client;
}
ここでのaccessKeyId合計は、accessKeySecret上で作成したramユーザーのid合計です。secret
3. アップロード アドレスと認証情報を取得します。
function getvod = async (req, res) => {
// 请求示例
let client = initVodClient( // 这里就是传入创建rma账号的id和secret
'accessKeyId',
'accessKeySecret'
);
const vodback = await client.request("CreateUploadVideo", {
Title: 'test vod',
FileName: 'filename.mp4'
}, {
})
res.status(200).json({
vod:vodback})
}
次に、インターフェイスのテストを作成します。
router.get('/getvod', getvod)
次に、postman を使用してインターフェイスを呼び出します。エラーが報告された場合は、The storageLocation does not exist次の理由が考えられます。
-
ALICLOUD アカウントにこの保存場所を作成していない可能性があります。この場所を作成するには、ALICLOUD 管理コンソールに移動する必要があります。
-
保存場所の名前のスペルを間違えている可能性があります。指定した名前が ALICLOUD の保存場所の名前と正確に一致していることを確認してください。
-
コード内に保存場所の名前をハードコーディングしている場合は、大文字小文字の違いや余分なスペースが原因である可能性があります。コードをもう一度確認してください。
-
**@alicloud/pop-core ライブラリのバージョンに互換性がない可能性があります**。最新バージョンに更新することをお勧めします。
-
保管場所にアクセスするための十分な権限を持っています。アカウントには、この保存場所にアクセスして作成する権限が必要です。
code: 'InvalidStorage.NotFound'
message: 'The storageLocation does not exist'
私がここの最初の者です。起動時の保存場所はありません。
啊啊啊啊啊 这里卡了我好久啊，问了阿里云的在线服务，需要启用存储位置才行！！！
有効にした後、インターフェイスを呼び出すと正常に戻ります
2. クライアントが VOD をアップロードします
1.公式デモをダウンロードする
公式のサンプルを見つけて、vue のソース コード サンプルをダウンロードします。
2. package.json ファイルを変更します。
npm run dev デモを開始
npm run dev
3. デモでアップロード インターフェイス アドレスを変更する
uploadAutn.vuein をcreateUrlアップロード証明書を取得するための独自のインターフェイス アドレスに置き換えます。
4. テストアップロード
アップロードされたビデオをオンデマンド管理で表示する
要約する
この記事では、@alicloud/pop-core を使用して Aliyun ビデオ オン デマンド VOD のアップロード アドレスと資格情報を取得する方法を紹介し、InvalidStorage.NotFoundエラー報告の問題を解決する方法を紹介します。この記事の学習を通じて、読者は自分のプロジェクトに簡単にビデオアップロード機能を追加することができ、問題が発生したときにすぐに問題を解決することができます。Alibaba Cloud VOD サービスは、非常に信頼性が高く効率的なビデオ保存および処理サービスであり、ビデオのアップロードおよび保存をサポートするだけでなく、さまざまなビデオ処理および配信機能も提供します。将来的には、Alibaba Cloud VOD サービスは非常に便利なツールとなるでしょう。この記事を通じて、読者がそれをよりよく理解し、使用できるようにしたいと考えています。