Brightcove Player V6 は、プレーヤの開発とカスタマイズをより簡単にするための大きな前進です。このブログでは、この新バージョンの利点の一部と、それを試す方法について説明します。バージョン 6 には以下が含まれます：
- 高度なプラグイン。改良されたプラグインAPIにより、プラグインの作成とメンテナンスがより簡単になりました。
- 動的なソース。プレーヤの初期化後に動画タイプを変更できるため、プレイリストや広告間でコンテンツ タイプを混在させることができ、条件付きローディングや動的なページ動作のサポートが向上します。
- アクセシビリティの更新。アウトラインスタイルを改善し、ネストしたボタンを削除しました。
- より簡単なUIカスタマイズ。よりシンプルなCSSモデルと、より優れたツールチップ。
なぜメジャー・バージョンなのか？
変更の可能性を最小限に抑え、既存のプラグインやカスタマイズとの互換性を保つために多大な努力を払いましたが、APIを簡素化するために行ったいくつかの変更により、いくつかの統合コードが壊れる可能性があるため、メジャーバージョン番号を増やしました。メジャーバージョン番号はこの可能性を示し、カスタマイズや統合がまだ動作することを確認するために見直す必要があることを意味します。
特集詳細
ダイナミック・ソース
Express や Django などの Web フレームワークで人気のミドルウェアを参考に設計された Brightcove Player のダイナミック ソースは、ソース選択プロセスとプレーヤ タイムラインを細かく制御できる、シンプルかつ強力な機能です。
高度なプラグイン
Brightcove Player V6 は、既存のプラグインと高度なプラグインの両方をサポートするようになりました。これらのプラグインは、ライフサイクル管理（セットアップ/破棄）など、プラグイン作者に多くの利点を提供し、メモリ リークの回避に役立ちます。この変更に伴い、どのプラグインが利用可能か、どのプラグインがプレーヤで現在使用中かを検出するための新しいプレーヤ メソッドが追加されました。
アクセシビリティ
Brightcove Player V5 では、障害のあるユーザーがプレーヤを利用しやすいように努めています。Brightcove Player V5 のユーザーからのフィードバックに基づき、アクセシブルな Web サイトでプレーヤーを使いやすくしました。
- 要素からアウトラインスタイルが削除されていたため、プレーヤーの中でどの要素がフォーカスされているのかがわかりにくかったり、わからなくなっていました。
- HTMLボタンの中にHTMLボタンがある場合がありました。これはスクリーン・リーダーを混乱させ、ボリューム・コントロールを使いにくくしました。
UIの改善
フィードバックに基づき、プレーヤーをより使いやすく、カスタマイズしやすくするために、いくつかの変更を加えました。具体的には、字幕とキャプションのコントロールを1つのメニューにまとめました。また、進行バーの時間ツールチップは、常にプレーヤーの境界内に収まるようになりました。
マイグレーションガイド
バージョン5用のプラグインは、バージョン6でも引き続き動作するはずです。ほとんどのプラグインは互換性があるはずですが、いくつかの後方互換性のない変更があるため、変更点を認識し、各プラグインを評価することが重要です。以下のセクションでは、これらの変更点と、お客様やパートナーのコードへの影響について説明します。
メソッド連鎖の削除
Brightcove Player V5 の比較的知られていない機能の 1 つに、多くのプレーヤ メソッドを jQuery スタイルで連鎖させることができるというものがあります。この問題は、いくつかの関数の戻り値が予測不可能になり、デバッグが困難なコードになることでした。関数が値を返すこともあれば、プレーヤ自身を返すこともありました。バージョン 6 では、メソッド チェイニングのサポートを削除しました。以前はメソッドがプレーヤーを返していましたが、現在は何も返しません。
src() 関数
Brightcove Player V5 では、src() 関数は video 要素内で再生されているソース URL を返します。これは、HLS のような特定の形式では、「blob」 URL を返すという問題を引き起こす可能性があります。これは、通常プレーヤに元々設定されていたソースを知りたがっていたユーザにとっては、事実上無意味です。バージョン 6 では、src() 関数は、新しい動的ソース選択プロシージャによって決定されたソース パスを返すようになりました。
非同期ソース設定
Brightcove Player V5 では、src() を呼び出して値を渡すと、同期ソース選択アルゴリズムが起動します。つまり、src() への後続の呼び出しは、最後の呼び出しによって選択されたソースを返します：
player.src({type: ‘video/mp4’, src: ‘foo.mp4’});
videojs.log(player.src().src); // ‘foo.mp4’
しかし、新しいソース選択メカニズムには非同期性が組み込まれており、カスタムソース選択のためのサーバーコールのような高度なワークフローをサポートしているため、プレーヤーは上記のことを保証できなくなりました。
UIとアクセシビリティの変更
Brightcove Player V6 で行われた UI およびアクセシビリティの変更により、HTML および CSS も変更された可能性があります。マークアップが変更されたコンポーネントは以下のとおりです：
- ボリューム・コントロール
- 字幕とキャプションの組み合わせメニュー
- プログレス・バー・タイム・ツールチップ
多くのカスタマイズを施したカスタムスキンは、これらの変更に対応する必要があるかもしれない。
非推奨
Brightcove Player 5 のいくつかのメソッドが非推奨となりました。これらのメソッドはブラウザ コンソールに警告を記録し、必要に応じて警告を回避する方法を提案します。主な変更点は以下のとおりです：
- videojs.plugin()は非推奨です。代わりにvideojs.registerPlugin()を使用してください。
- addClass()、hasClass()、createEl() などの DOM 操作メソッドは、videojs.dom というサブオブジェクトに移動されます。それぞれ適切な警告が記録されますが、Brightcove Player 6 の存続期間中は機能し続けます。
今すぐ始める
Brightcove Player V6 のプレリリース版をお試しいただき、ご感想をお聞かせください。
