@tencentcloud/trtc-component-wx 1.0.6 → 1.0.7

package/miniprogram_dist/trtc-player.js

@@ -111,7 +111,19 @@ var InterfaceEventEmitter = trtcCloud.InterfaceEventEmitter;
 
 Component({
   properties: {
-    streamId: String
+    streamId: String,
+    pictureInPictureMode: {
+      type: null
+    },
+    pictureInPictureInitPosition: {
+      type: String
+    },
+    enableSystemPip: {
+      type: Boolean
+    },
+    enableCasting: {
+      type: Boolean
+    }
   },
   data: {
     player: {},
@@ -186,16 +198,22 @@ Component({
       InterfaceEventEmitter.off('playerAttributesChange', this.playerAttributesChange);
       InterfaceEventEmitter.off('playerAudioRouteChange', this.playerAudioRouteChange);
     },
+    emitDocEvent: function emitDocEvent(name, event) {
+      this.triggerEvent(name, event && event.detail || {});
+    },
 
     // 请保持跟 wxml 中绑定的事件名称一致
     _playerStateChange: function _playerStateChange(event) {
       trtc.playerEventHandler(event);
+      this.emitDocEvent('statechange', event);
     },
     _playerFullscreenChange: function _playerFullscreenChange(event) {
       trtc.playerFullscreenChange(event);
+      this.emitDocEvent('fullscreenchange', event);
     },
     _playerNetStatus: function _playerNetStatus(event) {
       trtc.playerNetStatus(event);
+      this.emitDocEvent('netstatus', event);
     },
     _playerAudioVolumeNotify: function _playerAudioVolumeNotify(event) {
       try {
@@ -203,7 +221,24 @@ Component({
         trtc.playerAudioVolumeNotify(event);
       } catch (err) {
         trtcCloud.logger.warn(err);
+      } finally {
+        this.emitDocEvent('audiovolumenotify', event);
       }
+    },
+    _playerEnterPictureInPicture: function _playerEnterPictureInPicture(event) {
+      this.emitDocEvent('enterpictureinpicture', event);
+    },
+    _playerLeavePictureInPicture: function _playerLeavePictureInPicture(event) {
+      this.emitDocEvent('leavepictureinpicture', event);
+    },
+    _playerCastingUserSelect: function _playerCastingUserSelect(event) {
+      this.emitDocEvent('castinguserselect', event);
+    },
+    _playerCastingStateChange: function _playerCastingStateChange(event) {
+      this.emitDocEvent('castingstatechange', event);
+    },
+    _playerCastingInterrupt: function _playerCastingInterrupt(event) {
+      this.emitDocEvent('castinginterrupt', event);
     }
   }
 });

package/miniprogram_dist/trtc-player.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"@tencentcloud/trtc-cloud-wx\"","webpack:///./src/trtc-player.js"],"names":["trtcCloud","TRTCCloud","getTRTCShareInstance","trtc","InterfaceEventEmitter","Component","properties","streamId","String","data","player","TRTCStreamId","soundMode","lifetimes","attached","logger","info","emit","isReady","view","getTRTCStreamId","bindTRTCCloudEvent","detached","unbindTRTCCloudEvent","methods","setTRTCStreamId","id","Promise","resolve","reject","setData","err","playerAttributesChange","event","playerAttributes","callback","JSON","stringify","playerAudioRouteChange","tempArray","split","userId","slice","join","streamType","Number","length","on","off","_playerStateChange","playerEventHandler","_playerFullscreenChange","playerFullscreenChange","_playerNetStatus","playerNetStatus","_playerAudioVolumeNotify","currentTarget","dataset","streamid","streamID","playerAudioVolumeNotify","warn"],"mappings":"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","file":"trtc-player.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 2);\n","module.exports = require(\"@tencentcloud/trtc-cloud-wx\");","import TRTCCloud, {translateTRTCStreamId} from '@tencentcloud/trtc-cloud-wx'\n\nconst trtcCloud = TRTCCloud.getTRTCShareInstance()\nconst trtc = trtcCloud.trtc\nconst InterfaceEventEmitter = trtcCloud.InterfaceEventEmitter\n\nComponent({\n  properties: {\n    streamId: String\n  },\n  data: {\n    player: {},\n    TRTCStreamId: '',\n    soundMode: ''\n  },\n  lifetimes: {\n    attached() {\n      trtcCloud.logger.info('trtc-player attached', this.data.streamId)\n      if (this.data.streamId) {\n        InterfaceEventEmitter.emit('playerDomReady', {isReady: true, view: this.data.streamId})\n      }\n      this.data.TRTCStreamId = this.getTRTCStreamId(this.data.streamId)\n      this.bindTRTCCloudEvent()\n    },\n    detached() {\n      trtcCloud.logger.info('trtc-player detached', this.data.streamId)\n      InterfaceEventEmitter.emit('playerDomReady', {isReady: false, streamId: this.data.streamId})\n      this.unbindTRTCCloudEvent()\n    }\n  },\n\n  methods: {\n    // todo room uniapp 特供，因为 uniapp 打包导致组件传惨变量名更替 trtc-player 组建内部无法识别\n    setTRTCStreamId(id) {\n      trtcCloud.logger.info('trtc-player setTRTCStreamId', id)\n      return new Promise((resolve, reject) => {\n        try {\n          this.data.streamId = id\n          this.data.TRTCStreamId = this.getTRTCStreamId(id)\n          this.setData({streamId: this.data.streamId}, () => {\n            trtcCloud.logger.info('trtc-player setTRTCStreamId success', id)\n            resolve()\n            InterfaceEventEmitter.emit('playerDomReady', {isReady: true, view: id})\n          })\n        } catch (err) {\n          trtcCloud.logger.info('trtc-player setTRTCStreamId fail', id, err)\n          reject(err)\n        }\n      })\n    },\n    playerAttributesChange(event) {\n      const {view, playerAttributes, callback} = event\n      trtcCloud.logger.info('trtc-player playerAttributesChange', view, JSON.stringify(playerAttributes), this.data.streamId)\n      if (view === this.data.streamId) {\n        this.setData({player: playerAttributes}, callback)\n      }\n    },\n    playerAudioRouteChange(event) {\n      const { soundMode, callback } = event\n      trtcCloud.logger.info('trtc-player playerAudioRouteChange', soundMode)\n      this.setData({ soundMode }, callback)\n    },\n    getTRTCStreamId(streamId) {\n      const tempArray = streamId.split('_')\n      const userId = tempArray.slice(0, -1).join('_')\n      const streamType = Number(tempArray[tempArray.length - 1])\n      return translateTRTCStreamId(userId, streamType)\n    },\n    bindTRTCCloudEvent() {\n      InterfaceEventEmitter.on('playerAttributesChange', this.playerAttributesChange, this)\n      InterfaceEventEmitter.on('playerAudioRouteChange', this.playerAudioRouteChange, this)\n    },\n    unbindTRTCCloudEvent() {\n      InterfaceEventEmitter.off('playerAttributesChange', this.playerAttributesChange)\n      InterfaceEventEmitter.off('playerAudioRouteChange', this.playerAudioRouteChange)\n    },\n    // 请保持跟 wxml 中绑定的事件名称一致\n    _playerStateChange(event) {\n      trtc.playerEventHandler(event)\n    },\n    _playerFullscreenChange(event) {\n      trtc.playerFullscreenChange(event)\n    },\n    _playerNetStatus(event) {\n      trtc.playerNetStatus(event)\n    },\n    _playerAudioVolumeNotify(event) {\n      try {\n        event.currentTarget.dataset.streamid = this.data.player.streamID\n        trtc.playerAudioVolumeNotify(event)\n      } catch (err) {\n        trtcCloud.logger.warn(err)\n      }\n    },\n  }\n})\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"@tencentcloud/trtc-cloud-wx\"","webpack:///./src/trtc-player.js"],"names":["trtcCloud","TRTCCloud","getTRTCShareInstance","trtc","InterfaceEventEmitter","Component","properties","streamId","String","pictureInPictureMode","type","pictureInPictureInitPosition","enableSystemPip","Boolean","enableCasting","data","player","TRTCStreamId","soundMode","lifetimes","attached","logger","info","emit","isReady","view","getTRTCStreamId","bindTRTCCloudEvent","detached","unbindTRTCCloudEvent","methods","setTRTCStreamId","id","Promise","resolve","reject","setData","err","playerAttributesChange","event","playerAttributes","callback","JSON","stringify","playerAudioRouteChange","tempArray","split","userId","slice","join","streamType","Number","length","on","off","emitDocEvent","name","triggerEvent","detail","_playerStateChange","playerEventHandler","_playerFullscreenChange","playerFullscreenChange","_playerNetStatus","playerNetStatus","_playerAudioVolumeNotify","currentTarget","dataset","streamid","streamID","playerAudioVolumeNotify","warn","_playerEnterPictureInPicture","_playerLeavePictureInPicture","_playerCastingUserSelect","_playerCastingStateChange","_playerCastingInterrupt"],"mappings":"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","file":"trtc-player.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 2);\n","module.exports = require(\"@tencentcloud/trtc-cloud-wx\");","import TRTCCloud, {translateTRTCStreamId} from '@tencentcloud/trtc-cloud-wx'\n\nconst trtcCloud = TRTCCloud.getTRTCShareInstance()\nconst trtc = trtcCloud.trtc\nconst InterfaceEventEmitter = trtcCloud.InterfaceEventEmitter\n\nComponent({\n  properties: {\n    streamId: String,\n    pictureInPictureMode: {\n      type: null,\n    },\n    pictureInPictureInitPosition: {\n      type: String,\n    },\n    enableSystemPip: {\n      type: Boolean,\n    },\n    enableCasting: {\n      type: Boolean,\n    },\n  },\n  data: {\n    player: {},\n    TRTCStreamId: '',\n    soundMode: ''\n  },\n  lifetimes: {\n    attached() {\n      trtcCloud.logger.info('trtc-player attached', this.data.streamId)\n      if (this.data.streamId) {\n        InterfaceEventEmitter.emit('playerDomReady', {isReady: true, view: this.data.streamId})\n      }\n      this.data.TRTCStreamId = this.getTRTCStreamId(this.data.streamId)\n      this.bindTRTCCloudEvent()\n    },\n    detached() {\n      trtcCloud.logger.info('trtc-player detached', this.data.streamId)\n      InterfaceEventEmitter.emit('playerDomReady', {isReady: false, streamId: this.data.streamId})\n      this.unbindTRTCCloudEvent()\n    }\n  },\n\n  methods: {\n    // todo room uniapp 特供，因为 uniapp 打包导致组件传惨变量名更替 trtc-player 组建内部无法识别\n    setTRTCStreamId(id) {\n      trtcCloud.logger.info('trtc-player setTRTCStreamId', id)\n      return new Promise((resolve, reject) => {\n        try {\n          this.data.streamId = id\n          this.data.TRTCStreamId = this.getTRTCStreamId(id)\n          this.setData({streamId: this.data.streamId}, () => {\n            trtcCloud.logger.info('trtc-player setTRTCStreamId success', id)\n            resolve()\n            InterfaceEventEmitter.emit('playerDomReady', {isReady: true, view: id})\n          })\n        } catch (err) {\n          trtcCloud.logger.info('trtc-player setTRTCStreamId fail', id, err)\n          reject(err)\n        }\n      })\n    },\n    playerAttributesChange(event) {\n      const {view, playerAttributes, callback} = event\n      trtcCloud.logger.info('trtc-player playerAttributesChange', view, JSON.stringify(playerAttributes), this.data.streamId)\n      if (view === this.data.streamId) {\n        this.setData({player: playerAttributes}, callback)\n      }\n    },\n    playerAudioRouteChange(event) {\n      const {soundMode, callback} = event\n      trtcCloud.logger.info('trtc-player playerAudioRouteChange', soundMode)\n      this.setData({soundMode}, callback)\n    },\n    getTRTCStreamId(streamId) {\n      const tempArray = streamId.split('_')\n      const userId = tempArray.slice(0, -1).join('_')\n      const streamType = Number(tempArray[tempArray.length - 1])\n      return translateTRTCStreamId(userId, streamType)\n    },\n    bindTRTCCloudEvent() {\n      InterfaceEventEmitter.on('playerAttributesChange', this.playerAttributesChange, this)\n      InterfaceEventEmitter.on('playerAudioRouteChange', this.playerAudioRouteChange, this)\n    },\n    unbindTRTCCloudEvent() {\n      InterfaceEventEmitter.off('playerAttributesChange', this.playerAttributesChange)\n      InterfaceEventEmitter.off('playerAudioRouteChange', this.playerAudioRouteChange)\n    },\n    emitDocEvent(name, event) {\n      this.triggerEvent(name, (event && event.detail) || {})\n    },\n    // 请保持跟 wxml 中绑定的事件名称一致\n    _playerStateChange(event) {\n      trtc.playerEventHandler(event)\n      this.emitDocEvent('statechange', event)\n    },\n    _playerFullscreenChange(event) {\n      trtc.playerFullscreenChange(event)\n      this.emitDocEvent('fullscreenchange', event)\n    },\n    _playerNetStatus(event) {\n      trtc.playerNetStatus(event)\n      this.emitDocEvent('netstatus', event)\n    },\n    _playerAudioVolumeNotify(event) {\n      try {\n        event.currentTarget.dataset.streamid = this.data.player.streamID\n        trtc.playerAudioVolumeNotify(event)\n      } catch (err) {\n        trtcCloud.logger.warn(err)\n      } finally {\n        this.emitDocEvent('audiovolumenotify', event)\n      }\n    },\n    _playerEnterPictureInPicture(event) {\n      this.emitDocEvent('enterpictureinpicture', event)\n    },\n    _playerLeavePictureInPicture(event) {\n      this.emitDocEvent('leavepictureinpicture', event)\n    },\n    _playerCastingUserSelect(event) {\n      this.emitDocEvent('castinguserselect', event)\n    },\n    _playerCastingStateChange(event) {\n      this.emitDocEvent('castingstatechange', event)\n    },\n    _playerCastingInterrupt(event) {\n      this.emitDocEvent('castinginterrupt', event)\n    },\n  }\n})\n"],"sourceRoot":""}

