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

このドキュメントでは、ソーシャル共有を Brightcove ウェブ & スマートTV SDK と統合する方法について包括的に説明します。

概要

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

前提条件

  • Video Cloud にアクセスできる Brightcove アカウントを持っていること。

  • プロジェクトにインストールされている Brightcove ウェブ & スマートTV SDK。

使用例

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

    import { Player, IntegrationsManager } from '@brightcove/web-sdk/ui';
                
  2. Brightcove SDK からソーシャル共有統合クラスをインポートします。

    import { SocialSharingIntegrationFactory } from '@brightcove/web-sdk/integrations/socialSharing';
                
  3. Brightcove SDK からソーシャル共有統合 CSS をインポートします。

    import '@brightcove/web-sdk/integrations/socialSharing/styles';
                
  4. プレーヤーの作成と設定

    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
         },
       },
     });
  5. プレーヤーをマウント ルート(ページ内の 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
動的に更新できます。