Brightcove ウェブ & スマートTV SDK によるソーシャル共有の統合

概要

ソーシャル共有統合により、メディアプレーヤー内にソーシャル共有ボタンを含めることができ、Facebook、Twitter、Pinterest、LinkedInなどのソーシャルネットワークでコンテンツを簡単に共有することができます。この機能は、視聴者のエンゲージメントを高め、コンテンツの拡散を促進します。

前提条件

Video Cloud にアクセスできる Brightcove アカウントを持っていること。
プロジェクトにインストールされている Brightcove ウェブ & スマートTV SDK。

使用例

Brightcove SDK から Player (with UI) クラスをインポートします。

import { Player, IntegrationsManager } from '@brightcove/web-sdk/ui';

Brightcove SDK からソーシャル共有統合クラスをインポートします。

import { SocialSharingIntegrationFactory } from '@brightcove/web-sdk/integrations/socialSharing';

Brightcove SDK からソーシャル共有統合 CSS をインポートします。

import '@brightcove/web-sdk/integrations/socialSharing/styles';

プレーヤーの作成と設定

const player = new Player({accountId:'<account-id>'});


 player.updateConfiguration({
   integrations: {
     socialSharing: {
       title: 'Social Sharing Overlay Title',
       description: 'Overlay description...',
       services: {
         facebook: true,
         twitter: true,
         tumblr: false,
         pinterest: false,
         linkedin: false,
       },
       // etc
     },
   },
 });

プレーヤーをマウントルート（ページ内の DOM 要素）にアタッチします:

const root = document.querySelector('#player-mount-root');
 player.attach(root);

設定の概要

このセクションでは、ウェブ & スマートTV SDKを使用する際にソーシャル共有統合で利用可能な様々な設定オプションに関する詳細情報を提供します。

設定オプション	タイプ	デフォルト	説明
`title`	文字列	""	ソーシャルオーバーレイで使用するタイトルを指定します。動的に更新できます。
`description`	文字列	""	ソーシャルオーバーレイで使用する説明を提供するために使用されます。動的に更新できます。
`url`	文字列	""	生成されたURLを置き換えるカスタムURLを提供するために使われます。動的に更新できます。
`label`	文字列	""	ソーシャルオーバーレイのラベルを提供するために使用されます。プラグインの初期化時にのみ更新できます。
`embedCode`	文字列	""	生成された埋め込みコードを置き換えるカスタム埋め込みコードを提供するために使用します。動的に更新できます。
`embedDomain`	文字列	"players.brightcove.net"	この値は、埋め込みコードが設定されていない場合にのみ使用されます。プロキシが使用されている場合、カスタムドメインを提供するために使用されます。動的に更新できます。
`embedDimensions`	真偽値	false	trueの場合、プレーヤーの現在のサイズが埋め込みコードで提供されます。動的に更新できます。
`deeplinking`	真偽値	false	trueの場合、ダイレクトリンクは開始オフセットを含みます。動的に更新できます。
`offset`	文字列	"00:00:00"	URLの共有に使用する "hh:mm:ss "形式のオフセット。動的に更新できます。
`removeDirect`	真偽値	false	trueの場合、ダイレクトリンクをオフにします。動的に更新できます。
`removeEmbed`	真偽値	false	trueの場合、埋め込みコードをオフにします。動的に更新できます。
`services`	SocialSharingConfigurationServices	facebook twitter tumblr pinterestk linkedin	動的に更新できます。