现在仅有火狐浏览器可以这样操作 -- Filefox

下面是项目目录 --

前端页面 -- html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>我是玩具</title>

</head>

<body>

<p><audio id="player" controls autoplay  ></audio></p>  <!--  src  -->

<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 = "http://192.168.11.173:9009";

    var reco = null;

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

    navigator.getUserMedia = (navigator.getUserMedia ||     //获取浏览器

        navigator.webkitGetUserMedia ||

        navigator.mozGetUserMedia ||

        navigator.msGetUserMedia);

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

        console.log(err)                //success回调函数    error

    });

    function create_stream(user_media) {

        var stream_input = audio_context.createMediaStreamSource(user_media);  //创建流媒体容器

        reco = new Recorder(stream_input);   // 录音的js

    }

    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"

            formdata.append("key","value");   // str 值int 文件 随便填

            // # <input type="text" name = "key"> value

            $.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 = "http://192.168.11.173:9009/get_file/"+data.filename;

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

                }

            }

            })

        });

        reco.clear();    // 清空

    }

</script>

</html>

项目 主 py 文件

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

from uuid import uuid4

from other import audio2text,text2audio,my_nlp

app = Flask(__name__)

@app.route("/")

def index():

    return render_template("WebToy.html")

@app.route("/upload",methods=["POST"])

def upload():

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

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

    fi.save(fi_name)

    text = audio2text(fi_name)

    new_text = my_nlp(text)

    filename = text2audio(new_text)

    ret = {

        "filename":filename,

        "content":new_text,

        "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",9009,debug=True)

其他  py  文件

import os

from aip import AipSpeech

from aip import AipNlp

from uuid import uuid4

APP_ID = ''

API_KEY = '5GGaPeBu2I0LsONjlWhM04yL'

SECRET_KEY = 'Uo8zIi8VRZMRgqKkCQaqaGIorsQtkDlw'

client = AipSpeech(APP_ID, API_KEY, SECRET_KEY)  # 实例化

nlp_client = AipNlp(APP_ID, API_KEY, SECRET_KEY)  # 实例化

# 读取文件

def get_file_content(filePath):

    os.system(f'ffmpeg -y  -i {filePath}  -acodec pcm_s16le -f s16le -ac 1 -ar 16000 {filePath}.pcm')

    with open(f'{filePath}.pcm', 'rb') as fp:

        return fp.read()

def audio2text(filePath):

    res = client.asr(get_file_content(filePath), 'pcm', 16000, {

        'dev_pid': 1536,

    })

    text = res.get('result')[0]

    # print(text)

    return text

# 智能问答

import requests  # 请求模块

def to_tuling(text, uid):  # 问题

    data = {

        "reqType": 0,

        "perception": {

            "inputText": {

                "text": "上海"

            },

        },

        "userInfo": {

            "apiKey": "29f1be0165d74f7290a8cd899a4358a8",

            "userId": ""

        }

    }

    data['perception']['inputText']['text'] = text

    data['userInfo']['userId'] = uid

    res = requests.post('http://openapi.tuling123.com/openapi/api/v2', json=data)

    print(res)

    res_json = res.json()

    text = res_json.get('results')[0].get('values').get('text')

    return text

def my_nlp(text):

    if nlp_client.simnet(text, '你叫什么名字').get('score') >= 0.77:

        A = '我叫jay吧'

        return A

    if nlp_client.simnet(text, '你今年几岁了').get('score') >= 0.77:

        A = '今年999岁'

        return A

    A = to_tuling(text, '')

    return A

def text2audio(text):

    result = client.synthesis(text, 'zh', 1, {

        'vol': 5,

        'per': 4,

        'spd': 4,

        'pit': 7

    })

    filename = f'{uuid4()}.mp3'

    # 识别正确返回语音二进制 错误则返回dict 参照下面错误码

    if not isinstance(result, dict):

        # with open(f'{time.time()}.mp3', 'wb') as f:

        with open(filename, 'wb') as f:

            f.write(result)

    return filename

