开发前准备

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

参考链接: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. linux命令之：yum
			
    yum(全称为 Yellow dog Updater, Modified)是一个在Fedora和RedHat以及SUSE中的Shell前端软件包管理器.基於RPM包管理,能够从指定的服务器自动下载RP ...
    
			
    2. 
						
  2. supervisor 守护者进程配置小记
			
    安装 Supervisor 联网状态下,官方推荐首选安装方法是使用easy_install,它是setuptools(Python 包管理工具)的一个功能.所以先执行如下命令安装 setuptools ...
    
			
    3. 
						
  3. 原生Ajax XMLHttpRequest对象
			
    一.Ajax请求 - 现在常见的前后端分离项目中,一般都是服务器返回静态页面后浏览器加载完页面,运行script中的js代码,通过ajax向后端api发送异步请求获取数据,然后调用回调函数,将数据添加 ...
    
			
    4. 
						
  4. Kubernetes的本质
			
    在前面的四篇文章中,我以 Docker 项目为例,一步步剖析了 Linux 容器的具体实现方式.通过这 些讲解你应该能够明白:一个“容器”,实际上是一个由 Linux Namespace.Linux  ...
    
			
    5. 
						
  5. wince单实例启动
			
    static class Program { [DllImport("Toolhelp.dll")] public static extern IntPtr CreateToolh ...
    
			
    6. 
						
  6. 在nginx上用FastCGI解析PHP
			
    nginx配置文件: Nginx 默认使用  include enable-php.conf;   通过enable-php.conf 来解析PHP,该文件内容如下 location ~ [^/]\. ...
    
			
    7. 
						
  7. 数据库优化-mysql中INNODB和MYIASM引擎的区别
			
    Innodb引擎 Innodb引擎提供了对数据库ACID事务的支持,并且实现了SQL标准的四种隔离级别. 该引擎还提供了行级锁和外键约束,它的设计目标是处理大容量数据库系统,它本身其实就是基于MySQ ...
    
			
    8. 
						
  8. Teching Yourself Programming in Ten Years -Peter Norvig
			
    http://norvig.com/21-days.html 我们经常能看到“7天搞定51单片机”.“21天学会C++”这样样式的标题,编程真的很容易吗?似乎比其他事情要简单很多呀!是的,糟糕的编程确 ...
    
			
    9. 
						
  9. js实现在光标的位置 添加内容
			
    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
    
			
    10. 
						
  10. 如何在源码里修改openwrt root密码
			
    root密码在etc/shadow文件里,但里边的密码是加密过后的.具体的加密方式我不清楚,应该是Linux里的一套加密算法.但要达到修改源码密码的目的,我还是想到了一个间接的办法.首先在源码里改成t ...
    
			
    11.