java调用百度语音接口

最新推荐文章于 2024-06-08 12:59:49 发布
最新推荐文章于 2024-06-08 12:59:49 发布
阅读量774 收藏 2
点赞数
分类专栏： 调用API 文章标签： ajax javascript java js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yokna/article/details/117730389
版权

五子棋调用百度语音接口实现语音识别

Step1前端上传语音到后端

前端通过ajax进行数据传输

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>五子棋</title>
 <style>
 * {
    margin: 0;
    padding: 0;
 }

 body {
    margin-top: 20px;
    margin-left: 20px;
 }

 canvas {
    background-image: url("img/backgroud.jpg");
    border: 1px solid #000;
 }

 .mybutton {
            width: 200px;
            line-height: 40px;
            text-align: center;
            background-color: cornflowerblue;
            margin: 0 auto;
            margin-top: 20px;
            font-size: 20px;
            color: #fff;
        }
 </style>
</head>

<body>
        <canvas width="600" height="600" onclick="play(event)"></canvas>    
        
        <div>
            <input type="button" value="重新开始" onclick="replay()" class="mybutton">
            <input type="button" value="开始录音" onclick="startVoice()" class="mybutton">
            <input type="button" value="结束录音" onclick="endVoice()" class="mybutton">
        </div>

           

        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="../templates/recorder.js" type="text/javascript" charset="utf-8"></script>
	    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js" integrity="sha512-q/dWJ3kcmjBLU4Qc47E4A9kTB4m3wuTY7vkFJDTZKjTs8jhyGQnaUrxa0Ytd0ssMZhbNua9hE+E7Qv1j+DyZwA=="
	    crossorigin="anonymous"></script>