firefox 实现web交互机器人的更多相关文章

  1. Firefox上Web开发工具库一览

    Firefox的目标之一就是尽可能地使web开发者的生活更简单高效,并通过提供工具和具有很强扩展性的浏览器使人们创造出神奇的东西.使web开发者使用Firefox的时候,浏览器可以提供大量开发工具和选 ...

  2. 10 个基于 jQuery 的 Web 交互插件推荐

    英文原文:10 jQuery for Web Interaction Plugins “用户交互”在现代的 Web 设计中占据了很大比例,这是互联网产品不可或缺的关键,对 Web 设计师也提出了更高的 ...

  3. 第一讲 从头开始做一个web qq 机器人，第一步获取smart qq二维码

    新手教程: 前言:最近在看了一下很久很久以前做的qq机器人失效了,最近也在换工作目前还在职,时间很挺宽裕的.就决定从新搞一个web qq机器人 PC的协议解析出来有点费时间以后再做. 准备工作: 编译 ...

  4. Web交互设计优化的简易check list

    Web交互设计优化的简易check list 00 | 时间: 2011-02-11 | 28,842 Views 交互设计, 用户研究   “优化已有产品的体验”,这是用户体验相关岗位职责中常见的描 ...

  5. 客户端技术的一点思考（数据存储用SQLite， XMPP通讯用Gloox， Web交互用LibCurl， 数据打包用Protocol Buffer， socket通讯用boost asio）

    今天看到CSDN上这么一篇< 彻底放弃没落的MFC,对新人的忠告!>, 作为一个一直在Windows上搞客户端开发的C++程序员,几年前也有过类似的隐忧(参见 落伍的感觉), 现在却有一些 ...

  6. .net winform程序下使用firefox作为Web浏览器

    在winform程序中,要在程序中展示一个web页面,最常用的就是.net自带的webbrowser,但是大家都知道它是IE,也知道IE是有多么强(er)大(bi).而且微软已经宣布了IE的死亡... ...

  7. Android -- 与WEB交互在同一个会话Session中通信

    Session与Cookie Cookie和Session都为了用来保存状态信息,都是保存客户端状态的机制,它们都是为了解决HTTP无状态的问题而所做的努力. Session可以用Cookie来实现, ...

  8. Unity与web交互

    Unity在发布web时,重要的是Unity与Web的交互,参数的传递 1.unity调用网页js的函数:Application.ExternalCall js函数: <script langu ...

  9. Web交互增强

    刚刚google了一下这个概念,在其他的领域已经存在了这个概念,但是web方面还是没有被人提及的,所以我在这里第一次声明web方面的交互增强 交互增强 (interaction enhance) 相对 ...

随机推荐

  1. 目前我对ReactNative的了解

    1.什么是React? 一个js组件库,不同于angular的是一个完整的framework,React需要像jQuery一样写事件监听逻辑,最大特点是Virtual DOM. 官网:https:// ...

  2. CentOS上安装配置Ruby on Rails

    0.install sublime editor(optional) ref:http://www.tecmint.com/install-sublime-text-editor-in-linux/ ...

  3. 获取mssqlserver数据库表的字段名称，字段说明，数据类型，主键等表的信息

    sql脚本: SELECT TableName then d.name else '' end,---表名 TableShowsThat then isnull(f.value,'') else '' ...

  4. ganglia问题汇总

    1.有数据,不出图 排查方法: 1)确保 php-gd 插件已安装 2) 确保rrdtool 的命令路径是正确的 3)确保php.ini中passthru函数是否开启,参数safe_mode 是否为o ...

  5. kafka---->kafka connect的使用(一)

    这里面介绍一下kafka connect的一些使用. kafka connect的使用 一.在config目录下面复制一个file-srouce.properties并且修改内容 huhx@gohuh ...

  6. Qt编写自定义控件9-导航按钮控件

    前言 导航按钮控件,主要用于各种漂亮精美的导航条,我们经常在web中看到导航条都非常精美,都是html+css+js实现的,还自带动画过度效果,Qt提供的qss其实也是无敌的,支持基本上所有的CSS2 ...

  7. 禅道docker化(Centos7.2)

    操作步骤 确认服务器禅道版本及容器禅道版本 服务器禅道版本:9.6.2 容器禅道版本:9.6.3 版本sql比对 下载官方9.6.3源码包url:http://dl.cnezsoft.com/zent ...

  8. shell脚本监控网站状态

    shell脚本监控网站状态 #!/bin/sh date=`date +"%Y%m%d-%H%M"` title="status" contentFail=&q ...

  9. Centos 7 更换yum源

    Centos 7 更换源 yum clean all wget -O /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/ ...

  10. Go语言基础之变量和常量

    Go语言基础之变量和常量 变量和常量是编程中必不可少的部分,也是很好理解的一部分. 标识符与关键字 标识符 在编程语言中标识符就是程序员定义的具有特殊意义的词,比如变量名.常量名.函数名等等. Go语 ...