LoginSignup
4
1

More than 5 years have passed since last update.

概要

Alibaba CloudのMedia Processing Serviceで動画形式を変換し、OSSとECSを利用して簡単な動画配信(VoD)を行います。

事前準備

今回はVoDのため、事前に以下の準備を行います。
1.動画の準備
 利用した動画はBig Buck BUNNYです。
 MP4形式の動画を利用しました。

2.OSSの準備
 1で準備した動画をOSS(Object Storage Service)にアップロードするためのバケットを作成します。
 今回は東京リージョンで作成しました。
 Media Service Processingのリージョンと同一リージョンにした方がスムーズです。

3.OSSに動画をアップロード
 2で作成したバケットに動画をアップロードします。
 ファイルページの「アップロード」ボタンをクリックするとアップロード画面が表示されます。
OSS2.PNG

 アップロード中
アップロード中

 アップロード後
 アップロードが完了したら一覧に表示されます。
アップロード後

Media Processing Service(MPS)の有効化

MPSを利用する際に、OSSとMNSのアクセス権の有効化を聞かれる場合があります。
有効化する必要があるので、画面に沿って進めてください。
アクセス権

画面に沿って進めると、こちらの画面にたどり着きます。
有効化
今回は正式なサービスとしての動画配信環境構築ではないので、オプションにあるMessageServiceやCDN、KeyManagementServiceは利用しません。

MPSのトランスコードタスク作成

ここからはOSSにアップロードした動画ファイルを変換する作業を行います。
タスク作成ボタンをクリックして、設定を開始します。
トランスコードタスク
2018/08/19時点ですが、タスク作成時に左上に表示されているリージョンと実際にタスクを作成するリージョンが異なっている場合があります。
リージョンが異なっているとOSSのバケットが選択できないという状況になります。
MPSの画面で一度別リージョンにしてから、再度リージョンを元に戻してください。

タスクの作成画面

タスク作成
入力:参照ボタンを押して次の画面で動画を指定します。
9.PNG

MPSキューのトランスコード:デフォルト設定のまま
出力名:名称を入力
出力場所:入力を設定したら自動で設定されます。フォルダなどを指定したい場合は参照ボタンをクリックして設定してください。

テンプレート設定

変換する内容を指定してトランスコードボタンをクリックします。
テンプレート設定

トランスコード完了後

トランスコードが完了すると出力場所にしていしたOSSにトランスコードされたファイルが出力されます。
トランスコード完了後

それぞれの設定状況を見る、以下の画像の赤枠部分が変わっていることが確認できます。
変換前
変換前

変換後
変換後

Webページで動画を表示させる

動画配信方法として今回は、Webページに動画を表示させます。
今回は大規模な動画配信システムではないのでCDNは利用していません。
そのため、OSS側でファイルのACLを公開読み取りに変更してください。(今回特別に設定しています。通常は非推奨です)
ECSでWebサーバーを構築します。
今回はUbuntuでApacheを入れ、sample.htmlというページを作成しました。
HTMLの内容はこの様な感じです。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Sample Movie</h1>
<video controls width="320">
  <source src="https://Bucketドメイン名/動画ファイル名" type="video/mp4" type="video/mp4">
</video>
</body>
</html>

ブラウザでページを確認すると、この様に表示され動画を再生することが出来ました。
画面

まとめ

今回はVoDの動画配信を実際に試してみました。
タスク作成部分でちょっとひっかかった部分がありましたが、動画の変換と配信が比較的簡単に出来ました。
動画のサイズが小さかったため、変換も数分程度で出来ました。
実際に動画配信サービスを行う時は、CDNを入れる必要があり、OSSのACL設定にも気を付ける必要があります。
ただし、CDNは使用に関する制限や審査があるため注意が必要です。
https://jp.alibabacloud.com/help/doc-detail/27114.htm
シンプルな構成なので慣れると使いやすいと思いますが、機能的にはまだ少ないと思うのでこれからに期待したいです。

4
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
1