开发前准备

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

参考链接: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. SQL 数据类型
			
    Microsoft Access.MySQL 以及 SQL Server 所使用的数据类型和范围. Microsoft Access 数据类型 数据类型 描述 存储 Text 用于文本或文本与数字的组 ...
    
			
    2. 
						
  2. 如何在本地搭建DVWA环境
			
    如何在本地搭建DVWA环境 1.工具下载:  (1)phpStudy:   http://phpstudy.php.cn/download.html (2)DVWA:http://www.dvwa.c ...
    
			
    3. 
						
  3. iBATIS 传MAP处理方式（value是list的方式）
			
    1.前提条件 参数是map结构的数据 key:String 类型 value:list 集合 2.处理方式 遍历集合一般常规的方式使用iterate,这里也不例外了,如下 <iterate op ...
    
			
    4. 
						
  4. android 实现点击edittext的“小眼睛”切换明密文
			
    android 实现点击edittext的“小眼睛”切换明密文    版权声明:本文为博主原创文章,未经博主允许不得转载.   很多时候,我们为了用户的隐私安全,需要在密码输入的时候,显示密文.为了更 ...
    
			
    5. 
						
  5. 23 python初学（模块和包）
			
    模块(module): 好处: 提高代码可维护性 + 编写代码不必从零开始 模块有三种: python标准库.第三方模块.应用程序自定义模块 另外,使用模块还可以避免函数名和变量名冲突,相同名字的函数 ...
    
			
    6. 
						
  6. SpringMVC处理请求和返回流程
			
    流程描述:一个url请求,找打指定的requestMapping再返回指定的jsp界面 通过url拿到指定的java方法 HandlerExecutionChain  mappedHandler =  ...
    
			
    7. 
						
  7. SegNet 理解与文章结构
			
    SegNet: A Deep Convolutional Encoder-Decoder Architecture for Image Segmentation 发表于2016年,作者 Vijay B ...
    
			
    8. 
						
  8. mm-wiki安装部署
			
    参考连接:https://github.com/skyhack1212/mm-wiki 打开 https://github.com/phachon/mm-wiki/releases 找到对应平台的版本 ...
    
			
    9. 
						
  9. VSCode 必装的 10 个高效开发插件
			
    本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件,用于大大提高软件开发的效率. VSCode 的基本使用可以参考我的原创视频教程「VSCode 高效开发必装插件」. V ...
    
			
    10. 
						
  10. codeforces#1132 F. Clear the String（神奇的区间dp）
			
    题意:给出一个字符串S,|S|<=500.每次操作可以删除一段连续的相同字母的子串.问,最少操作多少次可以把这个字符串变成空串. 分析:刚开始的思路是,把连续的串给删除掉,然后再....贪心.完 ...
    
			
    11.