プレーヤ パブリッシング

Brightcove Studio Publishing モジュールは、シンプルで直感的なユーザー インターフェイスを備えたリッチ メディア コンテンツを作成、カスタマイズ、管理、公開するための柔軟で高速なツールです。Publishing モジュールを使用すると、以下のことができます。

  • 標準のプレーヤ テンプレートから、Flash Player 9 を使用して ActionScript 3 で実装されたプレーヤを作成する。
  • プレーヤの表示コンポーネントや UI コントロールをカスタマイズして、選択した色、テーマ、ブランディングで独自のプレーヤ デザインを作成する。
  • ホスティング オプション、バイラル プロモーション ツール、地域フィルタリング、バンパなどのポリシをプレーヤ レベルで設定する。

このトピックでは Publishing モジュールの次の側面について学習できます。

Common questions about the Video Cloud Studio Publishing module.

Brightcove 動画を表示するためのシステム要件は何ですか。

視聴者が Brightcove プレーヤを使用するためには、次のブラウザおよび Flash バージョンのいずれかをインストールしている必要があります。

この記事では、動画を Brightcove プレーヤにロードする、Flash の基本動作ファイルについて説明します。この簡単な例にはコードが少ししかありません。基本動作ファイルを必要とする場合、または Brightcove プレーヤの使用に慣れていない Flash デザイナーには、よい出発点となります。

要件

この記事のサンプル コードには Adobe Flash CS3 以降が必要です。この方法は CS2 で使用できますが、特にこの FLA は、CS3 以降で開く必要があります。

サンプル ファイルをダウンロードして解凍します。

ファイルについて

zip ファイルには以下のファイルが含まれます。

BrightcovePlayer.as

このファイルには、シングル動画プレーヤ用の ActionScript パブリッシング コードが含まれます。変更なしに使用できます。

プレーヤは、Web 上で視聴者にメディアを公開するためのコンポーネントを集めたものです。動画プレーヤには動画ディスプレイ パネルがあり、リスト、ラベル、タブバーなどのコンポーネントも搭載できます。Brightcove Studio の Publishing モジュールで、予め定義されたテンプレートを使用してプレーヤを作成できます。Brightcove Pro および Enterprise をお使いのお客様は、カスタム プレーヤ テンプレートを作成してそれらをアカウントに追加できます。

プレーヤを作成する

Publishing モジュールで新しいプレーヤを作成するには、以下の手順を行います。

  1. [新規プレーヤ] をクリックします。

このトピックでは、Brightcove プレーヤを公開するため、Publishing モジュールからプレーヤ パブリッシング コードを生成する方法を学習します。Publishing モジュールが生成できる様々なパブリッシング コードのフォーマット、生成したコードに JavaScript を使用する利点、パブリッシング コードを取得し変更する方法について説明します。

Publishing モジュールが生成できる様々なプレーヤ パブリッシング コードのタイプを理解することによって、様々な公開プラットフォームに適切なタイプを選択できます。パブリッシング コードを取得する方法、およびそれをどのようにいつ変更するかがわかります。

まだ Publishing モジュールに慣れていない場合は、Publishing モジュールの基礎を参照してください。まだプレーヤを作成していない場合、Publishing モジュールでプレーヤを作成するで作成方法を学習できます。

Publishing モジュールは、プレーヤ パブリッシング コードをいくつかのフォーマットで生成でき、それぞれがプレーヤを公開します。

JavaScript パブリッシング コードを使用していて、Brightcove プレーヤを公開したい Web ページが、標準の HTTP プロトコルではなく、安全な HTTPS プロトコルを使用している場合、HTTPS で機能するようにプレーヤのパブリッシング コードを修正する必要があります。これにより Brightcove プレーヤが HTTPS を使用するのではないことに注意してください。プレーヤの通信によって発生するセキュリティ警告が視聴者のブラウザに表示されることを防ぐだけです。ただし、視聴者がデフォルト設定よりも制限的なブラウザのセキュリティ設定を使用している場合、ページにセキュリティ警告が表示されたり、プレーヤをまったくロードできない場合もあります。

Brightcove では、プレーヤを公開するための 4 つのコード オプションを提供しています。ここでは、状況に応じて適切なプレーヤ パブリッシング コードを選択するためのクイック ガイドを示します。

A look at how to use the Quick Video Publishing feature in the Video Cloud Studio to select a video in your Media Library and immediately get publishing code to load that video into one of the single-video players in your account.

このドキュメントでは、Brightcove Studio のクイック動画公開機能を使用して、メディア ライブラリの動画を選択し、直ちにパブリッシング コードを取得して、動画をアカウントのシングル動画プレーヤの 1 つにロードする方法を説明します。

カムタム プレーヤ テンプレートは、Brightcove Pro エディションおよび Enterprise エディションをご利用の方にのみ利用できます。Brightcove アカウントのアップグレードについては、Brightcove にお問い合わせください。

Video Cloud プレーヤのパブリッシング コードを編集して、プレーヤのさまざまな動作の構成を行うことができます。このリファレンス トピックでは、Video Cloud でサポートされるプレーヤ構成パラメータを示し、JavaScript、ActionScript、および HTML 埋め込みコードでプレーヤ構成パラメータを指定するために使用される様々な構文を示します。

