开发前准备

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

参考链接: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. UVA10054-The Necklace（无向图欧拉回路——套圈算法）
			
    Problem UVA10054-The Necklace Time Limit: 3000 mSec Problem Description Input The input contains T t ...
    
			
    2. 
						
  2. 小程序第三方框架对比 ( wepy / mpvue / taro )(转)
			
    文章转自  https://www.cnblogs.com/Smiled/p/9806781.html 众所周知如今市面上端的形态多种多样,手机Web.ReactNative.微信小程序, 支付宝小程 ...
    
			
    3. 
						
  3. mysql 报错ERROR 1820 (HY000): You must reset your password using ALTER USER statement before executin
			
    解决办法1. 修改用户密码mysql> alter user 'root'@'localhost' identified by 'youpassword'; 或者 mysql> set p ...
    
			
    4. 
						
  4. python之UUID
			
    #!/usr/bin/python # -*- coding: UTF- -*- import uuid ''' uuid1():这个是根据当前的时间戳和MAC地址生成的,最后的12个字符408d5c ...
    
			
    5. 
						
  5. PHP中生成UUID
			
    一.什么是UUID 简单的说UUID就是一串全球唯一的(16进制)数字串. UUID的全拼为“Universally Unique Identifier”,可以译为“通用唯一识别码”.UUID由开源软 ...
    
			
    6. 
						
  6. 面试必问Elasticsearch倒排索引原理
			
    本文摘抄自我的微信公众号"程序员柯南",欢迎关注!原文阅读 倒排索引是目前搜索引擎公司对搜索引擎最常用的存储方式,也是搜索引擎的核心内容,在搜索引擎的实际应用中,有时需要按照关键字 ...
    
			
    7. 
						
  7. mysql 5.7 json
			
    项目中使用的mysql5.6数据库,数据库表一张表中存的字段为blob类型的json串数据.性能压测中涉及该json串处理效率比较低,开发人员提到mysql5.7版本后json串提供了原生态的json ...
    
			
    8. 
						
  8. 在写php项目时 修改外部css或js文件没有效果
			
    原因是:浏览器的自动缓存机制导致的. 这是因为浏览器会自动缓存静态文件以加快访问速度,所以这就导致浏览器将不会再接收静态文件了 解决办法是 使用ctrl+F5 —— 传说中的完全刷新,会删掉所有本地临 ...
    
			
    9. 
						
  9. NOIP2015普及组复赛A 推销员
			
    题目链接:https://ac.nowcoder.com/acm/contest/243/A 题目大意: 略 分析: 方法就是把疲劳值从小到大排个序,然后从尾部开始一个一个取,当选到第i(i > ...
    
			
    10. 
						
  10. elasticsearch6.6及其插件安装记录（较详细）
			
    借鉴网上资料并实施验证结果 elasticsearch6.6安装 安装包下载路径 https://www.elastic.co/downloads/elasticsearch 本文使用安装包 elas ...
    
			
    11.