本文共 1544 字，大约阅读时间需要 5 分钟。

代码示例

在vue中，利用websocket进行高性能的GB28181语音对讲前端代码

......    talkStart(e) {      if(!this.ws) {        var ws = new WebSocket(this.wsTalkURL());        ws.onopen = evt => {          console.log("ws talk open");          this.ws = ws;        }        ws.onclose = evt => {          console.log("ws talk close");        }        ws.onerror = evt => {          console.log("ws talk error", evt);        }      }      var $target = $(e.currentTarget);      if(this.recorder) {        $target.addClass("active");        this.recorder.start();        return;      }      LiveRecorder.get((rec, err) => {        if(err) {          alert(err);          return        }        // this.$refs["player"].setMuted(true);        $target.addClass("active");        this.recorder = rec;        this.recorder.start();      }, {        sampleBits: 16,        sampleRate: 8000,        pcmCallback: pcm => {          // binary to base64 string          var reader = new window.FileReader();          reader.onloadend = () => {            var base64 = reader.result;            var base64 = base64.split(',')[1];            if(this.ws) {              this.ws.send(base64);            }          }          reader.readAsDataURL(pcm);        }      })    },    talkStop() {      if(this.recorder) {        this.recorder.stop();        // this.recorder = null;        $(this.$el).find(".fa-microphone.active").removeClass("active");        // this.$refs["player"].setMuted(false);      }      if(this.ws) {        this.ws.close();        this.ws = null;      }    },   ......

转载地址：https://liveqing.blog.csdn.net/article/details/100930757 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！