企业微信 语音消息 -优化版
想查看web端react-amr的API可以去看此链接 添加链接描述
简说一下:
一般我们使用移动端微信发的语音是amr文件不是MP3文件;
而且web端不支持,所以我们要找对应的amr的三方资源去协助我们开发
这边是通过文件流来获取,如果你想做调试的话,网上amr的文件资源不好找,你可以使用转换器,将你的MP3文件转换成amr文件到本地就可以使用啦!!!
/**
* @文件描述 会话管理界面右侧---协助左侧渲染 -语音消息
* @创建人和时间 - 2021-04-28
* @更新人和时间 - 2021-05-11
* @param {Function} amr - 初始化amr
* @param {boolean} isToggleOn - 控制播放暂停图标
*/
import React, {
PureComponent } from 'react';
import BenzAMRRecorder from 'benz-amr-recorder';
import {
Col, Row, Card } from 'antd';
import {
PlayCircleOutlined, PauseCircleOutlined } from '@ant-design/icons';
// import amrCeshi from "../../../../assets/audio/amrCeshi.amr"; // 测试使用
import {
wechatV1 as v1 } from 'services/config';
import {
getAccessToken } from 'utils/token';
export default class Voices extends PureComponent {
constructor(props) {
super(props);
this.state = {
amr: new BenzAMRRecorder(),
isToggleOn: true, // 控制播放暂停图标
}
this.change = this.change.bind(this);
}
// 点击开始播放
change = () => {
const {
amr } = this.state;
if (amr.isPaused())