<script>
 /*准备工作： 1获取画布，获取画笔对象 */
 var recorder = new Recorder({
	sampleRate: 16000,
	bitRate:16,
});
    var mcanvas = document.querySelector("canvas");
    var ctx = mcanvas.getContext("2d");

    /*准备工作：2创建一个二维数组 用来定义绘制棋盘线*/
    var count = 15;//用来定义棋盘的行数和列数
    var map = new Array(count);

    var startVoice = function() {

	recorder.start().then(function() {
		// 开始录音
	});
}

    var endVoice = function() {

	// 结束录音
	recorder.stop();
	// 下载pcm文件
	// recorder.downloadPCM('test');
	// 获取 PCM 数据(Blob)
	console.log(recorder.getPCMBlob());
	let voiceBlob = recorder.getPCMBlob();
	var body;
    var formdata = new FormData(); // form 表单 {key:value}
    console.log(voiceBlob)
    formdata.append("voice", voiceBlob); // form input type="file"   

	 $.ajax({
            url: "http://127.0.0.1:8080/voice2word/store",//请求的url地址
            type: 'post',//设置请求的http方式，method也可以
            dataType: 'json',//将服务器端返回的数据直接认定为是这个格式，然后会做一些自动的处理(如果是json字符串，会自动转化为js对象),服务器返回的默认格式是text/html格式
            processData:false,
            contentType:false, 
            data: formdata,
            success: function (data) {//请求成功之后执行的回调函数
                console.log(data.code);
                 body = data.body;
                 voiceplay(body);
            },
            error: function(error){
                console.log(error)
            }
        });

}

    for (var i = 0; i < map.length; i++) {
        map[i] = new Array(count);
        for (var j = 0; j < map[i].length; j++) {
            map[i][j] = 0;
        }
    }

    /*准备工作：3初始化棋子*/
    var black = new Image();
    var white = new Image();
    black.src = "img/black.png";
    white.src = "img/white.png";


    //开始绘制 1绘制棋盘线
    ctx.strokeStyle = "#fff";
    var rectWH = 40; //设置绘制矩形的大小
    for (var i = 0; i < map.length; i++) {
        for (var j = 0; j < map[i].length; j++) {
            ctx.strokeRect(j * rectWH, i * rectWH, rectWH, rectWH);
        }
    }

    // 用来进行黑白子的切换
    var isBlack = true;

    function voiceplay(body) {
        row = body[0];
        col = body[1];
        if (map[row][col] != 0) {
        alert("此处已经落子");
        return;
    }

    // 切换绘制黑白子
    if (isBlack) {
        ctx.drawImage(black, col * 40 - 20, row * 40 - 20);
        isBlack = false;
        map[row][col] = 1;

        $.ajax({
            url: "http://127.0.0.1:5000/yes",//请求的url地址
            type: 'post',//设置请求的http方式，method也可以
            dataType: 'json',//将服务器端返回的数据直接认定为是这个格式，然后会做一些自动的处理(如果是json字符串，会自动转化为js对象),服务器返回的默认格式是text/html格式
            data: {//向服务器端发送的数据
                t: 1,
                row: row,
                col: col,

            },
            success: function (data) {//请求成功之后执行的回调函数
                if(data.code===201){
                    alert('黑棋获胜')
                }else if(data.code===202){
                    alert('白棋获胜')
                }

            },
            error: function(error){
                console.log(error)
            }
        });

        // Yes(1,row,col)

    } else {
        ctx.drawImage(white, col * 40 - 20, row * 40 - 20);
        isBlack = true;
        map[row][col] = 2;
        $.ajax({
            url: "http://127.0.0.1:5000/yes",//请求的url地址
            type: 'post',//设置请求的http方式，method也可以
            dataType: 'json',//将服务器端返回的数据直接认定为是这个格式，然后会做一些自动的处理(如果是json字符串，会自动转化为js对象),服务器返回的默认格式是text/html格式
            data: {//向服务器端发送的数据
                t: 2,
                row: row,
                col: col,

            },
            success: function (data) {//请求成功之后执行的回调函数
                if(data.code===201){
                    alert('黑棋获胜')
                }else if(data.code===202){
                    alert('白棋获胜')
                }

            },
            error: function(error){
                console.log(error)
            }
        });
        // Yes(2,row,col)
    }

    }

 //开始绘制 2下子
 function play(e) {
    //获取点击canvas的位置值默认，canvas的左上角为（0,0） 点
    var leftOffset = 20;//body 的margin
    var x = e.clientX - leftOffset;
    var y = e.clientY - leftOffset;
    // console.log(x+" "+y);
    // 设置点击点后棋子下在哪里,获取点击的位置进行判断如果超过格子的一半则绘制到下一个点如果小于 则绘制在上一个点上
    var xv = (x - rectWH / 2) / rectWH;
    var yv = (y - rectWH / 2) / rectWH;

    var col = parseInt(xv) + 1;
    var row = parseInt(yv) + 1;
    console.log(xv + " " + yv + " , " + col + " " + row);

    //严格点需要验证 ，验证所输入的点是否在数组中已经存在 ，如果存在 则返回
    if (map[row][col] != 0) {
        alert("此处已经落子");
        return;
    }

    // 切换绘制黑白子
    if (isBlack) {
        ctx.drawImage(black, col * 40 - 20, row * 40 - 20);
        isBlack = false;
        map[row][col] = 1;

        $.ajax({
            url: "http://127.0.0.1:5000/yes",//请求的url地址
            type: 'post',//设置请求的http方式，method也可以
            dataType: 'json',//将服务器端返回的数据直接认定为是这个格式，然后会做一些自动的处理(如果是json字符串，会自动转化为js对象),服务器返回的默认格式是text/html格式
            data: {//向服务器端发送的数据
                t: 1,
                row: row,
                col: col,
                
            },
            success: function (data) {//请求成功之后执行的回调函数
                if(data.code===201){
                    alert('黑棋获胜')
                }else if(data.code===202){
                    alert('白棋获胜')
                }
                
            },
            error: function(error){
                console.log(error)
            }
        });

        // Yes(1,row,col)

    } else {
        ctx.drawImage(white, col * 40 - 20, row * 40 - 20);
        isBlack = true;
        map[row][col] = 2;
        $.ajax({
            url: "http://127.0.0.1:5000/yes",//请求的url地址
            type: 'post',//设置请求的http方式，method也可以
            dataType: 'json',//将服务器端返回的数据直接认定为是这个格式，然后会做一些自动的处理(如果是json字符串，会自动转化为js对象),服务器返回的默认格式是text/html格式
            data: {//向服务器端发送的数据
                t: 2,
                row: row,
                col: col,
              
            },
            success: function (data) {//请求成功之后执行的回调函数
                if(data.code===201){
                    alert('黑棋获胜')
                }else if(data.code===202){
                    alert('白棋获胜')
                }
                
            },
            error: function(error){
                console.log(error)
            }
        });
        // Yes(2,row,col)
    }


 }

 function replay(){
    $.ajax({
            url: "http://127.0.0.1:5000/replay",//请求的url地址
            type: 'post',//设置请求的http方式，method也可以
            dataType: 'json',//将服务器端返回的数据直接认定为是这个格式，然后会做一些自动的处理(如果是json字符串，会自动转化为js对象),服务器返回的默认格式是text/html格式
            data: {//向服务器端发送的数据
                isReplay: true
            },
            success: function (data) {//请求成功之后执行的回调函数
                window.location.href = "game.html";                
            },
            error: function(error){
                console.log(error)
            }
        });
 }

