ステップ・バイ・ステップ：Video Cloud Studio の公開ワークフロー

このトピックでは、Video Cloud Studio を使用した基本的な動画公開ワークフローについて学びます。自分自身で操作しながら、Video Cloud の機能を発見できるステップを紹介します。

このトピックは、オンデマンド トレーニングコース「Video Cloud のイントロダクション」に対応しています。トレーニングで使用する実践的な演習は、このドキュメントのステップに基づいています。まずはトレーニングを視聴し、その後このドキュメントを使用してご自身でステップを完了させることをおすすめします。

前提条件

  • Video Cloud アカウント — こちらからトライアルアカウントに登録できます。
  • いくつかのサンプル動画をご用意いただくか、こちらからサンプル動画をダウンロードしてください。

概要

このトピックでは、単一の動画とプレイリストの両方について基本的な公開プロセスを説明します。以下のトピックを扱います：

Analytics モジュールはこのクイックスタートでは扱いません。アナリティクスについては、オンデマンド トレーニング「Video Cloud 分析のイントロ」をご覧ください。

Video Cloud への動画アップロード

作業を始める前に、サンプル動画をいくつか用意するか、こちらからダウンロードしてください。

Video Cloud アカウントにサインイン

  1. ブラウザで https://studio.brightcove.com にアクセスします。
  2. 認証情報を入力し、サインイン をクリックします。

ローカル動画を Video Cloud にアップロード

  1. 任意のモジュールから、上部ツールバーの アップロード をクリックして、Upload パネルを開きます。
    動画を参照と URL を入力のオプション、および取り込みプロファイル セレクタが表示された Upload パネル
  2. ドロップダウンから 取り込みプロファイル を選択します。
  3. 動画を参照 をクリックして動画を選択するか、動画をパネルにドラッグします。URL を入力 をクリックしてリモートファイルを取り込むこともできます。
  4. パネルには各動画とそのアップロードの進捗が表示されます。動画の処理中は、ブラウザタブを閉じたり離れたりしないでください。アップロードが中断される可能性があります。
  5. 処理が完了すると、各動画は完了の状態を表示し、その時点でページを離れても問題ありません。

リモート動画を Video Cloud にアップロード

  1. Upload パネルで、URL を入力 をクリックします。
  2. Amazon S3 上にホストされたファイルの URL を以下の通り入力します：
    http://support.brightcove.com/test-assets/videos/oystercatcher.mp4
  3. アップロード をクリックして取り込みを開始します。

（オプション）モバイル端末からの動画アップロード

  1. モバイル端末で https://studio.brightcove.com にアクセスします。
  2. 上部ツールバーから Upload パネルを開きます。
  3. 取り込みプロファイルを選択します。
  4. 動画を参照 をタップします。端末のカメラロールが開きます。
  5. アップロードする動画を選択します。同じ Upload パネルに進捗が表示されます。

動画プロパティの編集

このタスクでは、単一動画の動画プロパティを編集します。

  1. サイドナビゲーションで メディア をクリックして Media モジュールを開きます。
  2. 動画一覧で動画のタイトルをクリックして、動画プロパティのページを開きます。
    情報アコーディオンが展開された動画プロパティのページ
  3. 情報 アコーディオンを展開します。短い説明 に Pelican on the rocks を設定します。
  4. タグ フィールドに birds と入力し、Enter を押します。
  5. 情報アコーディオンの下部にある 保存 をクリックします。
  6. ページ上部のパンくずリストを使用して メディア に戻ります。
  7. Oystercatcher 動画を開きます。情報 アコーディオンで以下のフィールドを設定し、保存 をクリックします：
    • 名前： Oystercatcher
    • 短い説明： Oystercatcher on the beach
    • タグ： birds
  8. Chickadee と Woodpecker の動画についても同様に行い、それぞれに birds のタグを付けます。
  9. （オプション）他の動物の動画にも animals のタグを付けます。

プレーヤーの作成とスタイリング

このタスクでは、プレーヤーを作成してスタイルを設定します。

新しいプレーヤーの作成

  1. サイドナビゲーションで プレーヤー をクリックして Players モジュールを開きます。
  2. プレーヤーを追加 をクリックします。プレーヤーを追加ダイアログが開きます。
    名前と短い説明のフィールド、キャンセルおよび作成ボタンを備えたプレーヤーを追加ダイアログ
  3. 名前 に Custom Player と入力し、作成 をクリックします。

プレーヤーのスタイリング

  1. プレーヤー一覧から Custom Player の名前をクリックしてプレーヤーを開きます。
  2. ページ上部に表示されている プレーヤーの種類 が 単一動画 であることを確認します。（プレーヤーの種類は 情報 アコーディオンから変更できます。）
  3. プレーヤーのページで、サイドパネルの スタイル設定 アコーディオンを展開します。
    タイトルおよび説明文を表示、再生ボタンの形のオプション、テーマをリセットボタンを備えたカラーテーマパネルが表示されたスタイル設定セクション
  4. タイトルおよび説明文を表示 をオンにします。
  5. 再生ボタンの形（円、四角、長方形）と 再生ボタンの位置 を選択します。
  6. カラーテーマ の下で、再生ボタン のカラースウォッチをクリックし、赤系の色を選択します。
    再生ボタンの色のカラーピッカーが開かれ、HEX 入力とカラーグラデーションが表示されている
  7. ページ上部のプレーヤープレビューに色の変更が反映されていることを確認します。やり直すには、テーマをリセット をクリックします。
  8. 上部のアクションバーで 変更を公開 をクリックして編集を公開します。公開済みのプレーヤーをプレビューしたり埋め込みコードをコピーしたりするには、代わりに 埋め込みとプレビュー をクリックします。