プレーヤのパラメータを構成すると、2 つの別の場所で、同じプレーヤのインスタンスに異なる動作をさせる必要がある場合にも役立ちます。

このトピックでは、次の点について学習します。

Brightcove プレーヤの JavaScript/HTML プレーヤ パブリッシング コードを変更すれば、ページのロードが完了してから、プレーヤをページに書き込めるようになります。Brightcove 4.0.4 リリースの前に公開されたプレーヤでは、これがデフォルトの動作でした。この動作が実装されたのは、Microsoft Internet Explorer 6 で、他のコンテンツ(特に画像)で重いページに Flash コンテンツを動的に書き出そうとすると、他のコンテンツがロードされなくなることがあるという問題があり、この問題を克服するためでした。

以前のデフォルト動作を復活させて、ページの他の部分がロードされるまでプレーヤを待機させたい場合は、プレーヤ パブリッシング コードの最後にある下記の行を削除します。

Brightcove プレーヤのコンポーネントを紹介し、プレーヤのコントロールについて視聴者の視点で説明します。この例では、もっともコンポーネント数が多い Tabbed Navigation 3.0 プレーヤ テンプレートを使用します。

Tabbed Navigation 3.0 Player

Tabbed Navigation 3.0

Brightcove 3 は、Web サイトの動画配信に多くのメリットをもたらします。重要なメリットの 1 つが、パフォーマンスです。以前の ActionScript 2 プレーヤと比較して、新しい ActionScript 3 (AS3) プレーヤのロード時間は大幅に短縮されています。比較結果をご確認ください。

デモを起動する

ActionScript 3 への移行による利点についての詳細は、Adobe デモ ページを参照してください。

Brightcove のクイック公開機能を利用すれば、動画を速やかに Web サイトで公開することができます。このトピックでは、動画を速やかに公開するためのもう 1つの方法について説明します。

この例では、速報表示用に Web ページの上端にプレーヤを配置しているとします。この速報用プレーヤにはプレイリストを 1 つ割り当てています。このプレイリストはスマート プレイリストであり、次のとおりに設定してあります。

  • すべての動画に「breaking」というタグを割り当てています。
  • 動画を新しい順に再生するように指定しています。

準備したこのプレーヤとプレイリストを例にとって、新しい動画を速やかに公開する方法を示します。

動画チュートリアル

このトピックでは、Brightcove プレーヤへの短縮リンク URL の作成方法を説明します。

Brightcove プレーヤの正式なリンクは非常に長くなります。Twitter やその他のソーシャル メディア プラットフォームなどのいくつかのアプリケーションでは長い URL アドレスを使用することができません。この制限に対応するために、Brightcove ではプレーヤ リンク用に短縮 URL を作成することができます。プレーヤの [共有] または [リンクを取得] オプションを視聴者がクリックすると、短縮 URL が作成され配信されます。一方で正式な URL は [電子メール共有] オプションで使用されます。

短縮 URL のデフォルト ドメインは bcove.me です。例として、下記のような長いプレーヤ リンクを挙げます。

Brightcove プレーヤには、視聴者が見ていた動画のリンクをコピー & ペーストすることができる「リンクを取得」コントロールと、視聴者が動画のリンクをメールで送信できる「メール」コントロールがあります。デフォルトでは、プレーヤの共有リンクは Brightcove がホストするプレーヤを指していますが、自社のサイト上のプレーヤが配置された親ページ(または、別のページ)に対するリンクを視聴者に提供したい場合があるかもしれません。プレーヤの公開方法によって、デフォルトのリンク URL よりもカスタム共有リンクを優先させる方法があります。

このトピックでは、「なぜ動画を再生できないのか」という非常に基本的な質問にお答えします。

動画再生に関する問題には様々な理由があります。サポート チームに連絡する前に問題の原因を突き止めるのに、以下のトラブルシューティングの手順が役立つと思います。さらにサポートが必要な場合は、サポート要求を送信してください。サポート チームのメンバーが、喜んでサポートします。

このトピックには、以下の内容が含まれています。

再生に関するトラブルシューティングのチェックリスト

再生に関する問題を解決または少なくとも切り分けるために、以下のすべてまたは一部を実行してください。

ブラウザのキャッシュをクリアする

現在のページのブラウザ キャッシュをクリアするには:

Brightcove では、Brightcove プレーヤが思うように動作しない原因を探るために役立つプレーヤ ロギング ユーティリティを提供しています。

プレーヤ ロギングを使用する

動作中の Brightcove プレーヤからのメッセージを表示することは簡単です。ブラウザに Brightcove プレーヤをロードし、http://developer.brightcove.comBrightcove デベロッパ センタへ移動します。ページの右端の列の プレーヤ デバッガをクリックします。 次のようなBrightcove デバッガが開きます。

Techniques for resizing your Video Cloud players.

Brightcove のプレーヤは、Flash Player 9 技術によって構築されています。そのため、プレーヤでは Flash 9 のクロスドメイン セキュリティ機能を使用します。この問題に関する詳細は、次の Adobe Flash の記事を参照してください。