package/miniprogram_dist/trtc-player.wxml

@@ -6,7 +6,16 @@
     background-mute="{{player.enableBackgroundMute}}" min-cache="{{player.minCache}}" max-cache="{{player.maxCache}}"
     sound-mode="{{soundMode}}" enable-recv-message="{{player.enableRecvMessage}}"
     auto-pause-if-navigate="{{player.autoPauseIfNavigate}}" auto-pause-if-open-native="{{player.autoPauseIfOpenNative}}"
+    picture-in-picture-mode="{{pictureInPictureMode}}"
+    picture-in-picture-init-position="{{pictureInPictureInitPosition}}"
+    enable-system-pip="{{enableSystemPip}}"
+    enable-casting="{{enableCasting}}"
     debug="{{player.debug}}" bindstatechange="_playerStateChange" bindfullscreenchange="_playerFullscreenChange"
-    bindnetstatus="_playerNetStatus" bindaudiovolumenotify="_playerAudioVolumeNotify" />
+    bindnetstatus="_playerNetStatus" bindaudiovolumenotify="_playerAudioVolumeNotify"
+    bindenterpictureinpicture="_playerEnterPictureInPicture"
+    bindleavepictureinpicture="_playerLeavePictureInPicture"
+    bindcastinguserselect="_playerCastingUserSelect"
+    bindcastingstatechange="_playerCastingStateChange"
+    bindcastinginterrupt="_playerCastingInterrupt" />
     <view wx:if="{{player.stopVideo}}" class="trtc-dark-mask"></view>
 </view>

