专栏首页智慧教育以语音评测的PC端demo代码为例,讲解口语评测如何实现
原创

以语音评测的PC端demo代码为例,讲解口语评测如何实现

概述

腾讯云智聆口语评测(英文版)(Smart Oral Evaluation-English,SOE-E)是腾讯云推出的语音评测产品,是基于英语口语类教育培训场景和腾讯云的语音处理技术,应用特征提取、声学模型和语音识别算法,为儿童和成人提供高准确度的英语口语发音评测。腾讯云智聆口语评测(英文版)支持单词和句子模式的评测,多维度反馈口语表现,可广泛应用于英语口语类教学应用中。

本 SDK 为智聆口语测评(英文版)的 Web 版本,封装了对智聆口语测评(英文版)网络 API 的调用及本地音频文件处理,并提供简单的录音功能,使用者可以专注于从业务切入,方便简洁地进行二次开发。

本文档只对 Web SDK 进行描述,详细的网络 API 说明请参见 API 文档

使用说明

SDK引入

只需要在您的 Web 页面中添加如下代码即可:

html
<script src="https://imgcache.qq.com/open/qcloud/soe/TencentSOE-0.0.1.js"></script>

创建对象

new TencentSOE

参数

类型

说明

是否必填

默认值

InitUrl

String

初始化接口地址

TransUrl

String

评分接口地址

WorkMode

Integer

上传方式:语音输入模式,0流式分片,1非流式一次性评估

0

EvalMode

Integer

评估模式,0:词模式, 1:句子模式

0

ScoreCoeff

Float

评价苛刻指数,取值为1.0 - 4.0范围内的浮点数 用于平滑不同年龄段的分数,1.0为小年龄段,4.0为最高年龄段

3.5

SoeAppId

String

业务应用ID,与账号应用APPID无关,是用来方便客户管理服务的参数

StorageMode

Integer

音频存储模式,0:不存储,1:存储到公共对象存储, 输出结果为该会话最后一个分片TransmitOralProcess 返回结果 AudioUrl 字段。

success

function

创建成功回调

error

function

创建失败回调

