现在仅有火狐浏览器可以这样操作 -- 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. Zephyr学习（五）线程和调度

    前面说过zephyr支持静态和动态两种方式创建线程,这里分析动态创建的方式.应用程序通过调用k_thread_create()函数创建一个线程,实际上是调用_impl_k_thread_create( ...

  2. STM32进入HardFault_Handler处理办法

    STM32进入HardFault_Handler处理办法 HardFault_Handler出现的情况一般有两种: 一种是:数组越界 一种是:堆栈溢出,程序指针指飞 方法一 在中断HardFault_ ...

  3. Nestjs 获取cookie

    Docs yarn add cookie-parser main.ts import { NestFactory } from '@nestjs/core'; import { AppModule } ...

  4. 关于vue-cli创建项目（小白）(2)mock数据

    mock数据,好处,前后端分离,不用等后端的真实接口,就可以用axios(ek sju s 好像这么读,原谅本人总是根据读音写单词)请求数据了. 一,安装所需插件 根据不同需求选择安装环境,mockj ...

  5. Web前端开发推荐书籍

    Web前端开发推荐书籍 前言 学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 读 书吧~相对于在网上学习,在项目中学习和跟着有经验的同事学习,书中有着相 ...

  6. pytorch入门与实践-2.2

    Tensor 1--本质上可以理解为具有不同维度的数组 2--支持的基本运算 |---创建Tensor:  x=t.tensor(x,y) x,y 表示数组的大小 , x=t.rand(x,y), x ...

  7. Java 8 Stream API说明

    Java 8增加了很多强大的功能,流(stream)就是其中之一.现在对api的使用做个说明: map 对流中的元素做转换,目前jdk提供了mapToInt,mapToLong,mapToDouble ...

  8. hive sqoop,sqoop-hive import data

    https://segmentfault.com/a/1190000002532293 https://www.zybuluo.com/aitanjupt/note/209968 create tab ...

  9. Windows渗透利器之Pentest BOX使用详解（一）

    内容概览:                                     知识科普                                    优缺点总结 功能参数详解翻译: 控制 ...

  10. P5280 [ZJOI2019]线段树

    题目链接:洛谷 题目描述:[比较复杂,建议看原题] 这道题太神仙了,线段树上做树形dp. 根据树形dp的套路,都是按照转移的不同情况给节点分类.这里每次modify的时候对于节点的影响也不同,所以我们 ...