package/miniprogram_dist/trtc-pusher.js

@@ -109,7 +109,11 @@ var trtc = trtcCloud.trtc;
 var InterfaceEventEmitter = trtcCloud.InterfaceEventEmitter;
 
 Component({
-  properties: {},
+  properties: {
+    pictureInPictureMode: {
+      type: null
+    }
+  },
   data: {
     pusher: {}
   },
@@ -150,31 +154,48 @@ Component({
       InterfaceEventEmitter.off('pusherAttributesChange', this.pusherAttributesChange);
       InterfaceEventEmitter.off('playerAudioRouteChange', this.playerAudioRouteChange);
     },
+    emitDocEvent: function emitDocEvent(name, event) {
+      this.triggerEvent(name, event && event.detail || {});
+    },
 
     // 请保持跟 wxml 中绑定的事件名称一致
     _pusherStateChangeHandler: function _pusherStateChangeHandler(event) {
       trtc.pusherEventHandler(event);
+      this.emitDocEvent('statechange', event);
     },
     _pusherNetStatusHandler: function _pusherNetStatusHandler(event) {
       trtc.pusherNetStatusHandler(event);
+      this.emitDocEvent('netstatus', event);
     },
     _pusherErrorHandler: function _pusherErrorHandler(event) {
       trtc.pusherErrorHandler(event);
+      this.emitDocEvent('error', event);
     },
     _pusherBGMStartHandler: function _pusherBGMStartHandler(event) {
       trtc.pusherBGMStartHandler(event);
+      this.emitDocEvent('bgmstart', event);
     },
     _pusherBGMProgressHandler: function _pusherBGMProgressHandler(event) {
       trtc.pusherBGMProgressHandler(event);
+      this.emitDocEvent('bgmprogress', event);
     },
     _pusherBGMCompleteHandler: function _pusherBGMCompleteHandler(event) {
       trtc.pusherBGMCompleteHandler(event);
+      this.emitDocEvent('bgmcomplete', event);
     },
     _pusherAudioVolumeNotify: function _pusherAudioVolumeNotify(event) {
       if (!trtcCloud.isEnterRoom) {
+        this.emitDocEvent('audiovolumenotify', event);
         return;
       }
       trtc.pusherAudioVolumeNotify(event);
+      this.emitDocEvent('audiovolumenotify', event);
+    },
+    _pusherEnterPictureInPicture: function _pusherEnterPictureInPicture(event) {
+      this.emitDocEvent('enterpictureinpicture', event);
+    },
+    _pusherLeavePictureInPicture: function _pusherLeavePictureInPicture(event) {
+      this.emitDocEvent('leavepictureinpicture', event);
     }
   }
 });

