开发前准备

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

参考链接: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. centos7下kubernetes（13。kubernetes-探讨service IP）
			
    service cluster IP是一个虚拟IP,是由kubernetes节点上的iptables规则管理的 通过iptables-save | grep 10.105.215.156看到与clus ...
    
			
    2. 
						
  2. [LeetCode]2. 两数相加
			
    题目链接:https://leetcode-cn.com/problems/add-two-numbers/ 题目描述: 给出两个 非空 的链表用来表示两个非负的整数.其中,它们各自的位数是按照 逆序 ...
    
			
    3. 
						
  3. Auto Layout - BNR
			
    继续UIImageView - BNR篇. 通过Homepwner TARGETS -> General -> Deployment Info -> Devices中的iPhone改 ...
    
			
    4. 
						
  4. 如何用ABP框架快速完成项目(6) - 用ABP一个人快速完成项目(2) - 使用多个成熟控件框架
			
    正如我在<office365的开发者训练营,免费,在微软广州举办>课程里面所讲的, 站在巨人的肩膀上的其中一项就是, 尽量使用别人成熟的框架. 其中也包括了控件框架   abp和52abp ...
    
			
    5. 
						
  5. input 各种限制
			
    test 1.限制只能输入或黏贴11位长度的数字 <input onkeyup="this.value=this.value.replace(/\D/g,'')" onaft ...
    
			
    6. 
						
  6. [Alpha阶段]第四次Scrum Meeting
			
    Scrum Meeting博客目录 [Alpha阶段]第四次Scrum Meeting 基本信息 名称 时间 地点 时长 第四次Scrum Meeting 19/04/08 大运村寝室6楼 50min ...
    
			
    7. 
						
  7. swiper 轮播图，拖动之后继续轮播
			
    在此贴出swiper官网地址:https://www.swiper.com.cn/api/index.html 示例如下(官网示例): <script> var mySwiper = ne ...
    
			
    8. 
						
  8. MySQL中的float和decimal类型有什么区别
			
    decimal 类型可以精确地表示非常大或非常精确的小数.大至 1028(正或负)以及有效位数多达 28 位的数字可以作为 decimal类型存储而不失其精确性.该类型对于必须避免舍入错误的应用程序( ...
    
			
    9. 
						
  9. HashTable和HashMap
			
    参考自: http://blog.csdn.net/tgxblue/article/details/8479147 HashMap和HashTable的异同: 1 HashMap是非线程安全的,Has ...
    
			
    10. 
						
  10. A Java Runtime Environment (JRE) or Java Development Kit (JDK) must be available in order to run Eclipse.
			
    cp -r /home/cuthead/android-studio/jre /home/cuthead/adt-bundle-linux-x86_64-20131030/eclipse/jre 使用 ...
    
			
    11.