智聆口语评测
有奖捉虫：行业应用 & 管理与支持文档专题 HOT
文档中心 > 智聆口语评测 > SDK 文档 > 客户端 SDK > 微信 H5 > 快速入门

快速入门

最近更新时间：2024-03-12 14:19:11

我的收藏

本页目录：

流程图





跑通 Demo

在线调试

1. 使用微信浏览器打开 Demo 。
2. 在准备工作获取密钥后填入，单击开始录音，进行评测。




集成 SDK

准备工作

1. 本接口采用微信 JS SDK 接口进行录音，开发前请阅读微信开发文档。
2. 申请公众号，用于初始化微信 jssdk，申请地址微信公众平台，根据业务选择服务号或者订阅号。
注意：
需进行企业认证用于授权下载素材接口。
3. 登录公众号后台，在开发 > 开发管理 > 开发设置 > 开发者 ID 中获取公众号 appid 及 appsecret。
4. 集成 demo 参考Demo。

SDK 引入

引入 JS SDK 和智聆 Web SDK。JSSDK 使用步骤官方文档。
<script src="https://aiedu.qcloud.com/soe/TencentSOE-0.2.2.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

通过 config 接口注入权限验证配置

需要参考微信 JSSDK 使用权限签名算法 的签名逻辑，获取 jsapi_ticket 参考微信开发相关。
const params = {
  'jsapi_ticket': ticketData,
  'noncestr': Math.random().toString(36).substr(2), // 随机字符串
  'timestamp': parseInt(new Date().getTime() / 1000), // 时间戳
  'url': window.location.href.split('#')[0]
};
// 根据ticket生成签名
const str = `jsapi_ticket=${params.jsapi_ticket}&noncestr=${params.noncestr}&timestamp=${params.timestamp}&url=${params.url}`;
const sig = sha1(str);
wx.config({
  appId: '', // 必填，公众号的唯一标识。
  timestamp: params.timestamp, // 必填，生成签名的时间戳
  nonceStr: params.noncestr, // 必填，生成签名的随机串
  signature: sig, // 必填，签名
  jsApiList: [
    'startRecord', // 开始录音
    'stopRecord', // 停止录音
    'playVoice', // 播放语音接口
    'pauseVoice', // 暂停播放接口
    'stopVoice', // 停止播放
    'onVoicePlayEnd', // 监听语音播放完毕
    'uploadVoice', // 上传语音接口
    'downloadVoice' // 下载语音
  ]
});
引入 sha1 的依赖

SDK 功能

微信 JSSDK 需要等待录音结束后才可以获取音频数据，无法使用音频文件评测。需要录音评测（无实时），可参考录音评测说明。

中国站