</script>
</body>
</html>

Step2后端接收到语音文件缓存下来

这一步有待优化，涉及到的IO比较多。

package com.yokna.homeworkhelper.service.impl;

import com.yokna.homeworkhelper.entity.RespMsg;
import com.yokna.homeworkhelper.service.UploadService;
import org.springframework.stereotype.Service;
import org.springframework.web.multipart.MultipartFile;

import java.io.File;

@Service
public class UploadServiceImpl implements UploadService {

    @Override
    public RespMsg<String> upload(MultipartFile file) {
        if(file.isEmpty()) {
            return RespMsg.fail("400","上传的文件为空");
        }
        String originalFileName = file.getOriginalFilename();
        String newFileName = System.currentTimeMillis()+"."+ originalFileName;
        String filePath = "C:\\Users\\Yokna\\IdeaProjects\\homeworkhelper\\src\\main\\resources\\static\\voice\\";
        File dest = new File(filePath+newFileName);

        //判断是否存在这样的一个目录来存放我们上传的文件
        if (!dest.getParentFile().exists()){
            dest.getParentFile().mkdirs();
        }
        try {
            file.transferTo(dest);
        }catch (Exception e){
            e.printStackTrace();
            return RespMsg.fail("500","上传失败");
        }
        return RespMsg.success(filePath+newFileName);
    }
}

Step3转发给百度语音接口

package com.yokna.homeworkhelper.utils;

import com.baidu.aip.speech.AipSpeech;
import org.json.JSONObject;
import org.junit.Test;
import org.springframework.stereotype.Component;

import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;
import java.util.regex.Matcher;
import java.util.regex.Pattern;

@Component
public class BaiduVoice {
    //设置APPID/AK/SK
    public static final String APP_ID = "24287980";
    public static final String API_KEY = "gnXf3eNkMNIFSvrm91QSQioN";
    public static final String SECRET_KEY = "YPYtZ3Ny8iHyOpMEgd4DC0b9KO628G75";
    public static  HashMap<String,Integer> dict = new HashMap<String, Integer>(){
        {
            put("一",1);
            put("二",2);
            put("三",3);
            put("四",4);
            put("五",5);
            put("六",6);
            put("七",7);
            put("八",8);
            put("九",9);
            put("十",10);
            put("11",11);
            put("12",12);
            put("13",13);
            put("14",14);
            put("15",15);
            put("16",16);
            put("17",17);
        }
    };

    public int[] voice2word(String src){
        // 初始化一个AipSpeech
        AipSpeech client = new AipSpeech(APP_ID, API_KEY, SECRET_KEY);

        // 可选：设置网络连接参数
        client.setConnectionTimeoutInMillis(2000);
        client.setSocketTimeoutInMillis(60000);
        // 可选：设置log4j日志输出格式，若不设置，则使用默认配置
        // 也可以直接通过jvm启动参数设置此环境变量
        //System.setProperty("aip.log4j.conf", "path/to/your/log4j.properties");
        // 调用接口
        JSONObject res = client.asr(src, "pcm", 16000, null);
        System.out.println(res.toString(2));
        String commandStr = (String) res.getJSONArray("result").get(0);
        int[] result = this.str2Integer(commandStr);

        return result;
    }

