音声のみモードで表示する画像の設定
を使用することができます。 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).事前に設定されている場合は、イニシャルが表示されます。