音声のみモードで表示する画像の設定

を使用することができます。 backgroundImageURI スタイルを使用して、ビデオがない場合に表示される画像を設定します。設定する値は、Web 上の画像の URL にすることができます。また data: を使用して取得したURLのようなものです。 getImgData() メソッドは、サブスクライバー・オブジェクトの 前節).

次のコードは、サブスクライバーの背景画像を設定します。への呼び出しが Session.subscribe() が正常に完了すると、背景画像が設定される。ビデオストリームがある場合、背景は加入者のビデオからキャプチャされた静止画像に設定され、そうでない場合は、Web URLからロードされた画像に設定されます:

var subscriber = session.subscribe(event.stream, 'subscriberElement', function(error) {
  if (error) {
    console.log(error.message)'
    return;
  }
  if (subscriber.stream.hasVideo) {
    var imgData = subscriber.getImgData();
    subscriber.setStyle('backgroundImageURI', imgData);
  } else {
    subscriber.setStyle('backgroundImageURI',
      'https://tokbox.com/img/styleguide/tb-colors-cream.png'
    );
  }
});

加入者に背景画像を設定しない場合、ビデオがないときは、ストリームのイニシャルが表示されます、 のパブリッシャーがストリームを初期化したときにイニシャルが設定されていた場合、ストリームのイニシャルが表示されます。 パブリッシャーがストリームを初期化したときに (を表示します。 パブリッシャーの初期化).

例えば、no imageを渡せば、現在の背景を取り除くことができる: subscriber.setStyle('backgroundImageURI', null).事前に設定されている場合は、イニシャルが表示されます。