    public int[] str2Integer(String str){
        int[] result = new int[5];
//        str = "";
        String regex = "\u4e00|\u4e8c|\u4e09|\u56db|\u4e94|\u516d|\u4e03|\u516b|\u4e5d|\u5341|[10-18]";
        Pattern p = Pattern.compile(regex);
        Matcher m = p.matcher(str);
        int i = 0;
        while (m.find()){
//            System.out.println(m.start());
//            System.out.println(m.end());
//            System.out.println(str.substring(m.start(), m.end())+1);
            try{
                result[i] = dict.get(str.substring(m.start(),m.end()+1)+"");
            }catch (Exception e){
                continue;
            }
            i++;
//            System.out.println("i =" + i);
//            System.out.println(str.charAt(m.start()));
//            System.out.println(this.dict.get(str.charAt(m.start())+""));
//            System.out.println(m.start());
//            System.out.println(m.);
        }
        int[] tmp = new int[2];
        int k = 0;
        for (int j = 0 ; j < result.length ;j++){
            if (result[j] != 0){
                if (result[j] != 10){
                    tmp[k] = result[j];
                    k++;
                }else {
                    tmp[k] = result[j]+result[j+1];
                    j++;
                    k++;
                }
            }else continue;
        }

        return tmp;
    }

//    public int[] gobangVoiceAPI(String src){
//        this.str2Integer(voice2word(src));
//
//    }

    @Test
    public void test(){
        for (int res : str2Integer("第第11行行11列")) {
            System.out.println(res);
        }
    }
}

Step4处理百度语音返回的语音识别结果

package com.yokna.homeworkhelper.controller;

import com.yokna.homeworkhelper.entity.RespMsg;
import com.yokna.homeworkhelper.service.UploadService;
import com.yokna.homeworkhelper.utils.BaiduVoice;
import org.json.JSONObject;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;

@CrossOrigin
@RestController
@RequestMapping(value = "voice2word",method = RequestMethod.POST)
public class VoiceController {
    @Autowired
    private BaiduVoice baiduVoice;
    @Autowired
    private UploadService uploadService;

    @RequestMapping("/store")
    public RespMsg storePCM(@RequestParam("voice") MultipartFile file){
        RespMsg respMsg = uploadService.upload(file);
        String newFileName = (String) respMsg.getBody();
        int[] result = baiduVoice.voice2word(newFileName);

        return RespMsg.success(result);
    }
}

五子棋其他逻辑在python后端，java后端只完成语音识别、识别到字符处理。具体后端详见之前发过的flask博文。

