对接海康视频融合赋能平台实现网页喊话功能

目标功能

在web项目中通过浏览器调用麦克风实现网页广播喊话功能

准备工作

1. 获取能力开放网关的相关信息，需要用户名密码登录平台查看文档，APPkey、APPsecret用来调接口时身份认证

2. 在海康开放平台下载最新版的安全认证库接入到后端项目中，来调用能力开放网关提供的接口

实现流程

graph LR
    subgraph 前端网页
        A[点击按钮] -->|0.触发|A1[喊话方法]
        A1 -->|5.初次握手| A2[实时广播推流websocket连接]
        A2 -->|6.初次返回PKD和rand| A1
        A1 -->|7.再次发送key和authorization| A2
        A2 -->|8.返回广播状态| A1
        A1 -->A3{9.判断广播状态}
        A3 -->|否| A4(显示错误信息)
        A3 -->|是| A5[浏览器录音接口]
        A5 -->|10.返回音频流| A1
        A1 -->|11.音频流编码为mp3推送| A2
    end
    
    subgraph 后端服务
        A1 -->|1.调用| B[喊话接口]
        B -->|4.返回websockt广播推流地址| A1
        A1 -->|7.传递PKD和rand| D[加密接口]
        D -->|8.加密算法返回key和authorization| A1
    end

    subgraph 能力开放网关
    B -->|2.调用| C[获取实时广播推流地址]
    C -->|3.返回websocket广播推流地址| B
    end