• rtc-room 實時音視頻通話房間
  • 屬性說明
    • device-position 有效值
    • local-mirror 有效值
    • sound-mode 有效值
    • 狀態(tài)碼
    • 錯誤碼
  • 示例
    • 圖片示例
    • 代碼示例

rtc-room 實時音視頻通話房間

基礎(chǔ)庫 v3.200.106 起支持，默認(rèn)為同層渲染。

創(chuàng)新互聯(lián)建站主營德江網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都app軟件開發(fā),德江h(huán)5小程序制作搭建,德江網(wǎng)站營銷推廣歡迎德江等地區(qū)企業(yè)咨詢

解釋：實時音視頻 RTC 房間，內(nèi)部由多個 rtc-room-item 組件。該組件還提供豐富的 API 來控制登錄、退出房間，發(fā)布 / 取消發(fā)布本地流，訂閱 / 取消訂閱遠(yuǎn)端流，控制遠(yuǎn)端流音視頻等，詳見 swan.createRtcRomContext 。只針對以下一級類目及其二級類目開放，詳見支持服務(wù)類目。需要先通過類目審核，再在小程序管理后臺，“開發(fā)管理 -> 功能管理”頁面的“實時音視頻通話”模塊中自助開通該組件權(quán)限，詳見接入流程。
Web 態(tài)說明：Web 態(tài)使用降級方案支持 rtc 實時音視頻。設(shè)置 rtc-room 組件的相關(guān)屬性和方法無效。

支持服務(wù)類目

接入流程

1.【小程序】支持在“開發(fā)者平臺 -> 開發(fā)管理 -> 功能管理 -> 實時音視頻通話”開通使用。

當(dāng)該小程序類目不屬于上述類目時，暫不支持開通該服務(wù)，支持服務(wù)類目見文中支持服務(wù)類目。

2. 【小程序】符合類目要求時，點擊開通后引導(dǎo)進(jìn)入智能云平臺進(jìn)行登錄。

3. 注冊完成后進(jìn)“云資源訪問授權(quán)頁面”，點擊授權(quán)后進(jìn)行實名認(rèn)證判斷：

3.1 當(dāng)實名認(rèn)證已完成后，則跳轉(zhuǎn)至小程序開發(fā)者平臺，表示開通完成；

3.2 當(dāng)實名認(rèn)證未完成時，則跳轉(zhuǎn)至實名認(rèn)證頁面進(jìn)行認(rèn)證，按照頁面指引進(jìn)行認(rèn)證。

認(rèn)證申請?zhí)峤缓蟮却龑徍私Y(jié)果，預(yù)計半小時左右。

（1）審核通過后智能云短信通知，重新打開小程序開發(fā)者平臺，表示開通完成。

（2）審核未通過后智能云短信通知，重新打開小程序開發(fā)者平臺，表示未審核成功，點擊『立即認(rèn)證』查看認(rèn)證失敗原因并重新認(rèn)證。

4. 在開發(fā)者平臺點擊『實時音視頻通話』進(jìn)入智能云 RTC 控制臺，創(chuàng)建應(yīng)用獲取 SDKAppID ，按照操作指南進(jìn)行開發(fā)。

5. 開發(fā)完成后可在小程序平臺進(jìn)行 RTC 更多操作和查看：

• 查看費用：跳轉(zhuǎn)到智能云平臺快速查看消耗費用明細(xì)情況。
• 關(guān)閉：快速暫停該能力使用，暫停后不再耗費費用，該能力也無法使用。
• 開通：重新使用該能力，開通后該能力可以繼續(xù)使用，隨著使用開始消耗費用。

屬性說明

device-position 有效值

local-mirror 有效值

sound-mode 有效值

狀態(tài)碼

錯誤碼

示例

跳轉(zhuǎn)編輯工具

在開發(fā)者工具中打開

在 WEB IDE 中打開

掃碼體驗

代碼示例

請使用百度APP掃碼

圖片示例

代碼示例

• SWAN
• JS

 
 
 

  
  
  

  
  
  
 

  
  
  
 id="doubleRoom"
  
  
  
 class="rtc-room"
  
  
  
 enable-camera="{{enableCamera}}"
  
  
  
 enable-auto-focus="{{enableAutoFocus}}"
  
  
  
 enable-zoom="{{enableZoom}}"
  
  
  
 device-position="{{devicePosition}}"
  
  
  
 enable-mic="{{enableMic}}"
  
  
  
 enable-agc="{{enableAgc}}"
  
  
  
 enable-ans="{{enableAns}}"
  
  
  
 bitrate="{{bitrate}}"
  
  
  
 video-width="{{videoWidth}}"
  
  
  
 video-height="{{videoHeight}}"
  
  
  
 enable-remote-mirror="{{enableRemoteMirror}}"
  
  
  
 local-mirror="{{localMirror}}"
  
  
  
 sound-mode="{{soundMode}}"
  
  
  
 bindstatechange="handleStateChange"
  
  
  
 binderror="handleError">
  
  
  
 

  
  
  
 id="localView"
  
  
  
 type="local"
  
  
  
 user-id="{{localUserId}}"
  
  
  
 data-key="local"
  
  
  
 class="{{isLocalMainView ? 'main-view' : 'small-view'}}"
  
  
  
 bindtap="toggleMainView">
  
  
  
 
  
  
  
 

  
  
  
 src="https://b.bdstatic.com/searchbox/icms/searchbox/img/loading-icon.png"
  
  
  
 class="rotate-img">
  
  
  
 
  
  
  
 等待接聽...
  
  
  
 
  
  
  
 
  
  
  
 

  
  
  
 class="camera-off-image"
  
  
  
 src="https://b.bdstatic.com/searchbox/icms/searchbox/img/off-camera.png">
  
  
  
 
  
  
  
 本地攝像頭未打開
  
  
  
 
  
  
  
 
  
  
  
 

  
  
  
 id="remoteView"
  
  
  
 s-if="streamList.length !== 0"
  
  
  
 type="remote"
  
  
  
 user-id="{{streamList[0].userId}}"
  
  
  
 data-key="remote"
  
  
  
 class="{{isLocalMainView ? 'small-view' : 'main-view'}}"
  
  
  
 bindtap="toggleMainView">
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 

  
  
  
 class="btn-image"
  
  
  
 src="{{enableMic
  
  
  
 ? 'https://b.bdstatic.com/searchbox/icms/searchbox/img/audio-off.png'
  
  
  
 : 'https://b.bdstatic.com/searchbox/icms/searchbox/img/audio-on.png'
  
  
  
 }} ">
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 

  
  
  
 class="btn-image"
  
  
  
 src="{{soundMode === 'ear'
  
  
  
 ? 'https://b.bdstatic.com/searchbox/icms/searchbox/img/speaker-off.png'
  
  
  
 : 'https://b.bdstatic.com/searchbox/icms/searchbox/img/speaker-on.png'}} ">
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 

  
  
  
 class="btn-image"
  
  
  
 src="https://b.bdstatic.com/searchbox/icms/searchbox/img/hangup.png">
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 

  
  
  
 class="btn-image"
  
  
  
 src="{{enableCamera
  
  
  
 ? 'https://b.bdstatic.com/searchbox/icms/searchbox/img/camera-off.png'
  
  
  
 : 'https://b.bdstatic.com/searchbox/icms/searchbox/img/camera-on.png'}} ">
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 

  
  
  
 class="btn-image"
  
  
  
 src="https://b.bdstatic.com/searchbox/icms/searchbox/img/switch.png">