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

rtc-room 實(shí)時(shí)音視頻通話房間

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

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

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

支持服務(wù)類目

接入流程

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

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

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

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

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

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

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

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

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

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

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

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

屬性說(shuō)明

device-position 有效值

local-mirror 有效值

sound-mode 有效值

狀態(tài)碼

錯(cuò)誤碼

示例

跳轉(zhuǎn)編輯工具

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

在 WEB IDE 中打開

掃碼體驗(yàn)

代碼示例

請(qǐng)使用百度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">
  
  
  
 
  
  
  
 本地?cái)z像頭未打開
  
  
  
 
  
  
  
 
  
  
  
 

  
  
  
 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">