基于liveplayer实现语音对讲功能

---

前言

视频监控项目中一般会有基于摄像头的语音对讲功能，对于前端来讲要实现采集麦克风音频数据发送给后端，接下来笔者将分享如何基于liveplayer实现该需求。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、安装liveplayer播放器

liveplayer播放器的安装和使用笔者已在另一篇博文具体讲过，这里贴出链接：Vue项目中集成LivePlayer播放器

二、对讲功能实现

代码如下（示例）：

......
<el-button @click="talk">语音对讲</el-button>
......
data(){
   
  return {
   
    recorder: null,
    isTalking: false
  }
......
methods: {
   
  // 开启语音对讲
talk() {
   
  if(!this.cantalk()){
   
    this.$message({
   
      type: 'warning',
      message:
        '由于浏览器安全策略, 非 HTTPS 或 非 localhost 访问, 对讲不可
      duration: 5000
    })
    return
  }
  if(!this.isTalking) {
   
    window