@tencentcloud/trtc-cloud-wx 0.0.19 → 0.0.20-beta.1

package/trtc-cloud-wx.js

@@ -620,9 +620,102 @@ exports.TRTCBeautyStyle = void 0;
   TRTCBeautyStyle[TRTCBeautyStyle["TRTCBeautyStyleNature"] = 1] = "TRTCBeautyStyleNature";
 })(exports.TRTCBeautyStyle || (exports.TRTCBeautyStyle = {}));
 
+var Handletype;
+(function (Handletype) {
+  Handletype["setPusher"] = "setPusher";
+  Handletype["setPlayer"] = "setPlayer";
+})(Handletype || (Handletype = {}));
+// 数字越高，set优先级越高
+var TaskMap = {
+  enterRoom: {
+    priority: 0,
+    type: Handletype.setPusher
+  },
+  switchRole: {
+    priority: 1,
+    type: Handletype.setPusher
+  },
+  startLocalPreview: {
+    priority: 0,
+    type: Handletype.setPusher
+  },
+  stopLocalPreview: {
+    priority: 0,
+    type: Handletype.setPusher
+  },
+  muteLocalVideo: {
+    priority: 1,
+    type: Handletype.setPusher
+  },
+  setVideoEncoderParam: {
+    priority: 0,
+    type: Handletype.setPusher
+  },
+  setLocalRenderParams: {
+    priority: 0,
+    type: Handletype.setPusher
+  },
+  startLocalAudio: {
+    priority: 0,
+    type: Handletype.setPusher
+  },
+  stopLocalAudio: {
+    priority: 0,
+    type: Handletype.setPusher
+  },
+  muteLocalAudio: {
+    priority: 1,
+    type: Handletype.setPusher
+  },
+  switchCamera: {
+    priority: 0,
+    type: Handletype.setPusher
+  },
+  setBeautyStyle: {
+    priority: 0,
+    type: Handletype.setPusher
+  },
+  exitRoom: {
+    priority: 9,
+    type: Handletype.setPusher
+  },
+  startRemoteView: {
+    priority: 0,
+    type: Handletype.setPlayer
+  },
+  updateRemoteView: {
+    priority: 0,
+    type: Handletype.setPlayer
+  },
+  stopAllRemoteView: {
+    priority: 1,
+    type: Handletype.setPlayer
+  },
+  muteRemoteVideoStream: {
+    priority: 1,
+    type: Handletype.setPlayer
+  },
+  muteAllRemoteVideoStreams: {
+    priority: 1,
+    type: Handletype.setPlayer
+  },
+  setRemoteRenderParams: {
+    priority: 0,
+    type: Handletype.setPlayer
+  },
+  muteRemoteAudio: {
+    priority: 1,
+    type: Handletype.setPlayer
+  },
+  muteAllRemoteAudio: {
+    priority: 1,
+    type: Handletype.setPlayer
+  }
+};
 var Task = /*#__PURE__*/function () {
   function Task(optinos) {
     _classCallCheck(this, Task);
+    var _a;
     var _optinos$priority = optinos.priority,
       priority = _optinos$priority === void 0 ? 0 : _optinos$priority,
       action = optinos.action,
@@ -639,6 +732,7 @@ var Task = /*#__PURE__*/function () {
     this.reject = reject;
     this.name = name;
     this.single = this.whetherSingle(name);
+    this.type = ((_a = TaskMap[name]) === null || _a === void 0 ? void 0 : _a.type) || Handletype.setPusher;
     this.sequenceNumber = Task.nextSequenceNumber++;
   }
   _createClass(Task, [{
@@ -655,22 +749,6 @@ var Task = /*#__PURE__*/function () {
   return Task;
 }();
 Task.nextSequenceNumber = 0;
-// 数字越高，set优先级越高
-var TaskPriorityMap = {
-  enterRoom: 0,
-  switchRole: 1,
-  startLocalPreview: 0,
-  stopLocalPreview: 0,
-  muteLocalVideo: 1,
-  setVideoEncoderParam: 0,
-  setLocalRenderParams: 0,
-  startLocalAudio: 0,
-  stopLocalAudio: 0,
-  muteLocalAudio: 1,
-  switchCamera: 0,
-  setBeautyStyle: 0,
-  exitRoom: 9
-};
 var TaskQueueState;
 (function (TaskQueueState) {
   TaskQueueState["IDLE"] = "idle";
@@ -686,13 +764,11 @@ var TaskQueueEvent;
 var TaskMachine = /*#__PURE__*/function () {
   function TaskMachine() {
     _classCallCheck(this, TaskMachine);
-    this.isProcessing = false; // 添加一个标志以跟踪任务是否正在处理
+    this.isProcessing = false; // 表示 pusherTaskQueue 是否正在处理
     this.pusherDomReady = false;
+    this.pusherTaskQueue = []; // 存储所有 pusher 任务
+    this.playerTasks = {}; // 存储每个 player 的任务队列
     this.state = TaskQueueState.IDLE;
-    this.context = {
-      taskQueue: [],
-      debounceTimeout: null
-    };
   }
   _createClass(TaskMachine, [{
     key: "setPusherDomReady",
@@ -700,19 +776,42 @@ var TaskMachine = /*#__PURE__*/function () {
       this.pusherDomReady = isReady;
       return this.pusherDomReady;
     }
+  }, {
+    key: "setPlayerDomReady",
+    value: function setPlayerDomReady(view, isReady) {
+      if (!this.playerTasks[view]) {
+        this.playerTasks[view] = {
+          taskQueue: [],
+          isProcessing: false,
+          domReady: false
+        };
+      }
+      this.playerTasks[view].domReady = isReady;
+      if (isReady) {
+        this.processPlayerTasks(view);
+      }
+    }
   }, {
     key: "send",
-    value: function send(event) {
+    value: function send(event, view) {
       switch (this.state) {
         case TaskQueueState.IDLE:
           if (event === TaskQueueEvent.SET) {
             this.state = TaskQueueState.PENDING;
-            this.processTasks();
+            if (view) {
+              this.processPlayerTasks(view);
+            } else {
+              this.processPusherTasks();
+            }
           }
           break;
         case TaskQueueState.PENDING:
           if (event === TaskQueueEvent.SETPROCESS) {
-            this.processTasks();
+            if (view) {
+              this.processPlayerTasks(view);
+            } else {
+              this.processPusherTasks();
+            }
           }
           if (event === TaskQueueEvent.SETDONE) {
             this.state = TaskQueueState.IDLE;
@@ -728,43 +827,81 @@ var TaskMachine = /*#__PURE__*/function () {
   }, {
     key: "addTask",
     value: function addTask(task) {
-      this.addTaskToQueue(task);
-      if (this.state === TaskQueueState.IDLE) {
+      if (task.type === Handletype.setPusher) {
+        this.addPusherTask(task);
+      } else {
+        this.addPlayerTask(task.args.view, task);
+      }
+    }
+  }, {
+    key: "addPusherTask",
+    value: function addPusherTask(task) {
+      this.addTaskToQueue(task, this.pusherTaskQueue);
+      if (this.state === TaskQueueState.PROCESS && !this.isProcessing) {
+        this.processPusherTasks();
+      } else if (this.state === TaskQueueState.IDLE) {
         this.send(TaskQueueEvent.SET);
       } else if (this.state === TaskQueueState.PENDING) {
         this.send(TaskQueueEvent.SETPROCESS);
       }
     }
+  }, {
+    key: "addPlayerTask",
+    value: function addPlayerTask(view, task) {
+      if (!this.playerTasks[view]) {
+        this.playerTasks[view] = {
+          taskQueue: [],
+          isProcessing: false,
+          domReady: false
+        };
+      }
+      this.addTaskToQueue(task, this.playerTasks[view].taskQueue);
+      if (this.state === TaskQueueState.PROCESS && !this.playerTasks[view].isProcessing) {
+        this.processPlayerTasks(view);
+      } else if (this.state === TaskQueueState.IDLE) {
+        this.send(TaskQueueEvent.SET, view);
+      } else if (this.state === TaskQueueState.PENDING) {
+        this.send(TaskQueueEvent.SETPROCESS, view);
+      }
+    }
   }, {
     key: "addTaskToQueue",
-    value: function addTaskToQueue(task) {
-      this.context.taskQueue.push(task);
-      this.context.taskQueue.sort(function (a, b) {
+    value: function addTaskToQueue(task, queue) {
+      queue.push(task);
+      queue.sort(function (a, b) {
         if (a.priority !== b.priority) {
           return a.priority - b.priority;
         }
         return a.sequenceNumber - b.sequenceNumber;
       });
     }
+    /**
+     * 处理任务队列
+     * @param taskQueue
+     * @param isProcessing
+     * @param domReady
+     * @param setProcessing
+     * @returns
+     */
   }, {
     key: "processTasks",
-    value: function processTasks() {
+    value: function processTasks(taskQueue, isProcessing, domReady, setProcessing, view) {
       return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
         var _this = this;
-        var currentTasks, singleTasks, exceptSingleTask, _iterator, _step, _task3, args, task, sequenceTask, r, _iterator2, _step2, _task, _iterator3, _step3, _task2;
+        var currentTasks, singleTasks, exceptSingleTask, _iterator, _step, _task3, params, task, sequenceTask, r, _iterator2, _step2, _task, _iterator3, _step3, _task2;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              if (!(this.isProcessing || !this.pusherDomReady || this.context.taskQueue.length === 0)) {
+              if (!(isProcessing || !domReady || taskQueue.length === 0)) {
                 _context.next = 2;
                 break;
               }
               return _context.abrupt("return");
             case 2:
-              this.isProcessing = true;
+              setProcessing(true);
               this.state = TaskQueueState.PROCESS;
-              currentTasks = _toConsumableArray(this.context.taskQueue);
-              this.context.taskQueue = [];
+              currentTasks = _toConsumableArray(taskQueue);
+              taskQueue.length = 0;
               singleTasks = currentTasks.filter(function (task) {
                 return task.single;
               });
@@ -782,7 +919,7 @@ var TaskMachine = /*#__PURE__*/function () {
               _task3 = _step.value;
               _context.prev = 13;
               _context.next = 16;
-              return _task3.action.call(_task3.ctx, _task3.args, _task3.name);
+              return _task3.action.call(_task3.ctx, _task3.args, _task3.name, TaskMap[_task3.name].type);
             case 16:
               _task3.result = _context.sent;
               _context.next = 22;
@@ -806,8 +943,9 @@ var TaskMachine = /*#__PURE__*/function () {
               _iterator.f();
               return _context.finish(29);
             case 32:
-              args = exceptSingleTask.reduce(function (acc, cur) {
-                return Object.assign(Object.assign({}, acc), typeof cur.args === 'function' ? cur.args() : cur.args);
+              params = exceptSingleTask.reduce(function (acc, cur) {
+                var params = cur.args.params;
+                return Object.assign(Object.assign({}, acc), typeof params === 'function' ? params() : params);
               }, {});
               task = exceptSingleTask[0];
               sequenceTask = currentTasks.sort(function (a, b) {
@@ -816,14 +954,31 @@ var TaskMachine = /*#__PURE__*/function () {
               _context.prev = 35;
               r = null;
               if (!task) {
-                _context.next = 41;
+                _context.next = 47;
                 break;
               }
-              _context.next = 40;
-              return task.action.call(task.ctx, args);
-            case 40:
-              r = _context.sent;
+              if (!view) {
+                _context.next = 44;
+                break;
+              }
+              _context.next = 41;
+              return task.action.call(task.ctx, {
+                params: params,
+                streamId: task.args.streamId,
+                view: view
+              }, task.name, Handletype.setPlayer);
             case 41:
+              r = _context.sent;
+              _context.next = 47;
+              break;
+            case 44:
+              _context.next = 46;
+              return task.action.call(task.ctx, {
+                params: params
+              }, task.name, Handletype.setPusher);
+            case 46:
+              r = _context.sent;
+            case 47:
               _iterator2 = _createForOfIteratorHelper(sequenceTask);
               try {
                 for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -839,10 +994,10 @@ var TaskMachine = /*#__PURE__*/function () {
               } finally {
                 _iterator2.f();
               }
-              _context.next = 49;
+              _context.next = 55;
               break;
-            case 45:
-              _context.prev = 45;
+            case 51:
+              _context.prev = 51;
               _context.t2 = _context["catch"](35);
               _iterator3 = _createForOfIteratorHelper(sequenceTask);
               try {
@@ -855,19 +1010,63 @@ var TaskMachine = /*#__PURE__*/function () {
               } finally {
                 _iterator3.f();
               }
-            case 49:
-              this.isProcessing = false;
-              this.send(TaskQueueEvent.SETDONE);
-              if (this.context.taskQueue.length > 0) {
+            case 55:
+              setProcessing(false);
+              this.send(TaskQueueEvent.SETDONE, view);
+              if (taskQueue.length > 0) {
                 Promise.resolve().then(function () {
-                  _this.processTasks();
+                  _this.processTasks(taskQueue, isProcessing, domReady, setProcessing, view);
                 })["catch"](console.error);
               }
-            case 52:
+            case 58:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[9, 26, 29, 32], [13, 19], [35, 45]]);
+        }, _callee, this, [[9, 26, 29, 32], [13, 19], [35, 51]]);
+      }));
+    }
+  }, {
+    key: "processPusherTasks",
+    value: function processPusherTasks() {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        var _this2 = this;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return this.processTasks(this.pusherTaskQueue, this.isProcessing, this.pusherDomReady, function (value) {
+                _this2.isProcessing = value;
+              });
+            case 2:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+    }
+  }, {
+    key: "processPlayerTasks",
+    value: function processPlayerTasks(view) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+        var _this3 = this;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              if (this.playerTasks[view]) {
+                _context3.next = 2;
+                break;
+              }
+              return _context3.abrupt("return");
+            case 2:
+              _context3.next = 4;
+              return this.processTasks(this.playerTasks[view].taskQueue, this.playerTasks[view].isProcessing, this.playerTasks[view].domReady, function (value) {
+                _this3.playerTasks[view].isProcessing = value;
+              }, view);
+            case 4:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this);
       }));
     }
   }]);
@@ -877,22 +1076,27 @@ var taskMachine = new TaskMachine();
 var setHandle = function setHandle(target, key, descriptor) {
   var originalMethod = descriptor.value;
   descriptor.value = function () {
-    var _this2 = this;
+    var _this4 = this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+    var params = args[0],
+      funName = args[1];
     return new Promise(function (resolve, reject) {
-      var params = args[0],
-        funName = args[1];
-      taskMachine.addTask(new Task({
-        ctx: _this2,
-        priority: TaskPriorityMap[funName] || 0,
-        action: originalMethod,
-        args: params,
-        name: funName,
-        resolve: resolve,
-        reject: reject
-      }));
+      var _a;
+      try {
+        taskMachine.addTask(new Task({
+          ctx: _this4,
+          priority: ((_a = TaskMap[funName]) === null || _a === void 0 ? void 0 : _a.priority) || 0,
+          action: originalMethod,
+          args: params,
+          name: funName,
+          resolve: resolve,
+          reject: reject
+        }));
+      } catch (error) {
+        reject(error);
+      }
     });
   };
   return descriptor;
@@ -1150,7 +1354,7 @@ var Logger = /*#__PURE__*/function () {
 var logger = new Logger();
 
 var name = "@tencentcloud/trtc-cloud-wx";
-var version = "0.0.19";
+var version = "0.0.20-beta.1";
 var description = "";
 var main = "dist/trtc-cloud-wx.js";
 var module$1 = "dist/trtc-cloud-wx.js";
@@ -1300,6 +1504,16 @@ var TRTCCloud = /*#__PURE__*/function () {
           taskMachine.send(TaskQueueEvent.SETDONE);
         }
       });
+      this.InterfaceEventEmitter.on('playerDomReady', function (_ref) {
+        var isReady = _ref.isReady,
+          view = _ref.view;
+        taskMachine.setPlayerDomReady(view, isReady);
+        if (isReady) {
+          taskMachine.send(TaskQueueEvent.SETPROCESS, view);
+        } else {
+          taskMachine.send(TaskQueueEvent.SETDONE, view);
+        }
+      });
     }
   }, {
     key: "bindTRTCEvent",
@@ -1521,18 +1735,20 @@ var TRTCCloud = /*#__PURE__*/function () {
               this.userId = userId;
               this.isEnterRoom = true;
               _context2.next = 8;
-              return this.setPusherAttributes({
-                sdkAppID: sdkAppId,
-                userID: userId,
-                userSig: userSig,
-                roomID: roomId,
-                strRoomID: strRoomId,
-                role: role,
-                privateMapKey: privateMapKey,
-                scene: translateTRTCAppScene(scene),
-                enableMic: false,
-                enableCamera: false,
-                videoPreview: false
+              return this.setAttributes({
+                params: {
+                  sdkAppID: sdkAppId,
+                  userID: userId,
+                  userSig: userSig,
+                  roomID: roomId,
+                  strRoomID: strRoomId,
+                  role: role,
+                  privateMapKey: privateMapKey,
+                  scene: translateTRTCAppScene(scene),
+                  enableMic: false,
+                  enableCamera: false,
+                  videoPreview: false
+                }
               }, 'enterRoom');
             case 8:
               this.trtc.getPusherInstance().start({
@@ -1551,9 +1767,11 @@ var TRTCCloud = /*#__PURE__*/function () {
                             break;
                           }
                           _context.next = 7;
-                          return this.setPusherAttributes({
-                            videoPreview: false,
-                            enableCamera: true
+                          return this.setAttributes({
+                            params: {
+                              videoPreview: false,
+                              enableCamera: true
+                            }
                           }, 'other');
                         case 7:
                           this.emit('onSendFirstLocalVideoFrame', exports.TRTCVideoStreamType.TRTCVideoStreamTypeBig);
@@ -1626,9 +1844,11 @@ var TRTCCloud = /*#__PURE__*/function () {
               return _context3.abrupt("return");
             case 7:
               _context3.next = 9;
-              return this.setPusherAttributes({
-                enableCamera: false,
-                enableMic: false
+              return this.setAttributes({
+                params: {
+                  enableCamera: false,
+                  enableMic: false
+                }
               }, 'switchRole');
             case 9:
               logger.info('switchRole success');
@@ -1671,12 +1891,14 @@ var TRTCCloud = /*#__PURE__*/function () {
               return _context4.abrupt("return");
             case 3:
               _context4.next = 5;
-              return this.setPusherAttributes(function () {
-                return {
-                  videoPreview: _this8.isEnterRoom ? _this8.isVideoMuted : true,
-                  enableCamera: _this8.isEnterRoom ? !_this8.isVideoMuted : false,
-                  frontCamera: frontCamera ? 'front' : 'back'
-                };
+              return this.setAttributes({
+                params: function params() {
+                  return {
+                    videoPreview: _this8.isEnterRoom ? _this8.isVideoMuted : true,
+                    enableCamera: _this8.isEnterRoom ? !_this8.isVideoMuted : false,
+                    frontCamera: frontCamera ? 'front' : 'back'
+                  };
+                }
               }, 'startLocalPreview');
             case 5:
               pusher = _context4.sent;
@@ -1706,9 +1928,11 @@ var TRTCCloud = /*#__PURE__*/function () {
             case 0:
               logger.info('stopLocalPreview');
               _context5.next = 3;
-              return this.setPusherAttributes({
-                videoPreview: false,
-                enableCamera: false
+              return this.setAttributes({
+                params: {
+                  videoPreview: false,
+                  enableCamera: false
+                }
               }, 'stopLocalPreview');
             case 3:
               logger.info('stopLocalPreview success');
@@ -1764,18 +1988,20 @@ var TRTCCloud = /*#__PURE__*/function () {
               logger.info('muteLocalVideo: isVideoMuted set to ', mute);
               _context6.prev = 9;
               _context6.next = 12;
-              return this.setPusherAttributes({
-                videoPreview: mute,
-                enableCamera: !mute
+              return this.setAttributes({
+                params: {
+                  videoPreview: mute,
+                  enableCamera: !mute
+                }
               }, 'muteLocalVideo');
             case 12:
-              logger.info('muteLocalVideo: setPusherAttributes success');
+              logger.info('muteLocalVideo: setAttributes success');
               _context6.next = 18;
               break;
             case 15:
               _context6.prev = 15;
               _context6.t1 = _context6["catch"](9);
-              logger.error('muteLocalVideo: setPusherAttributes failed with error ', _context6.t1);
+              logger.error('muteLocalVideo: setAttributes failed with error ', _context6.t1);
             case 18:
               logger.info('muteLocalVideo success');
               return _context6.abrupt("break", 21);
@@ -1798,23 +2024,32 @@ var TRTCCloud = /*#__PURE__*/function () {
   }, {
     key: "startRemoteView",
     value: function startRemoteView(userId, view, streamType) {
-      var _this9 = this;
-      logger.info('startRemoteView with options: ', userId, view, streamType);
-      var streamId = translateTRTCStreamId(userId, streamType);
-      var playerAttributes = this.setTRTCPlayerAttributes(streamId, {
-        muteVideo: false,
-        stopVideo: false
-      });
-      this.renderMap.set(streamId, view);
-      this.InterfaceEventEmitter.emit('playerAttributesChange', {
-        streamId: streamId,
-        view: this.renderMap.get(streamId),
-        playerAttributes: playerAttributes,
-        callback: function callback() {
-          logger.info('startRemoteView success');
-          _this9.emit('onFirstVideoFrame', userId, streamType, 0, 0);
-        }
-      });
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+        var streamId;
+        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
+            case 0:
+              logger.info('startRemoteView with options: ', userId, view, streamType);
+              streamId = translateTRTCStreamId(userId, streamType);
+              this.renderMap.set(streamId, view);
+              _context7.next = 5;
+              return this.setAttributes({
+                params: {
+                  muteVideo: false,
+                  stopVideo: false
+                },
+                streamId: streamId,
+                view: view
+              }, 'startRemoteView');
+            case 5:
+              logger.info('startRemoteView success');
+              this.emit('onFirstVideoFrame', userId, streamType, 0, 0);
+            case 7:
+            case "end":
+              return _context7.stop();
+          }
+        }, _callee7, this);
+      }));
     }
     /**
      * 停止显示远端视频画面，同时不再拉取该远端用户的视频数据流
@@ -1824,20 +2059,30 @@ var TRTCCloud = /*#__PURE__*/function () {
   }, {
     key: "stopRemoteView",
     value: function stopRemoteView(userId, streamType) {
-      logger.info('stopRemoteView with options: ', userId, streamType);
-      var streamId = translateTRTCStreamId(userId, streamType);
-      var playerAttributes = this.setTRTCPlayerAttributes(streamId, {
-        muteVideo: true,
-        stopVideo: true
-      });
-      this.InterfaceEventEmitter.emit('playerAttributesChange', {
-        streamId: streamId,
-        view: this.renderMap.get(streamId),
-        playerAttributes: playerAttributes,
-        callback: function callback() {
-          logger.info('stopRemoteView success');
-        }
-      });
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+        var streamId;
+        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
+            case 0:
+              logger.info('stopRemoteView with options: ', userId, streamType);
+              streamId = translateTRTCStreamId(userId, streamType);
+              _context8.next = 4;
+              return this.setAttributes({
+                params: {
+                  muteVideo: true,
+                  stopVideo: true
+                },
+                streamId: streamId,
+                view: this.renderMap.get(streamId)
+              }, 'stopRemoteView');
+            case 4:
+              logger.info('stopRemoteView success');
+            case 5:
+            case "end":
+              return _context8.stop();
+          }
+        }, _callee8, this);
+      }));
     }
     /**
      * 修改远端视频渲染的 HTML 元素，小程序不支持
@@ -1851,75 +2096,141 @@ var TRTCCloud = /*#__PURE__*/function () {
   }, {
     key: "updateRemoteView",
     value: function updateRemoteView(userId, view, streamType) {
-      logger.info('updateRemoteView with options: ', userId, view, streamType);
-      if (view !== null) {
-        this.startRemoteView(userId, view, streamType);
-        return;
-      }
-      this.stopRemoteView(userId, streamType);
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
+        return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
+            case 0:
+              logger.info('updateRemoteView with options: ', userId, view, streamType);
+              if (!(view !== null)) {
+                _context9.next = 5;
+                break;
+              }
+              _context9.next = 4;
+              return this.startRemoteView(userId, view, streamType);
+            case 4:
+              return _context9.abrupt("return");
+            case 5:
+              _context9.next = 7;
+              return this.stopRemoteView(userId, streamType);
+            case 7:
+            case "end":
+              return _context9.stop();
+          }
+        }, _callee9, this);
+      }));
     }
     // 停止显示所有远端视频画面，同时不再拉取该远端用户的视频数据流
   }, {
     key: "stopAllRemoteView",
     value: function stopAllRemoteView() {
-      var _this10 = this;
-      logger.info('stopAllRemoteView');
-      var playerList = this.trtc.getPlayerList();
-      playerList.forEach(function (player) {
-        var streamId = player.streamID;
-        var playerAttributes = _this10.setTRTCPlayerAttributes(streamId, {
-          muteVideo: true,
-          stopVideo: true
-        });
-        _this10.InterfaceEventEmitter.emit('playerAttributesChange', {
-          streamId: streamId,
-          view: _this10.renderMap.get(streamId),
-          playerAttributes: playerAttributes,
-          callback: function callback() {
-            logger.info('stopAllRemoteView success');
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
+        var _this9 = this;
+        var playerList;
+        return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
+            case 0:
+              logger.info('stopAllRemoteView');
+              playerList = this.trtc.getPlayerList();
+              playerList.forEach(function (player) {
+                return __awaiter(_this9, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
+                  var streamId;
+                  return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+                    while (1) switch (_context10.prev = _context10.next) {
+                      case 0:
+                        streamId = player.streamID;
+                        _context10.next = 3;
+                        return this.setAttributes({
+                          params: {
+                            muteVideo: true,
+                            stopVideo: true
+                          },
+                          streamId: streamId,
+                          view: this.renderMap.get(streamId)
+                        }, 'stopAllRemoteView');
+                      case 3:
+                      case "end":
+                        return _context10.stop();
+                    }
+                  }, _callee10, this);
+                }));
+              });
+              logger.info('stopAllRemoteView success');
+            case 4:
+            case "end":
+              return _context11.stop();
           }
-        });
-      });
+        }, _callee11, this);
+      }));
     }
     // 暂停接收指定的远端视频流
     // 该接口仅停止接收远程用户的视频流，但并不释放显示资源，所以视频画面会冻屏在 mute 前的最后一帧。
   }, {
     key: "muteRemoteVideoStream",
     value: function muteRemoteVideoStream(userId, mute, streamType) {
-      logger.info('muteRemoteVideoStream');
-      var streamId = translateTRTCStreamId(userId, streamType);
-      var playerAttributes = this.setTRTCPlayerAttributes(streamId, {
-        muteVideo: mute
-      });
-      this.InterfaceEventEmitter.emit('playerAttributesChange', {
-        streamId: streamId,
-        view: this.renderMap.get(streamId),
-        playerAttributes: playerAttributes,
-        callback: function callback() {
-          logger.info('muteRemoteVideoStream success');
-        }
-      });
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
+        var streamId;
+        return _regeneratorRuntime().wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
+            case 0:
+              logger.info('muteRemoteVideoStream');
+              streamId = translateTRTCStreamId(userId, streamType);
+              _context12.next = 4;
+              return this.setAttributes({
+                params: {
+                  muteVideo: mute
+                },
+                streamId: streamId,
+                view: this.renderMap.get(streamId)
+              }, 'muteRemoteVideoStream');
+            case 4:
+              logger.info('muteRemoteVideoStream success');
+            case 5:
+            case "end":
+              return _context12.stop();
+          }
+        }, _callee12, this);
+      }));
     }
   }, {
     key: "muteAllRemoteVideoStreams",
     value: function muteAllRemoteVideoStreams(mute) {
-      var _this11 = this;
-      logger.info('muteAllRemoteVideoStreams with options: ', mute);
-      var playerList = this.trtc.getPlayerList();
-      playerList.forEach(function (player) {
-        var streamId = player.streamID;
-        var playerAttributes = _this11.setTRTCPlayerAttributes(streamId, {
-          muteVideo: mute
-        });
-        _this11.InterfaceEventEmitter.emit('playerAttributesChange', {
-          streamId: streamId,
-          view: _this11.renderMap.get(streamId),
-          playerAttributes: playerAttributes,
-          callback: function callback() {
-            logger.info('muteAllRemoteVideoStreams success');
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee14() {
+        var _this10 = this;
+        var playerList;
+        return _regeneratorRuntime().wrap(function _callee14$(_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
+            case 0:
+              logger.info('muteAllRemoteVideoStreams with options: ', mute);
+              playerList = this.trtc.getPlayerList();
+              playerList.forEach(function (player) {
+                return __awaiter(_this10, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
+                  var streamId;
+                  return _regeneratorRuntime().wrap(function _callee13$(_context13) {
+                    while (1) switch (_context13.prev = _context13.next) {
+                      case 0:
+                        streamId = player.streamID;
+                        _context13.next = 3;
+                        return this.setAttributes({
+                          params: {
+                            muteVideo: mute
+                          },
+                          streamId: streamId,
+                          view: this.renderMap.get(streamId)
+                        }, 'muteAllRemoteVideoStreams');
+                      case 3:
+                      case "end":
+                        return _context13.stop();
+                    }
+                  }, _callee13, this);
+                }));
+              });
+              logger.info('muteAllRemoteVideoStreams success');
+            case 4:
+            case "end":
+              return _context14.stop();
           }
-        });
-      });
+        }, _callee14, this);
+      }));
     }
   }, {
     key: "setTRTCPlayerAttributes",
@@ -1932,55 +2243,59 @@ var TRTCCloud = /*#__PURE__*/function () {
   }, {
     key: "setVideoEncoderParam",
     value: function setVideoEncoderParam(params) {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
         var videoResolution, videoFps, minVideoBitrate, _translateTRTCVideoRe, videoWidth, videoHeight;
-        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regeneratorRuntime().wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
               logger.info('setVideoEncoderParam with options: ', JSON.stringify(params));
               videoResolution = params.videoResolution, params.resMode, videoFps = params.videoFps, params.videoBitrate, minVideoBitrate = params.minVideoBitrate;
-              _translateTRTCVideoRe = translateTRTCVideoResolution(videoResolution), videoWidth = _translateTRTCVideoRe.videoWidth, videoHeight = _translateTRTCVideoRe.videoHeight; // const videoOrientation = translateTRTCVideoResolutionMode(resMode);
-              _context7.next = 5;
-              return this.setPusherAttributes({
-                videoWidth: videoWidth,
-                videoHeight: videoHeight,
-                // videoOrientation,
-                fps: videoFps,
-                minBitrate: minVideoBitrate
+              _translateTRTCVideoRe = translateTRTCVideoResolution(videoResolution), videoWidth = _translateTRTCVideoRe.videoWidth, videoHeight = _translateTRTCVideoRe.videoHeight;
+              _context15.next = 5;
+              return this.setAttributes({
+                params: {
+                  videoWidth: videoWidth,
+                  videoHeight: videoHeight,
+                  // videoOrientation,
+                  fps: videoFps,
+                  minBitrate: minVideoBitrate
+                }
               }, 'setVideoEncoderParam');
             case 5:
               logger.info('setVideoEncoderParam success');
             case 6:
             case "end":
-              return _context7.stop();
+              return _context15.stop();
           }
-        }, _callee7, this);
+        }, _callee15, this);
       }));
     }
   }, {
     key: "setLocalRenderParams",
     value: function setLocalRenderParams(params) {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {
         var rotation, mirrorType, videoOrientation, localMirror;
-        return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+        return _regeneratorRuntime().wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
               logger.info('setLocalRenderParams with options: ', JSON.stringify(params));
               rotation = params.rotation, params.fillMode, mirrorType = params.mirrorType;
               videoOrientation = translateTRTCVideoRotation(rotation);
               localMirror = translateTRTCVideoMirrorType(mirrorType);
-              _context8.next = 6;
-              return this.setPusherAttributes({
-                videoOrientation: videoOrientation,
-                localMirror: localMirror
+              _context16.next = 6;
+              return this.setAttributes({
+                params: {
+                  videoOrientation: videoOrientation,
+                  localMirror: localMirror
+                }
               }, 'setLocalRenderParams');
             case 6:
               logger.info('setLocalRenderParams success');
             case 7:
             case "end":
-              return _context8.stop();
+              return _context16.stop();
           }
-        }, _callee8, this);
+        }, _callee16, this);
       }));
     }
     /**
@@ -1992,41 +2307,51 @@ var TRTCCloud = /*#__PURE__*/function () {
   }, {
     key: "setRemoteRenderParams",
     value: function setRemoteRenderParams(userId, streamType, params) {
-      logger.info('setRemoteRenderParams with options: ', userId, streamType, JSON.stringify(params));
-      var fillMode = params.fillMode,
-        rotation = params.rotation;
-        params.mirrorType;
-      var streamId = translateTRTCStreamId(userId, streamType); // 音频默认都是主流
-      var playerAttributes = this.setTRTCPlayerAttributes(streamId, {
-        objectFit: translateVideoFillMod(fillMode),
-        orientation: translateTRTCVideoRotation(rotation)
-      });
-      this.InterfaceEventEmitter.emit('playerAttributesChange', {
-        streamId: streamId,
-        view: this.renderMap.get(streamId),
-        playerAttributes: playerAttributes,
-        callback: function callback() {
-          logger.info('setRemoteRenderParams success');
-        }
-      });
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
+        var fillMode, rotation, streamId;
+        return _regeneratorRuntime().wrap(function _callee17$(_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
+            case 0:
+              logger.info('setRemoteRenderParams with options: ', userId, streamType, JSON.stringify(params));
+              fillMode = params.fillMode, rotation = params.rotation, params.mirrorType;
+              streamId = translateTRTCStreamId(userId, streamType); // 音频默认都是主流
+              _context17.next = 5;
+              return this.setAttributes({
+                params: {
+                  objectFit: translateVideoFillMod(fillMode),
+                  orientation: translateTRTCVideoRotation(rotation)
+                },
+                streamId: streamId,
+                view: this.renderMap.get(streamId)
+              }, 'setRemoteRenderParams');
+            case 5:
+              logger.info('setRemoteRenderParams success');
+            case 6:
+            case "end":
+              return _context17.stop();
+          }
+        }, _callee17, this);
+      }));
     }
   }, {
     key: "startLocalAudio",
     value: function startLocalAudio(quality) {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
-        return _regeneratorRuntime().wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee18() {
+        return _regeneratorRuntime().wrap(function _callee18$(_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
             case 0:
               logger.info('startLocalAudio with options: ', quality);
               if (!(this.role !== exports.TRTCRoleType.TRTCRoleAnchor)) {
-                _context9.next = 3;
+                _context18.next = 3;
                 break;
               }
               throw new Error('Current role is audience, unable to access mic. Call switchRole to become a host.');
             case 3:
-              _context9.next = 5;
-              return this.setPusherAttributes({
-                enableMic: true
+              _context18.next = 5;
+              return this.setAttributes({
+                params: {
+                  enableMic: true
+                }
               }, 'startLocalAudio');
             case 5:
               logger.info('startLocalAudio success');
@@ -2037,112 +2362,146 @@ var TRTCCloud = /*#__PURE__*/function () {
               }
             case 9:
             case "end":
-              return _context9.stop();
+              return _context18.stop();
           }
-        }, _callee9, this);
+        }, _callee18, this);
       }));
     }
   }, {
     key: "stopLocalAudio",
     value: function stopLocalAudio() {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
-        return _regeneratorRuntime().wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee19() {
+        return _regeneratorRuntime().wrap(function _callee19$(_context19) {
+          while (1) switch (_context19.prev = _context19.next) {
             case 0:
               logger.info('stopLocalAudio');
-              _context10.next = 3;
-              return this.setPusherAttributes({
-                enableMic: false
+              _context19.next = 3;
+              return this.setAttributes({
+                params: {
+                  enableMic: false
+                }
               }, 'stopLocalAudio');
             case 3:
               logger.info('stopLocalAudio success');
               this.emit('onUserAudioAvailable', this.userId, 0);
             case 5:
             case "end":
-              return _context10.stop();
+              return _context19.stop();
           }
-        }, _callee10, this);
+        }, _callee19, this);
       }));
     }
   }, {
     key: "muteLocalAudio",
     value: function muteLocalAudio(mute) {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
-        return _regeneratorRuntime().wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee20() {
+        return _regeneratorRuntime().wrap(function _callee20$(_context20) {
+          while (1) switch (_context20.prev = _context20.next) {
             case 0:
               logger.info('muteLocalAudio called with options: ', mute);
-              _context11.prev = 1;
-              _context11.next = 4;
-              return this.setPusherAttributes({
-                muted: mute
+              _context20.prev = 1;
+              _context20.next = 4;
+              return this.setAttributes({
+                params: {
+                  muted: mute
+                }
               }, 'muteLocalAudio');
             case 4:
-              logger.info('setPusherAttributes executed successfully');
-              _context11.next = 11;
+              logger.info('setAttributes executed successfully');
+              _context20.next = 11;
               break;
             case 7:
-              _context11.prev = 7;
-              _context11.t0 = _context11["catch"](1);
-              logger.error('Error in setPusherAttributes: ', _context11.t0);
-              throw _context11.t0;
+              _context20.prev = 7;
+              _context20.t0 = _context20["catch"](1);
+              logger.error('Error in setAttributes: ', _context20.t0);
+              throw _context20.t0;
             case 11:
-              _context11.prev = 11;
+              _context20.prev = 11;
               this.emit('onUserAudioAvailable', this.userId, mute === true ? 0 : 1);
               logger.info('onUserAudioAvailable event emitted successfully');
-              _context11.next = 20;
+              _context20.next = 20;
               break;
             case 16:
-              _context11.prev = 16;
-              _context11.t1 = _context11["catch"](11);
-              logger.error('Error in emitting onUserAudioAvailable event: ', _context11.t1);
-              throw _context11.t1;
+              _context20.prev = 16;
+              _context20.t1 = _context20["catch"](11);
+              logger.error('Error in emitting onUserAudioAvailable event: ', _context20.t1);
+              throw _context20.t1;
             case 20:
               logger.info('muteLocalAudio execution finished');
             case 21:
             case "end":
-              return _context11.stop();
+              return _context20.stop();
           }
-        }, _callee11, this, [[1, 7], [11, 16]]);
+        }, _callee20, this, [[1, 7], [11, 16]]);
       }));
     }
   }, {
     key: "muteRemoteAudio",
     value: function muteRemoteAudio(userId, mute) {
-      logger.info('muteRemoteAudio with options: ', userId, mute);
-      var streamId = translateTRTCStreamId(userId, exports.TRTCVideoStreamType.TRTCVideoStreamTypeBig); // 音频默认都是主流
-      var playerAttributes = this.setTRTCPlayerAttributes(streamId, {
-        muteAudio: mute
-      });
-      this.InterfaceEventEmitter.emit('playerAttributesChange', {
-        streamId: streamId,
-        view: this.renderMap.get(streamId),
-        playerAttributes: playerAttributes,
-        callback: function callback() {
-          logger.info('muteRemoteAudio success');
-        }
-      });
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee21() {
+        var streamId;
+        return _regeneratorRuntime().wrap(function _callee21$(_context21) {
+          while (1) switch (_context21.prev = _context21.next) {
+            case 0:
+              logger.info('muteRemoteAudio with options: ', userId, mute);
+              streamId = translateTRTCStreamId(userId, exports.TRTCVideoStreamType.TRTCVideoStreamTypeBig); // 音频默认都是主流
+              _context21.next = 4;
+              return this.setAttributes({
+                params: {
+                  muteAudio: mute
+                },
+                streamId: streamId,
+                view: this.renderMap.get(streamId)
+              }, 'muteRemoteAudio');
+            case 4:
+              logger.info('muteRemoteAudio success');
+            case 5:
+            case "end":
+              return _context21.stop();
+          }
+        }, _callee21, this);
+      }));
     }
   }, {
     key: "muteAllRemoteAudio",
     value: function muteAllRemoteAudio(mute) {
-      var _this12 = this;
-      logger.info('muteAllRemoteAudio with options: ', mute);
-      var playerList = this.trtc.getPlayerList();
-      playerList.forEach(function (player) {
-        var streamId = player.streamID;
-        var playerAttributes = _this12.setTRTCPlayerAttributes(streamId, {
-          muteAudio: mute
-        });
-        _this12.InterfaceEventEmitter.emit('playerAttributesChange', {
-          streamId: streamId,
-          view: _this12.renderMap.get(streamId),
-          playerAttributes: playerAttributes,
-          callback: function callback() {
-            logger.info('muteAllRemoteAudio success');
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee23() {
+        var _this11 = this;
+        var playerList;
+        return _regeneratorRuntime().wrap(function _callee23$(_context23) {
+          while (1) switch (_context23.prev = _context23.next) {
+            case 0:
+              logger.info('muteAllRemoteAudio with options: ', mute);
+              playerList = this.trtc.getPlayerList();
+              playerList.forEach(function (player) {
+                return __awaiter(_this11, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee22() {
+                  var streamId;
+                  return _regeneratorRuntime().wrap(function _callee22$(_context22) {
+                    while (1) switch (_context22.prev = _context22.next) {
+                      case 0:
+                        streamId = player.streamID;
+                        _context22.next = 3;
+                        return this.setAttributes({
+                          params: {
+                            muteAudio: mute
+                          },
+                          streamId: streamId,
+                          view: this.renderMap.get(streamId)
+                        }, 'muteRemoteAudio');
+                      case 3:
+                      case "end":
+                        return _context22.stop();
+                    }
+                  }, _callee22, this);
+                }));
+              });
+              logger.info('muteAllRemoteAudio success');
+            case 4:
+            case "end":
+              return _context23.stop();
           }
-        });
-      });
+        }, _callee23, this);
+      }));
     }
   }, {
     key: "enableAudioVolumeEvaluation",
@@ -2156,29 +2515,31 @@ var TRTCCloud = /*#__PURE__*/function () {
   }, {
     key: "switchCamera",
     value: function switchCamera(frontCamera) {
-      var _this13 = this;
+      var _this12 = this;
       logger.info('switchCamera with options: ', frontCamera);
       var pusher = this.trtc.getPusherInstance();
       if (frontCamera === (pusher.pusherAttributes.frontCamera === 'front')) return Promise.resolve();
       return new Promise(function (resolve, reject) {
         wx.createLivePusherContext().switchCamera({
           success: function success(event) {
-            return __awaiter(_this13, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
-              return _regeneratorRuntime().wrap(function _callee12$(_context12) {
-                while (1) switch (_context12.prev = _context12.next) {
+            return __awaiter(_this12, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee24() {
+              return _regeneratorRuntime().wrap(function _callee24$(_context24) {
+                while (1) switch (_context24.prev = _context24.next) {
                   case 0:
-                    _context12.next = 2;
-                    return this.setPusherAttributes({
-                      frontCamera: frontCamera
+                    _context24.next = 2;
+                    return this.setAttributes({
+                      params: {
+                        frontCamera: frontCamera
+                      }
                     }, 'switchCamera');
                   case 2:
                     logger.info('switchCamera success');
                     resolve(event);
                   case 4:
                   case "end":
-                    return _context12.stop();
+                    return _context24.stop();
                 }
-              }, _callee12, this);
+              }, _callee24, this);
             }));
           },
           fail: function fail(error) {
@@ -2191,24 +2552,26 @@ var TRTCCloud = /*#__PURE__*/function () {
   }, {
     key: "setBeautyStyle",
     value: function setBeautyStyle(style, beauty, white, ruddiness) {
-      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
-        return _regeneratorRuntime().wrap(function _callee13$(_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee25() {
+        return _regeneratorRuntime().wrap(function _callee25$(_context25) {
+          while (1) switch (_context25.prev = _context25.next) {
             case 0:
               logger.info('setBeautyStyle with options: ', style, beauty, white, ruddiness);
-              _context13.next = 3;
-              return this.setPusherAttributes({
-                beautyStyle: style,
-                beautyLevel: beauty,
-                whitenessLevel: white
+              _context25.next = 3;
+              return this.setAttributes({
+                params: {
+                  beautyStyle: style,
+                  beautyLevel: beauty,
+                  whitenessLevel: white
+                }
               }, 'setBeautyStyle');
             case 3:
               logger.info('setBeautyStyle success');
             case 4:
             case "end":
-              return _context13.stop();
+              return _context25.stop();
           }
-        }, _callee13, this);
+        }, _callee25, this);
       }));
     }
   }, {
@@ -2374,38 +2737,109 @@ var TRTCCloud = /*#__PURE__*/function () {
       }
     }
   }, {
-    key: "setPusherAttributes",
-    value: function setPusherAttributes(params, funName) {
-      var _this14 = this;
-      // 定义一个超时时间（以毫秒为单位）
-      var timeoutDuration = 2000;
-      var timeoutPromise = new Promise(function (resolve, reject) {
-        setTimeout(function () {
-          reject(new Error('setPusherAttributes timed out'));
-        }, timeoutDuration);
+    key: "pusherAttributesChange",
+    value: function pusherAttributesChange(pusher) {
+      var _this13 = this;
+      return new Promise(function (resolve) {
+        _this13.InterfaceEventEmitter.emit('pusherAttributesChange', {
+          pusher: pusher,
+          callback: function callback() {
+            resolve(pusher);
+          }
+        });
       });
-      var originalPromise = new Promise(function (resolve, reject) {
-        try {
-          var pusher = {};
-          switch (funName) {
-            case 'enterRoom':
-              pusher = _this14.trtc.enterRoom(params);
-              break;
-            default:
-              pusher = _this14.trtc.setPusherAttributes(params);
-              break;
+    }
+  }, {
+    key: "playerAttributesChange",
+    value: function playerAttributesChange(params) {
+      var _this14 = this;
+      var streamId = params.streamId,
+        playerAttributes = params.playerAttributes;
+      return new Promise(function (resolve) {
+        _this14.InterfaceEventEmitter.emit('playerAttributesChange', {
+          streamId: streamId,
+          view: _this14.renderMap.get(streamId),
+          playerAttributes: playerAttributes,
+          callback: function callback() {
+            resolve(playerAttributes);
           }
-          _this14.InterfaceEventEmitter.emit('pusherAttributesChange', {
-            pusher: pusher,
-            callback: function callback() {
-              resolve(pusher);
-            }
-          });
-        } catch (err) {
-          reject(err);
-        }
+        });
       });
-      return Promise.race([originalPromise, timeoutPromise]);
+    }
+  }, {
+    key: "setAttributes",
+    value: function setAttributes(options, funName, handleType) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee28() {
+        var _this15 = this,
+          _handleMap;
+        var timeoutDuration, timeoutPromise, params, streamId, handleMap, originalPromise;
+        return _regeneratorRuntime().wrap(function _callee28$(_context28) {
+          while (1) switch (_context28.prev = _context28.next) {
+            case 0:
+              // 定义一个超时时间（以毫秒为单位）
+              timeoutDuration = 2000;
+              timeoutPromise = new Promise(function (resolve, reject) {
+                setTimeout(function () {
+                  reject(new Error('setAttributes timed out'));
+                }, timeoutDuration);
+              });
+              params = options.params, streamId = options.streamId, options.view;
+              handleMap = (_handleMap = {}, _defineProperty(_handleMap, Handletype.setPlayer, function () {
+                return __awaiter(_this15, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee26() {
+                  var playerAttributes;
+                  return _regeneratorRuntime().wrap(function _callee26$(_context26) {
+                    while (1) switch (_context26.prev = _context26.next) {
+                      case 0:
+                        _context26.next = 2;
+                        return this.playerAttributesChange({
+                          playerAttributes: this.setTRTCPlayerAttributes(streamId, params),
+                          streamId: streamId
+                        });
+                      case 2:
+                        playerAttributes = _context26.sent;
+                        return _context26.abrupt("return", playerAttributes);
+                      case 4:
+                      case "end":
+                        return _context26.stop();
+                    }
+                  }, _callee26, this);
+                }));
+              }), _defineProperty(_handleMap, Handletype.setPusher, function () {
+                return __awaiter(_this15, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee27() {
+                  var _pusher, pusher;
+                  return _regeneratorRuntime().wrap(function _callee27$(_context27) {
+                    while (1) switch (_context27.prev = _context27.next) {
+                      case 0:
+                        if (!(funName === 'enterRoom')) {
+                          _context27.next = 5;
+                          break;
+                        }
+                        _context27.next = 3;
+                        return this.pusherAttributesChange(this.trtc.enterRoom(params));
+                      case 3:
+                        _pusher = _context27.sent;
+                        return _context27.abrupt("return", _pusher);
+                      case 5:
+                        _context27.next = 7;
+                        return this.pusherAttributesChange(this.trtc.setPusherAttributes(params));
+                      case 7:
+                        pusher = _context27.sent;
+                        return _context27.abrupt("return", pusher);
+                      case 9:
+                      case "end":
+                        return _context27.stop();
+                    }
+                  }, _callee27, this);
+                }));
+              }), _handleMap);
+              originalPromise = handleMap[handleType] ? handleMap[handleType]() : Promise.reject(new Error('setAttributes fail'));
+              return _context28.abrupt("return", Promise.race([originalPromise, timeoutPromise]));
+            case 6:
+            case "end":
+              return _context28.stop();
+          }
+        }, _callee28);
+      }));
     }
   }], [{
     key: "getTRTCShareInstance",
@@ -2429,7 +2863,7 @@ var TRTCCloud = /*#__PURE__*/function () {
   }]);
   return TRTCCloud;
 }();
-__decorate([setHandle], TRTCCloud.prototype, "setPusherAttributes", null);
+__decorate([setHandle], TRTCCloud.prototype, "setAttributes", null);
 
 exports.TRTCCloud = TRTCCloud;
 exports.default = TRTCCloud;