動画のウェブ公開

このタスクでは、単一の動画をウェブに公開します。

  1. サイドナビゲーションで メディア をクリックして Media モジュールを開きます。
  2. Brown Pelican 動画の横にあるチェックボックスを選択します。ページ下部に選択アクションバーが表示されます。
    メディア一覧の下部に表示された選択アクションバー（移動、プレイリストに追加、削除、その他のアクションのボタン）
  3. その他のアクション をクリックし、ウェブに公開 を選択します。
    ウェブに公開、ソーシャルに公開、Gallery で使用、メールで公開、関連アカウントに共有を表示するその他のアクションメニュー
  4. ウェブに埋め込みダイアログが開きます。
    プレーヤードロップダウン、プレーヤーサイズ、アスペクト比、埋め込みコードのタブ、URL をコピーおよびプレビューボタンを表示するウェブに埋め込みダイアログ
  5. プレーヤー ドロップダウンから Custom Player を選択します。これは先ほど作成したプレーヤーです。
  6. プレビュー または URL をコピー をクリックして、公開された動画を新しいブラウザタブで開きます。動画が表示され、再生されることを確認します。
  7. （オプション）URL をモバイル端末にメール送信し、端末で動画が再生されることを確認します。
  8. 完了 をクリックしてダイアログを閉じます。

プレイリストの作成

このタスクでは、手動プレイリストとスマートプレイリストを作成します。

手動プレイリストの作成

  1. サイドナビゲーションで メディア をクリックして Media モジュールを開きます。
  2. Media モジュール上部の プレイリスト タブに切り替えます。
  3. 新しいプレイリストを作成 をクリックします。プレイリストを作成のサイドパネルが開きます。
  4. プレイリスト名 に Favorites を設定します。
  5. プレイリストの種類 の下で 手動プレイリスト をクリックします。
  6. プレイリストを作成 をクリックします。新しいプレイリストが開きます。
  7. このプレイリストをサイドナビゲーションに固定したい場合は、サイドバーに表示 をオンにします。

手動プレイリストへの動画追加

  1. 動画 タブに戻ります。
  2. 追加したい各動画の横にあるチェックボックスを選択します。
  3. 選択アクションバーで プレイリストに追加 をクリックします。
  4. Favorites プレイリストを選択し、追加 をクリックします。
  5. プレイリスト タブに切り替えて Favorites を開き、動画が追加されたことを確認します。
  6. 一覧内で行を新しい位置にドラッグすることで、動画の順序を並べ替えます。

スマートプレイリストの作成

  1. プレイリスト タブで、もう一度 新しいプレイリストを作成 をクリックします。
  2. プレイリスト名 に Birds を設定します。
  3. プレイリストの種類 の下で スマートプレイリスト をクリックします。
  4. プレイリストを作成 をクリックします。プレイリストがスマートプレイリストのフィルター エディターとともに開きます。
  5. パラメーター を タグ に設定します。
  6. オペレーターを いずれかに一致 に設定します。
  7. タグに birds を入力し、Enter を押します。
  8. 適用 をクリックします。一致する動画がプレイリストプレビューに表示されます。
  9. サイドバーに表示 を切り替える場合は、情報 アコーディオンを開きます。
  10. 鳥の動画がプレイリストに表示されていることを確認します。

プレイリストの公開

このタスクでは、プレイリスト対応のプレーヤーを作成し、そのプレーヤーでプレイリストを公開します。

プレイリストに対応するプレーヤーの作成

  1. サイドナビゲーションで プレーヤー をクリックして Players モジュールを開きます。
  2. プレーヤーを追加 をクリックします。プレーヤーの名前を Playlist Player に設定し、作成 をクリックします。
  3. プレーヤー一覧から Playlist Player の名前をクリックしてプレーヤーを開きます。
  4. 情報 アコーディオンを展開します。プレーヤーの種類 を プレイリスト に変更します。
  5. アスペクト比 を 16:9 に、幅 を 640 px に設定します。
  6. スタイル設定 アコーディオンを展開します。プレイリストの種類 の下で サイドに表示（縦レイアウト）を選択します。
  7. 再生 アコーディオンを展開します。選択時に動画を再生 と 連続再生モード をオンにします。
  8. 上部のアクションバーで 変更を公開 をクリックします。

プレイリストの公開

  1. サイドナビゲーションで メディア をクリックします。
  2. プレイリスト タブに切り替えます。
  3. Birds プレイリストの横にあるチェックボックスを選択します。
  4. 選択アクションバーで その他のアクション > ウェブに公開 をクリックします。
  5. ウェブに埋め込みダイアログの プレーヤー ドロップダウンから Playlist Player を選択します。
  6. プレビュー または URL をコピー をクリックします。プレイリスト プレーヤーが新しいブラウザタブで開きます。プレイリスト プレーヤーが表示され、動画が再生できることを確認します。
  7. （オプション）URL をモバイル端末にメール送信し、端末でプレイリストが動作することを確認します。