package/miniprogram_dist/trtc-pusher.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"@tencentcloud/trtc-cloud-wx\"","webpack:///./src/trtc-pusher.js"],"names":["trtcCloud","TRTCCloud","getTRTCShareInstance","trtc","InterfaceEventEmitter","Component","properties","data","pusher","lifetimes","attached","logger","info","bindTRTCCloudEvent","emit","detached","unbindTRTCCloudEvent","exitRoom","methods","pusherAttributesChange","event","callback","setData","playerAudioRouteChange","soundMode","on","off","_pusherStateChangeHandler","pusherEventHandler","_pusherNetStatusHandler","pusherNetStatusHandler","_pusherErrorHandler","pusherErrorHandler","_pusherBGMStartHandler","pusherBGMStartHandler","_pusherBGMProgressHandler","pusherBGMProgressHandler","_pusherBGMCompleteHandler","pusherBGMCompleteHandler","_pusherAudioVolumeNotify","isEnterRoom","pusherAudioVolumeNotify"],"mappings":"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","file":"trtc-pusher.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n","module.exports = require(\"@tencentcloud/trtc-cloud-wx\");","import TRTCCloud from '@tencentcloud/trtc-cloud-wx'\n\nconst trtcCloud = TRTCCloud.getTRTCShareInstance()\nconst trtc = trtcCloud.trtc\nconst InterfaceEventEmitter = trtcCloud.InterfaceEventEmitter\n\nComponent({\n  properties: {\n  },\n  data: {\n    pusher: {},\n  },\n  lifetimes: {\n    attached() {\n      trtcCloud.logger.info('trtc-pusher attached')\n      this.bindTRTCCloudEvent()\n      // 注意事件绑定应该放在 domReady 之前，因为此时出发 domReady 会执行 ready 后的后续操作依赖 bindTRTCCloudEvent\n      InterfaceEventEmitter.emit('pusherDomReady', true)\n    },\n    detached() {\n      trtcCloud.logger.info('trtc-pusher detached')\n      InterfaceEventEmitter.emit('pusherDomReady', false)\n      this.unbindTRTCCloudEvent()\n      trtcCloud.exitRoom()\n    },\n  },\n\n\n  methods: {\n    pusherAttributesChange(event) {\n      const {pusher, callback} = event\n      this.setData({pusher}, callback)\n    },\n    playerAudioRouteChange(event) {\n      const { soundMode, callback } = event\n      trtcCloud.logger.info('trtc-player playerAudioRouteChange', soundMode)\n      this.setData({ soundMode }, callback)\n    },\n    bindTRTCCloudEvent() {\n      InterfaceEventEmitter.on('pusherAttributesChange', this.pusherAttributesChange, this)\n      InterfaceEventEmitter.on('playerAudioRouteChange', this.playerAudioRouteChange, this)\n    },\n    unbindTRTCCloudEvent() {\n      InterfaceEventEmitter.off('pusherAttributesChange', this.pusherAttributesChange)\n      InterfaceEventEmitter.off('playerAudioRouteChange', this.playerAudioRouteChange)\n    },\n    // 请保持跟 wxml 中绑定的事件名称一致\n    _pusherStateChangeHandler(event) {\n      trtc.pusherEventHandler(event)\n    },\n    _pusherNetStatusHandler(event) {\n      trtc.pusherNetStatusHandler(event)\n    },\n    _pusherErrorHandler(event) {\n      trtc.pusherErrorHandler(event)\n    },\n    _pusherBGMStartHandler(event) {\n      trtc.pusherBGMStartHandler(event)\n    },\n    _pusherBGMProgressHandler(event) {\n      trtc.pusherBGMProgressHandler(event)\n    },\n    _pusherBGMCompleteHandler(event) {\n      trtc.pusherBGMCompleteHandler(event)\n    },\n    _pusherAudioVolumeNotify(event) {\n      if (!trtcCloud.isEnterRoom) {\n        return\n      }\n      trtc.pusherAudioVolumeNotify(event)\n    }\n  }\n})\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"@tencentcloud/trtc-cloud-wx\"","webpack:///./src/trtc-pusher.js"],"names":["trtcCloud","TRTCCloud","getTRTCShareInstance","trtc","InterfaceEventEmitter","Component","properties","pictureInPictureMode","type","data","pusher","lifetimes","attached","logger","info","bindTRTCCloudEvent","emit","detached","unbindTRTCCloudEvent","exitRoom","methods","pusherAttributesChange","event","callback","setData","playerAudioRouteChange","soundMode","on","off","emitDocEvent","name","triggerEvent","detail","_pusherStateChangeHandler","pusherEventHandler","_pusherNetStatusHandler","pusherNetStatusHandler","_pusherErrorHandler","pusherErrorHandler","_pusherBGMStartHandler","pusherBGMStartHandler","_pusherBGMProgressHandler","pusherBGMProgressHandler","_pusherBGMCompleteHandler","pusherBGMCompleteHandler","_pusherAudioVolumeNotify","isEnterRoom","pusherAudioVolumeNotify","_pusherEnterPictureInPicture","_pusherLeavePictureInPicture"],"mappings":"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","file":"trtc-pusher.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n","module.exports = require(\"@tencentcloud/trtc-cloud-wx\");","import TRTCCloud from '@tencentcloud/trtc-cloud-wx'\n\nconst trtcCloud = TRTCCloud.getTRTCShareInstance()\nconst trtc = trtcCloud.trtc\nconst InterfaceEventEmitter = trtcCloud.InterfaceEventEmitter\n\nComponent({\n  properties: {\n    pictureInPictureMode: {\n      type: null,\n    },\n  },\n  data: {\n    pusher: {},\n  },\n  lifetimes: {\n    attached() {\n      trtcCloud.logger.info('trtc-pusher attached')\n      this.bindTRTCCloudEvent()\n      // 注意事件绑定应该放在 domReady 之前，因为此时出发 domReady 会执行 ready 后的后续操作依赖 bindTRTCCloudEvent\n      InterfaceEventEmitter.emit('pusherDomReady', true)\n    },\n    detached() {\n      trtcCloud.logger.info('trtc-pusher detached')\n      InterfaceEventEmitter.emit('pusherDomReady', false)\n      this.unbindTRTCCloudEvent()\n      trtcCloud.exitRoom()\n    },\n  },\n\n\n  methods: {\n    pusherAttributesChange(event) {\n      const {pusher, callback} = event\n      this.setData({pusher}, callback)\n    },\n    playerAudioRouteChange(event) {\n      const {soundMode, callback} = event\n      trtcCloud.logger.info('trtc-player playerAudioRouteChange', soundMode)\n      this.setData({soundMode}, callback)\n    },\n    bindTRTCCloudEvent() {\n      InterfaceEventEmitter.on('pusherAttributesChange', this.pusherAttributesChange, this)\n      InterfaceEventEmitter.on('playerAudioRouteChange', this.playerAudioRouteChange, this)\n    },\n    unbindTRTCCloudEvent() {\n      InterfaceEventEmitter.off('pusherAttributesChange', this.pusherAttributesChange)\n      InterfaceEventEmitter.off('playerAudioRouteChange', this.playerAudioRouteChange)\n    },\n    emitDocEvent(name, event) {\n      this.triggerEvent(name, (event && event.detail) || {})\n    },\n    // 请保持跟 wxml 中绑定的事件名称一致\n    _pusherStateChangeHandler(event) {\n      trtc.pusherEventHandler(event)\n      this.emitDocEvent('statechange', event)\n    },\n    _pusherNetStatusHandler(event) {\n      trtc.pusherNetStatusHandler(event)\n      this.emitDocEvent('netstatus', event)\n    },\n    _pusherErrorHandler(event) {\n      trtc.pusherErrorHandler(event)\n      this.emitDocEvent('error', event)\n    },\n    _pusherBGMStartHandler(event) {\n      trtc.pusherBGMStartHandler(event)\n      this.emitDocEvent('bgmstart', event)\n    },\n    _pusherBGMProgressHandler(event) {\n      trtc.pusherBGMProgressHandler(event)\n      this.emitDocEvent('bgmprogress', event)\n    },\n    _pusherBGMCompleteHandler(event) {\n      trtc.pusherBGMCompleteHandler(event)\n      this.emitDocEvent('bgmcomplete', event)\n    },\n    _pusherAudioVolumeNotify(event) {\n      if (!trtcCloud.isEnterRoom) {\n        this.emitDocEvent('audiovolumenotify', event)\n        return\n      }\n      trtc.pusherAudioVolumeNotify(event)\n      this.emitDocEvent('audiovolumenotify', event)\n    },\n    _pusherEnterPictureInPicture(event) {\n      this.emitDocEvent('enterpictureinpicture', event)\n    },\n    _pusherLeavePictureInPicture(event) {\n      this.emitDocEvent('leavepictureinpicture', event)\n    },\n  }\n})\n"],"sourceRoot":""}