Yokna
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
前端将浏览器端麦克风语音流传输给java后端
06-11
前端将浏览器端麦克风语音流传输给java后端
JAVA实现JS录音接收WAV文件存入服务器
qq_32418361的博客
10-28 1391
JAVA实现JS录音接收WAV文件存入服务器
苹果百度地图老司机骚气语音导航包设置教程要偷偷听哦
最新发布
m0_55795221的博客
06-08 1609
最近在刷视频的时候，看到了一个短视频使用百度地图进行导航时语音包很Sao啊，然后今天教程给大家分享出来。需要注意的是，此语音包只可独自欣赏不可在公共场所或人群比较多的地方中欣赏，以免引起不必要的尴尬哦！！
java调用手机麦克风录音以及保存音频文件到服务器
qq_42219895的博客
09-17 1640
1.应用场景：手机app内录制不超过60秒的录音，进行保存，可以实现播放 实现过程 （1）.前端调取手机麦克风，录制音频，转成base64文件传给后端 （2）.后端将前端传过来的base64文件进行解析，然后作为输出流，输出为wav或者mp3文件 （3）.小编是将文件上传至服务器，然后记录上传的地址+文件名，当前端需要访问时，直接将路径返回即可，前端可以利用组件直接播放 下面是后台处理base64录音的全部代码 /** * 将base64音频文件保存到服务器 * @param base64Audi
JAVA对接语音通知接口DEMO示例
m0_61684517的博客
10-12 519
//接口类型：互亿无线语音通知接口。 //账户注册：请通过该地址开通账户hhttp://user.ihuyi.com/?jmzFP2 //注意事项： //（1）调试期间，请仔细阅读接口文档； //（2）请使用APIID（查看APIID请登录用户中心->语音通知->帐户及签名设置->APIID）及 APIkey来调用接口； //（3）该代码仅供接入互亿无线语音通知接口参考使用，客户可根据实际需要自行编写； public class sendvoice { private stat.
java代码视频数据和音频数据的采集
我叫王菜鸟
03-10 3924
我们经常用直播，但是直播怎么做呢？前面的文章已经搭建好了推流服务器，现在就让我们先从采集数据开始吧，然后压缩数据，然后推流数据等等，一步步来，一定会成个大胖纸的。加油！
java 调用百度语音
Jerry杰的博客
12-01 1179
pom文件引入 <dependency> <groupId>com.baidu.aip</groupId> <artifactId>java-sdk</artifactId> <version>4.12.0</version> </dependency> 话不多说直接上代码 C...
Java实现的百度语音识别功能示例
08-27
本文主要介绍了 Java 实现的百度语音识别功能，详细讲解了 Java 调用百度语音接口相关操作步骤，并提供了具体的语音识别用法代码示例。以下是相关知识点： 一、百度语音识别简介 百度语音识别是百度公司提供的一项...
调用百度语音接口demo
01-16
标题“调用百度语音接口demo”表明我们将探讨如何利用百度提供的示例代码（即demo）来快速理解和实现语音识别。这个过程通常包括注册账号获取API密钥、理解接口文档、配置项目以及实际调用接口。 首先，我们需要在...
java百度语音sdk
12-03
Java百度语音SDK是一款专为Java开发者设计的工具包，它使得在Java应用程序中集成和使用百度的语音识别技术变得简单易行。通过这个SDK，开发者能够实现语音输入到文本的转换，极大地提升了人机交互的体验，特别是在...
python调用百度语音REST API
12-25
SDK中只提供了PHP、C和JAVA的相关样例，使用python也可以灵活的对端口进行调用，本文描述了简单使用Python调用百度语音识别服务 REST API 的简单样例。 1、语音识别与语音合成的调用 注册开发者帐号和创建应用的过程...
录音上传到后台，在前端播放，页面语音通信
10-24
JAVA WEB 语音通信，一个页面语音录制上传到后台，另一个页面直接播放，适合网页语音通信，在springmvc环境上亲测可用，仅做演示。
百度语音合成REST API POST JAVA 保存MP3 格式文件
03-21
本资源包含网页和JAVA代码，分别演示基于百度语音合成REST API对接的POST方式提交接口数据，及其返回格式。网页格式直接返回语音，JAVA程序将POST调用返回的二进制数据流以字节流的方式存储在本地.mp3文件中。鉴于...
python调用百度语音识别api
09-20
百度语音识别API是一种提供给开发者的语音识别服务接口，开发者可以通过此接口将...同时，在使用百度语音识别API时，开发者还需要遵守百度的相关服务条款，例如调用频率限制、合理的使用场景等，以确保服务的正常使用。
基于百度AI的提取图片文字java项目
07-30
在该项目中，Java被用来编写代码，调用百度AI的OCR API，处理图像，以及与系统的其他部分交互。 3. **图像处理**：在进行文字识别前，可能需要对图像进行预处理，例如调整大小、裁剪、旋转等，以优化识别效果。Java...
tts_java_demo语音合成.zip
03-02
在这个案例中，可能是用于调用某个TTS服务提供商的API，如阿里云、百度语音、讯飞等，以实现语音合成。 详细知识点： 1. **Java编程基础**：理解Java语法，类、对象、异常处理、输入/输出流等，这是实现TTS demo的...
java如何导入语音识别接口
weixin_42599908的博客
02-18 232
Java可以使用语音识别API，如Android Speech API，来实现语音识别功能。可以使用Android Studio或Eclipse IDE编写应用程序，并通过以下步骤实现导入语音识别接口：1)在主项目的build.gradle文件中添加语音识别API库；2)在AndroidManifest.xml文件中声明RecognitionListener类；3)在Activity类中实现语音识...
WEB前端语音对讲实现方案以及示例
热门推荐
嗨
07-04 2万+
WEB前端语音对讲实现方案以及示例需求实现难点1.实时输出音频数据2.实时数据解析，播放 需求 司机需要通过车载终端设备与WEB平台进行语音对讲，目前已实现WebSocket服务端，需要实现客户端 说到websocket想比大家不会陌生，如果陌生的话也没关系，一句话概括 WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信 实现 我们需要在web端实...
前端调用麦克风获取实时音频流和录音并上传至后台
tsqjxy的博客
07-07 5429
index.html recordermp3.js worker-reallame.js lame.min.js 一个是实时获取音频流的文件，另一个是录音并上传至后台的文件，建议都在服务器环境下打开，这两天从网上整理的，希望对大家有所启发。
java使用百度api语音合成
04-03
以下是使用Java调用百度语音合成API的步骤： 1. 在百度AI开放平台注册账号，创建应用并获取API Key和Secret Key。 2. 下载Java SDK和示例代码，解压后打开Java SDK文件夹，将其中的aip-java-sdk-x.x.x.jar文件添加...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值