开发前准备

调用百度和图灵机器人相关的

参考链接:www.cnblogs.com/changtao/p/10596385.html
下载一个网页录音的js插件

链接：https://pan.baidu.com/s/1-dvlmwLlMzO3crZea35kiQ

提取码：qth0


前端开发:




<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>我是玩具</title>

</head>

<body>

<P><audio id="player" controls autoplay></audio></P>

<button onclick="start_reco()">录音</button>

<button onclick="stop_reco()">发送语音</button>

<div id="content">

</div>

</body>

<script type="text/javascript" src="/static/Recorder.js"></script>

<script type="text/javascript" src="/static/jquery-3.3.1.min.js"></script>

<script type="text/javascript">

    var serv = "服务器ip";

    var reco = null;

    var audio_context = new AudioContext();//音频内容对象

    navigator.getUserMedia = (navigator.getUserMedia ||

        navigator.webkitGetUserMedia ||

        navigator.mozGetUserMedia ||

        navigator.msGetUserMedia); // 做的一个兼容问题

    navigator.getUserMedia({audio: true}, create_stream, function (err) {

        console.log(err)

    });

    function create_stream(user_media) {

        var stream_input = audio_context.createMediaStreamSource(user_media);

        reco = new Recorder(stream_input);

    }

    function start_reco() {

        reco.record();

    }

    function stop_reco() {

        reco.stop();

        reco.exportWAV(function (wav_file) {

            console.log(wav_file);

            var formdata = new FormData(); // form 表单 {key:value}

            formdata.append("reco",wav_file); // form input type="file"

            $.ajax({

            url: serv + "/upload",

            type: 'post',

            processData: false,

            contentType: false,

            data: formdata,

            dataType: 'json',

            success: function (data) {

                console.log(data);

                if(data.code == 0){

                    document.getElementById("player").src="拼接一个提交的地址"+data.filename;

                    document.getElementById("content").innerText=data.content

                }

            }

            })

        });

        reco.clear(); // 每次执行完,清空reco容器

    }

</script>

</html>　　




提示:语音处理方法的地址:https://www.cnblogs.com/changtao/p/10596385.html


后端开发:




from flask import Flask,request,redirect,render_template,jsonify,send_file

from uuid import uuid4

import audio2text

app = Flask(__name__)

@app.route('/')

def index():

    return render_template('web_soon.html')

@app.route('/upload',methods=['post'])

def upload():

    fi = request.files.get('reco')

    fi_name = f"{uuid4()}.m4a"

    fi.save(fi_name)

    ret_sb = audio2text.speech_sb(fi_name)  //语音识别的函数

    ret_npl = audio2text.my_npl(ret_sb.get('result'),'123') // 自然语言处理

    ret_hc_filename = audio2text.speech_hc(uuid4(),ret_npl) // 将自然语言处理的结果合成语音

    ret = {

        "filename":ret_hc_filename,

        "content":ret_npl,

        "code":0

    }

    return jsonify(ret)

@app.route("/get_file/<filename>")

def get_file(filename):

    return send_file(filename)

if __name__ == '__main__':

    app.run(('0.0.0.0'),8600)





　　
												


											