用户需自行替换后台接口地址,nodejs版本可参考此SDKlet recorder = new TencentSOE({ InitUrl: 'http://127.0.0.1:3000/cgi/init', TransUrl: 'http://127.0.0.1:3000/cgi/trans', success() { // TODO }, error(err) { console.log(err); } });

方法

初始化

/**
 * 调用初始化接口,设置测评文本
 * @param {
 *   success: function() {} // 成功回调
 *   error: function() {} // 失败回调
 * }
 */
recorder.init({
  RefText: 'about',
  success() {
    recorder.start();
  },
  error(err) {
    console.log(err);
  }
});

开始录音

/**
 * 开始录音
 * @param {
 *   error: function() {} // 录音过程出现错误时回调,选填
 * }
 */
recorder.start({
  error(err) {
    console.log(err);
  }
});

停止录音

/**
 * 停止录音,返回测评结果
 * @param {
 *   success: function() {} // 成功回调
 *   error: function() {} // 失败回调
 * }
 */
recorder.stop({
  success(res) {
    // 获取blob对象,创建audio进行回放
    let audio = document.createElement('audio');
    audio.setAttribute('controls', '');
    let blobUrl = URL.createObjectURL(res.blob);
    document.body.appendChild(audio);
   	
    // 输出测评得分
    console.log(res.PronAccuracy)
  },
  error(err) {
    console.log(err);
  }
});

重置参数

/**
 * 重置参数,用于修改请求参数
 * @param {Object} params
 */
recorder.reset({
  WorkMode: 1
});

在线Demo

https://soe.cloud.tencent.com

错误码

code

错误说明

10000

参数格式错误

10001

当前浏览器不支持录音功能

10002

未开启麦克风访问权限

10003

未提供发音评估初始化接口

10004

未提供发音数据传输接口接口

10005

未提供测评文本

10020

接口错误

Tip: 非本地环境必须使用https协议

极简示例

创建html, 引入TencentSOE SDK,代码如下

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="//imgcache.qq.com/open/qcloud/soe/TencentSOE-0.0.1.js"></script>
</head>
<body>
  <input type="text" value="about" id="word">
  <button id="start">开始录音</button>
  <button id="stop">结束录音</button>
   <!-- 显示当前状态 -->
  <span id="status"></span>
  <!-- 显示测评结果 -->
  <div id="result"></div>
</body>
</html>

编写录音代码:开始录音、结束录音、展示结果,代码如下

let recorder = new TencentSOE({
  InitUrl: 'http://127.0.0.1:3000/cgi/init',
  TransUrl: 'http://127.0.0.1:3000/cgi/trans',
  success(res) {
    console.log('创建成功');
  },
  error(err) {
    console.log('创建失败');
  },
});
startBtn.onclick = function () {
  result.innerHTML = '';
  status.textContent = '初始化中';
  recorder.init({
    RefText: word.value,
    success(res) {
      status.textContent = '录音转码中...';
      recorder.start();
    },
    error(err) {
      console.log('err', err);
    }
  });
};
stopBtn.onclick = function () {
  recorder.stop({
    success(res) {
      status.textContent = '已结束';
      createAudioLinkFromBlob(res, 'wav');
    },
    error(err) {
      console.log('err', err);
    }
  });
};

// 创建音频、下载链接
function createAudioLinkFromBlob(res, type) {
  let audio = document.createElement('audio');
  let alink = document.createElement('a');
  let score = document.createElement('span');
  let blobUrl = URL.createObjectURL(res.blob);
  alink.download = 'demo.' + type;
  alink.textContent = 'demo.' + type;
  alink.href = blobUrl;
  audio.src = blobUrl;
  audio.setAttribute('controls', '');
  score.textContent = '分数:' + res.PronAccuracy;

  let container = document.createElement('div');
  container.appendChild(audio);
  container.appendChild(alink);
  container.appendChild(score);
  result.appendChild(container);
}

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 沧源给留守儿童的“特殊礼物”—云端陪伴

    ? 今天是六一国际儿童节,学校里都在组织各种缤纷多彩的活动,家长们也在琢磨送孩子什么样的节日礼物。 最近,我听到了一个6岁小男孩的儿童节愿望,有点心酸。这个...

    腾讯智慧教育
  • 腾讯发起粤港澳青少年研学交流计划 ,面向大湾区中学生开放申请

    2月25日,腾讯宣布发起“粤港澳大湾区青少年研学交流计划”,在每年举办暑期大湾区青年营的基础上,将联合大湾区重点企业、大学和社会机构,常设“大湾区青少年研学交流...

    腾讯智慧教育
  • 降低教育企业落地AI的门槛,腾讯智慧教育发布“智聆口语评测SDK”

    ? 让天下开发者早点下班 腾讯云智聆口语评测团队近期发布 口语评测英文版SDK 核心功能 1. 封装api调用及本地音视频文件处理 (对音频分片的开发量缩短)...

    腾讯智慧教育
  • 【已解决】AppStore 如何上传预览视频

    君赏
  • 10招步骤保护IIS服务器安全

    问题 IIS(Internet Information Server)是黑客特别喜欢的目标。因此,对于管理IIS网页服务器的管理员来说,确保服务器安全是一件至...

    张善友
  • 家具建材行业电商平台解决方案

    2017年我国家具建材行业竞争激烈,行业一段时间内仍会处于大调整、大整合的关键时期。所以整个市场是较为低迷的状态,2018年上半年,全国的家具建材市场总体来说是...

    数商云
  • 【leetcode刷题】T152-N叉树的后序遍历

    https://leetcode-cn.com/problems/n-ary-tree-postorder-traversal/

    木又AI帮
  • 【leetcode刷题】T151-N叉树的前序遍历

    https://leetcode-cn.com/problems/n-ary-tree-preorder-traversal/

    木又AI帮
  • 为什么微前端开始在流行:后端解耦,前端聚合

    Phodal
  • python获取地震信息

    6月17日22分25分,四川省宜宾市长宁县发生了6.0级地震,成都高新减灾研究所与应急管理部门联合建设的大陆地震预警网成功预警本次地震,提前10秒向宜宾市预警,...

    stormwen

扫码关注云+社区

领取腾讯云代金券