package/miniprogram_dist/trtc-pusher.wxml

@@ -10,12 +10,15 @@
         local-mirror="{{pusher.localMirror}}" background-mute="{{pusher.enableBackgroundMute}}"
         audio-quality="{{pusher.audioQuality}}" audio-volume-type="{{pusher.audioVolumeType}}"
         audio-reverb-type="{{pusher.audioReverbType}}" waiting-image="{{pusher.waitingImage}}"
+        picture-in-picture-mode="{{pictureInPictureMode}}"
         beauty-style="{{pusher.beautyStyle}}" fps="{{pusher.fps}}" filter="{{pusher.filter}}"
         audio-quality="{{pusher.audioQuality}}"
         bindstatechange="_pusherStateChangeHandler" bindnetstatus="_pusherNetStatusHandler"
         binderror="_pusherErrorHandler" bindbgmstart="_pusherBGMStartHandler"
         bindbgmprogress="_pusherBGMProgressHandler" bindbgmcomplete="_pusherBGMCompleteHandler"
-        bindaudiovolumenotify="_pusherAudioVolumeNotify" />
+        bindaudiovolumenotify="_pusherAudioVolumeNotify"
+        bindenterpictureinpicture="_pusherEnterPictureInPicture"
+        bindleavepictureinpicture="_pusherLeavePictureInPicture" />
     <live-player class="trtc-player" sound-mode="{{soundMode}}">
     </live-player>
     <!-- <camera wx:if="{{pusher.videoPreview}}" class="trtc-camera" device-position="{{pusher.frontCamera}}"></camera> -->

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@tencentcloud/trtc-component-wx",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "",
   "main": "miniprogram_dist/index.js",
   "scripts": {
-    "dev": "gulp dev --develop",
-    "watch": "gulp watch --develop --watch",
-    "build": "gulp",
+    "dev": "NODE_OPTIONS=--openssl-legacy-provider gulp dev --develop",
+    "watch": "NODE_OPTIONS=--openssl-legacy-provider gulp watch --develop --watch",
+    "build": "NODE_OPTIONS=--openssl-legacy-provider gulp",
     "dist": "npm run build",
     "clean-dev": "gulp clean --develop",
     "clean": "gulp clean",

package/src/trtc-player.js

@@ -6,7 +6,19 @@ const InterfaceEventEmitter = trtcCloud.InterfaceEventEmitter
 
 Component({
   properties: {
-    streamId: String
+    streamId: String,
+    pictureInPictureMode: {
+      type: null,
+    },
+    pictureInPictureInitPosition: {
+      type: String,
+    },
+    enableSystemPip: {
+      type: Boolean,
+    },
+    enableCasting: {
+      type: Boolean,
+    },
   },
   data: {
     player: {},
@@ -56,9 +68,9 @@ Component({
       }
     },
     playerAudioRouteChange(event) {
-      const { soundMode, callback } = event
+      const {soundMode, callback} = event
       trtcCloud.logger.info('trtc-player playerAudioRouteChange', soundMode)
-      this.setData({ soundMode }, callback)
+      this.setData({soundMode}, callback)
     },
     getTRTCStreamId(streamId) {
       const tempArray = streamId.split('_')
@@ -74,15 +86,21 @@ Component({
       InterfaceEventEmitter.off('playerAttributesChange', this.playerAttributesChange)
       InterfaceEventEmitter.off('playerAudioRouteChange', this.playerAudioRouteChange)
     },
+    emitDocEvent(name, event) {
+      this.triggerEvent(name, (event && event.detail) || {})
+    },
     // 请保持跟 wxml 中绑定的事件名称一致
     _playerStateChange(event) {
       trtc.playerEventHandler(event)
+      this.emitDocEvent('statechange', event)
     },
     _playerFullscreenChange(event) {
       trtc.playerFullscreenChange(event)
+      this.emitDocEvent('fullscreenchange', event)
     },
     _playerNetStatus(event) {
       trtc.playerNetStatus(event)
+      this.emitDocEvent('netstatus', event)
     },
     _playerAudioVolumeNotify(event) {
       try {
@@ -90,7 +108,24 @@ Component({
         trtc.playerAudioVolumeNotify(event)
       } catch (err) {
         trtcCloud.logger.warn(err)
+      } finally {
+        this.emitDocEvent('audiovolumenotify', event)
       }
     },
+    _playerEnterPictureInPicture(event) {
+      this.emitDocEvent('enterpictureinpicture', event)
+    },
+    _playerLeavePictureInPicture(event) {
+      this.emitDocEvent('leavepictureinpicture', event)
+    },
+    _playerCastingUserSelect(event) {
+      this.emitDocEvent('castinguserselect', event)
+    },
+    _playerCastingStateChange(event) {
+      this.emitDocEvent('castingstatechange', event)
+    },
+    _playerCastingInterrupt(event) {
+      this.emitDocEvent('castinginterrupt', event)
+    },
   }
 })

package/src/trtc-player.wxml

@@ -6,7 +6,16 @@
     background-mute="{{player.enableBackgroundMute}}" min-cache="{{player.minCache}}" max-cache="{{player.maxCache}}"
     sound-mode="{{soundMode}}" enable-recv-message="{{player.enableRecvMessage}}"
     auto-pause-if-navigate="{{player.autoPauseIfNavigate}}" auto-pause-if-open-native="{{player.autoPauseIfOpenNative}}"
+    picture-in-picture-mode="{{pictureInPictureMode}}"
+    picture-in-picture-init-position="{{pictureInPictureInitPosition}}"
+    enable-system-pip="{{enableSystemPip}}"
+    enable-casting="{{enableCasting}}"
     debug="{{player.debug}}" bindstatechange="_playerStateChange" bindfullscreenchange="_playerFullscreenChange"
-    bindnetstatus="_playerNetStatus" bindaudiovolumenotify="_playerAudioVolumeNotify" />
+    bindnetstatus="_playerNetStatus" bindaudiovolumenotify="_playerAudioVolumeNotify"
+    bindenterpictureinpicture="_playerEnterPictureInPicture"
+    bindleavepictureinpicture="_playerLeavePictureInPicture"
+    bindcastinguserselect="_playerCastingUserSelect"
+    bindcastingstatechange="_playerCastingStateChange"
+    bindcastinginterrupt="_playerCastingInterrupt" />
     <view wx:if="{{player.stopVideo}}" class="trtc-dark-mask"></view>
 </view>

package/src/trtc-pusher.js

@@ -6,6 +6,9 @@ const InterfaceEventEmitter = trtcCloud.InterfaceEventEmitter
 
 Component({
   properties: {
+    pictureInPictureMode: {
+      type: null,
+    },
   },
   data: {
     pusher: {},
@@ -32,9 +35,9 @@ Component({
       this.setData({pusher}, callback)
     },
     playerAudioRouteChange(event) {
-      const { soundMode, callback } = event
+      const {soundMode, callback} = event
       trtcCloud.logger.info('trtc-player playerAudioRouteChange', soundMode)
-      this.setData({ soundMode }, callback)
+      this.setData({soundMode}, callback)
     },
     bindTRTCCloudEvent() {
       InterfaceEventEmitter.on('pusherAttributesChange', this.pusherAttributesChange, this)
@@ -44,30 +47,47 @@ Component({
       InterfaceEventEmitter.off('pusherAttributesChange', this.pusherAttributesChange)
       InterfaceEventEmitter.off('playerAudioRouteChange', this.playerAudioRouteChange)
     },
+    emitDocEvent(name, event) {
+      this.triggerEvent(name, (event && event.detail) || {})
+    },
     // 请保持跟 wxml 中绑定的事件名称一致
     _pusherStateChangeHandler(event) {
       trtc.pusherEventHandler(event)
+      this.emitDocEvent('statechange', event)
     },
     _pusherNetStatusHandler(event) {
       trtc.pusherNetStatusHandler(event)
+      this.emitDocEvent('netstatus', event)
     },
     _pusherErrorHandler(event) {
       trtc.pusherErrorHandler(event)
+      this.emitDocEvent('error', event)
     },
     _pusherBGMStartHandler(event) {
       trtc.pusherBGMStartHandler(event)
+      this.emitDocEvent('bgmstart', event)
     },
     _pusherBGMProgressHandler(event) {
       trtc.pusherBGMProgressHandler(event)
+      this.emitDocEvent('bgmprogress', event)
     },
     _pusherBGMCompleteHandler(event) {
       trtc.pusherBGMCompleteHandler(event)
+      this.emitDocEvent('bgmcomplete', event)
     },
     _pusherAudioVolumeNotify(event) {
       if (!trtcCloud.isEnterRoom) {
+        this.emitDocEvent('audiovolumenotify', event)
         return
       }
       trtc.pusherAudioVolumeNotify(event)
-    }
+      this.emitDocEvent('audiovolumenotify', event)
+    },
+    _pusherEnterPictureInPicture(event) {
+      this.emitDocEvent('enterpictureinpicture', event)
+    },
+    _pusherLeavePictureInPicture(event) {
+      this.emitDocEvent('leavepictureinpicture', event)
+    },
   }
 })

package/src/trtc-pusher.wxml

@@ -10,12 +10,15 @@
         local-mirror="{{pusher.localMirror}}" background-mute="{{pusher.enableBackgroundMute}}"
         audio-quality="{{pusher.audioQuality}}" audio-volume-type="{{pusher.audioVolumeType}}"
         audio-reverb-type="{{pusher.audioReverbType}}" waiting-image="{{pusher.waitingImage}}"
+        picture-in-picture-mode="{{pictureInPictureMode}}"
         beauty-style="{{pusher.beautyStyle}}" fps="{{pusher.fps}}" filter="{{pusher.filter}}"
         audio-quality="{{pusher.audioQuality}}"
         bindstatechange="_pusherStateChangeHandler" bindnetstatus="_pusherNetStatusHandler"
         binderror="_pusherErrorHandler" bindbgmstart="_pusherBGMStartHandler"
         bindbgmprogress="_pusherBGMProgressHandler" bindbgmcomplete="_pusherBGMCompleteHandler"
-        bindaudiovolumenotify="_pusherAudioVolumeNotify" />
+        bindaudiovolumenotify="_pusherAudioVolumeNotify"
+        bindenterpictureinpicture="_pusherEnterPictureInPicture"
+        bindleavepictureinpicture="_pusherLeavePictureInPicture" />
     <live-player class="trtc-player" sound-mode="{{soundMode}}">
     </live-player>
     <!-- <camera wx:if="{{pusher.videoPreview}}" class="trtc-camera" device-position="{{pusher.frontCamera}}"></camera> -->