@tencentcloud/trtc-component-wx 1.0.1 → 1.0.2

package/src/trtc-player.js

@@ -10,7 +10,8 @@ Component({
   },
   data: {
     player: {},
-    TRTCStreamId: ''
+    TRTCStreamId: '',
+    soundMode: ''
   },
   lifetimes: {
     attached() {
@@ -54,6 +55,11 @@ Component({
         this.setData({player: playerAttributes}, callback)
       }
     },
+    playerAudioRouteChange(event) {
+      const { soundMode, callback } = event
+      trtcCloud.logger.info('trtc-player playerAudioRouteChange', soundMode)
+      this.setData({ soundMode }, callback)
+    },
     getTRTCStreamId(streamId) {
       const tempArray = streamId.split('_')
       const userId = tempArray.slice(0, -1).join('_')
@@ -62,9 +68,11 @@ Component({
     },
     bindTRTCCloudEvent() {
       InterfaceEventEmitter.on('playerAttributesChange', this.playerAttributesChange, this)
+      InterfaceEventEmitter.on('playerAudioRouteChange', this.playerAudioRouteChange, this)
     },
     unbindTRTCCloudEvent() {
       InterfaceEventEmitter.off('playerAttributesChange', this.playerAttributesChange)
+      InterfaceEventEmitter.off('playerAudioRouteChange', this.playerAudioRouteChange)
     },
     // 请保持跟 wxml 中绑定的事件名称一致
     _playerStateChange(event) {

package/src/trtc-player.wxml

@@ -4,7 +4,7 @@
     autoplay="{{player.autoplay}}" mute-audio="{{player.muteAudio}}" mute-video="{{player.muteVideo}}"
     orientation="{{player.orientation}}" object-fit="{{player.objectFit}}"
     background-mute="{{player.enableBackgroundMute}}" min-cache="{{player.minCache}}" max-cache="{{player.maxCache}}"
-    sound-mode="{{player.soundMode}}" enable-recv-message="{{player.enableRecvMessage}}"
+    sound-mode="{{soundMode}}" enable-recv-message="{{player.enableRecvMessage}}"
     auto-pause-if-navigate="{{player.autoPauseIfNavigate}}" auto-pause-if-open-native="{{player.autoPauseIfOpenNative}}"
     debug="{{player.debug}}" bindstatechange="_playerStateChange" bindfullscreenchange="_playerFullscreenChange"
     bindnetstatus="_playerNetStatus" bindaudiovolumenotify="_playerAudioVolumeNotify" />

package/src/trtc-pusher.js

@@ -31,11 +31,18 @@ Component({
       const {pusher, callback} = event
       this.setData({pusher}, callback)
     },
+    playerAudioRouteChange(event) {
+      const { soundMode, callback } = event
+      trtcCloud.logger.info('trtc-player playerAudioRouteChange', soundMode)
+      this.setData({ soundMode }, callback)
+    },
     bindTRTCCloudEvent() {
       InterfaceEventEmitter.on('pusherAttributesChange', this.pusherAttributesChange, this)
+      InterfaceEventEmitter.on('playerAudioRouteChange', this.playerAudioRouteChange, this)
     },
     unbindTRTCCloudEvent() {
       InterfaceEventEmitter.off('pusherAttributesChange', this.pusherAttributesChange)
+      InterfaceEventEmitter.off('playerAudioRouteChange', this.playerAudioRouteChange)
     },
     // 请保持跟 wxml 中绑定的事件名称一致
     _pusherStateChangeHandler(event) {

package/src/trtc-pusher.wxml

@@ -16,5 +16,7 @@
         binderror="_pusherErrorHandler" bindbgmstart="_pusherBGMStartHandler"
         bindbgmprogress="_pusherBGMProgressHandler" bindbgmcomplete="_pusherBGMCompleteHandler"
         bindaudiovolumenotify="_pusherAudioVolumeNotify" />
+    <live-player class="trtc-player" sound-mode="{{soundMode}}">
+    </live-player>
     <!-- <camera wx:if="{{pusher.videoPreview}}" class="trtc-camera" device-position="{{pusher.frontCamera}}"></camera> -->
 </view>

package/src/trtc-pusher.wxss

@@ -13,3 +13,8 @@
   position: absolute;
   top: 0;
 }
+.trtc-player {
+  width: 0;
+  height: 0;
+  display: flex;
+}