Web
更新時間:
通過閱讀本文,您可以了解到Web SDK屏幕分享的使用方法。
實現(xiàn)方法
以下為屏幕共享的操作方法,更多信息,請參見DingRTC。
createScreenVideoTrack():創(chuàng)建一個屏幕共享的視頻軌道。
const [screenTrack] = await createScreenVideoTrack(config: ScreenVideoTrackConfig);
ScreenVideoTrackConfig:創(chuàng)建屏幕共享流時的配置對象, 以下是屬性信息:
屬性
類型
描述
dimension?
(Optional)視頻規(guī)格
displaySurface?
'browser' | 'window' | 'monitor'
(Optional)默認選中的共享內(nèi)容類型,支持設為標簽頁、應用窗口或屏幕。
frameRate?
number
(Optional)幀率
publish()發(fā)布屏幕共享,同頻道遠端用戶會觸發(fā)"user-published"事件,即可在事件回調(diào)中訂閱屏幕共享。
// 本地 localClient.publish(screenTrack) // 遠端 remoteClient.on('user-published', (user: RemoteUser, mediaType, isAuxillary) => { if (mediaType === 'video' && isAuxillary) { // 代表遠端用戶屏幕共享流發(fā)布 } })
"user-unpublished" 取消發(fā)布屏幕共享, 同頻道遠端用戶會觸發(fā)"user-unpublished"事件,即可在事件回調(diào)中取消訂閱屏幕共享。
// 本地 localClient.unpublish(screenTrack) // 遠端 remoteClient.on('user-unpublished', (user: RemoteUser, mediaType, isAuxillary) => { if (mediaType === 'video' && isAuxillary) { // 代表遠端用戶屏幕共享流停止發(fā)布 } })
subscribe()訂閱屏幕共享,第三個參數(shù)為true時,代表要訂閱該用戶的屏幕共享軌道。
client.subscribe(user.userId, 'video', true);
unsubscribe()取消訂閱屏幕共享,第三個參數(shù)為true時,代表要取消訂閱該用戶的屏幕共享軌道。
client.unsubscribe(user.userId, 'video', true);
文檔內(nèi)容是否對您有幫助?