基于百度API+Flask实现网页版和图灵机器聊天的更多相关文章
	

    
								
  1. 百度地图热力图--批量地址转换应用（基于百度api）
		
    需求:把外卖订餐地址做个用户分布热力图 思路分析:第一步去百度地图api开放平台找例子 http://lbsyun.baidu.com/jsdemo.htm#c1_15 首先从百度API的demo例子 ...
    
		
    2. 
						
  2. WebRTC实现网页版多人视频聊天室
		
    因为产品中要加入网页中网络会议的功能,这几天都在倒腾 WebRTC,现在分享下工作成果. 话说 WebRTC Real Time Communication 简称 RTC,是谷歌若干年前收购的一项技术 ...
    
		
    3. 
						
  3. vue仿微信网页版|vue+web端聊天室|仿微信客户端vue版
		
    一.项目介绍 基于Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术混合架构开发的仿微信web端聊天室— ...
    
		
    4. 
						
  4. 基于百度语音识别API的Python语音识别小程序
		
    一.功能概述 实现语音为文字,可以扩展到多种场景进行工作,这里只实现其基本的语言接收及转换功能. 在语言录入时,根据语言内容的多少与停顿时间,自动截取音频进行转换. 工作示例: 二.软件环境 操作系统 ...
    
		
    5. 
						
  5. 基于.Net平台C#的微信网页版API
		
    git上有很多类似的项目,但大多都是python和js的,为了便于.Net windows平台的使用,我重构了一个.Net版本的,已整理开源 https://github.com/leestar54/ ...
    
		
    6. 
						
  6. 基于百度翻译API开发属于自己的翻译工具
		
    你是否每天使用着网页翻译工具?你是否遇到过这种情况,上网过程中遇到一个很长的单词但是又不能复制,要开两个浏览器,一个打开百度翻译,照着另一个网页输入单词?你安装了各种翻译软件后,又删除,只因忍受不了那 ...
    
		
    7. 
						
  7. 基于html5 canvas和js实现的水果忍者网页版
		
    今天爱编程小编给大家分享一款基于html5 canvas和js实现的水果忍者网页版. <水果忍者>是一款非常受喜欢的手机游戏,刚看到新闻说<水果忍者>四周年新版要上线了.网页版 ...
    
		
    8. 
						
  8. 利用百度API（JavaScript 版）实现在地图上绘制任一多边形，并判断给定经纬度是否在多边形范围内。以及两点间的测距功能
		
    权声明:本文为博主原创文章,未经博主允许不得转载. 利用百度API(JavaScript 版)实现在地图上绘制任一多边形,并判断给定经纬度是否在多边形范围内.以及两点间的测距功能. 绘制多边形(蓝色) ...
    
		
    9. 
						
  9. 微信号网页版api
		
    Django Wechat Api djangowechatapi是基于wxpy和django制作的web应用 安装 使用pip pip install djangowechatapi 源码安装 gi ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 洛谷P2243 电路维修
			
    题目地址 转化为图论问题 对于每个交叉点(X,Y)抽象成节点.与它相邻的四个点中,可以直接连线的边权为0,否则边权为1. 用死了的SPFA解决图论问题. #include <cstring> ...
    
			
    2. 
						
  2. 22 python 初学（类，面向对象）
			
    python: 函数式 + 面向对象 函数式可以做所有的事,是否合适? 面向对象: 一.定义: 函数: def + 函数名(参数) 面向对象: class  -> 名字叫 Bar 类 def   ...
    
			
    3. 
						
  3. MongoDB Change Stream：简介、尝试与应用
			
    在MongoDB3.6引入的新feature中,change stream无疑是非常吸引人的. Change streams allow applications to access real-tim ...
    
			
    4. 
						
  4. app.use和app.get，app.post区别
			
    express中,express的实例app: app.use(path,callback)中的callback既可以是router对象又可以是函数 app.get(path,callback)中的c ...
    
			
    5. 
						
  5. Oracle物化视图的创建及使用
			
    oracle物化视图 一.oracle物化视图基本概念  物化视图首先需要创建物化视图日志,  oracle依据用户创建的物化视图日志来创建物化视图日志表,  物化视图日志表的名称为mlog$_后面跟 ...
    
			
    6. 
						
  6. Activiti6事件及监听器配置（学习笔记）
			
    1.事件及监听器原理 当流程引擎启动的时候,我们定义的监听器,就已经注册在一个事件类型上面. 注册的方式有多种,它可以注册在所有的事件类型上面.也可以注册在指定的几个事件类型上面,这样引擎启动的时候就 ...
    
			
    7. 
						
  7. SPP-net原理解读
			
    转载自:目标检测:SPP-net 地址https://blog.csdn.net/tinyzhao/article/details/53717136 上文说到R-CNN的最大瓶颈是2k个候选区域都要经 ...
    
			
    8. 
						
  8. n98-magerun2.phar
			
    installl: 1,cd /usr/local/bin && curl -O https://files.magerun.net/n98-magerun2.phar 2,chmod ...
    
			
    9. 
						
  9. [luogu3380][bzoj3196]【模板】二逼平衡树【树套树】
			
    题目地址 [洛谷传送门] 题目大意 区间查询k的排名,查找k排名的数,单点修改,区间前驱,区间后继. 感想 真的第一次写树套树,整个人都不对了.重构代码2次,发现样例都过不了,splay直接爆炸,可能 ...
    
			
    10. 
						
  10. busybox(三)最小根文件系统
			
    目录 busybox(三)最小根文件系统 引入 构建终端 构造inittab 配置应用程序 构建C库 制作映像文件yaffs title: busybox(三)最小根文件系统 tag: arm dat ...
    
			
    11.