企业远程视频通话会议系统EasyRTC前端开发实现登录页记住密码功能

近期我们的EasyRTC进行了新的版本修正，开发了MCU版本和SFU版本（MCU与SFU方案的区别是什么），小规模企业用户可选MCU方案，大型会议现场可选SFU方案。

目前我们正在不断对新版的EasyRTC进行测试，修正其问题，完善其功能。近期我们的前端研发人员已经实现了登录页记住密码的功能，下面我们就简单讲下我们的实现过程，大家可以参考一下。

前端实现记住密码只能通过浏览器的localStorage或者cooking，由于cookies有时效性，所以我们使用cookies更加友好一点。

当登录请求发送成功后在cookies中存储账号密码，还有记住密码按钮的状态。具体实现如下：

          login(this.loginForm)
            .then((res) => {
              this.$message({
                message: "登录成功",
                type: "success",
              });
              this.clearCookie();
              if (this.single == true) {
                this.setCookie(
                  this.loginForm.name,
                  this.loginForm.password,
                  this.single,
                  7
                );
              } else {
                this.clearCookie();
              }
              this.$router.push("/MeetIndex");
            })

当页面打开时，首先读取浏览器中cookies存储的账号密码和记住密码按钮的状态，将相应的数据填充到页面中。

  getCookie() {
      if (document.cookie.length > 0) {
        var arr = document.cookie.split("; ");
        for (var i = 0; i < arr.length; i++) {
          var arr2 = arr[i].split("=");
          if (arr2[0] == "userName") {
            this.loginForm.name = arr2[1];
          } else if (arr2[0] == "userPwd") {
            this.loginForm.password = arr2[1];
          } else if (arr2[0] == "single") {
            if (arr2[1] == "true") {
              this.single = true;

SFU不对音视频进行混流，收到某个终端共享的音视频流后，就直接将该音视频流转发给房间内的其他终端。EasyRTC-SFU版使用该方案能够对CPU资源实现低消耗，且有很大的灵活性，能够更好地适应不同的网络状况和终端类型。如若想了解更多内容，欢迎访问TSINGSEE青犀视频，也可以随时咨询我们。