一.Audio 模块实现开启手机摄像头

基于html5 plus

http://www.html5plus.org/doc/zh_cn/audio.html

栗子:

 

自定义:

scanQR.HTML

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8" />

    <title>Document</title>

    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

    <link rel="stylesheet" type="text/css" href="css/mui.css"/>

</head>

<body>

    <header class="mui-bar mui-bar-nav">

        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>

        <h1 class="mui-title">扫描玩具二维码</h1>

    </header>

    <div class="mui-content">

        <div id="bcid" style="width: 100%;height: 750px;"></div>

    </div>

    <script src="js/mui.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript">

    mui.init();

    var scan = null;

    mui.plusReady(function () {

        scan = new plus.barcode.Barcode("bcid");

        scan.onmarked = inmarked; #识别二维码

        scan.start(); #开启识别扫描

        inmarked(0,"d602f74c6a60fc1e9f60b20a190eeed7");  #在不开启摄像头的情况下,扫描二维码的是内容存储的内容

    })

    function inmarked(type,code){

//      alert(type +":"+ code)

        mui.post(window.serv+ '/validate_code',{

                device_key:code #{"device_key":"1eae197f4f4abe105c40bcaa7438d1f2"},

            },function(data){

                if(data.code == 0){

                    //打开绑定玩具流程 创建玩具

                    mui.openWindow({

                        url:"bind_toy.html",

                        id:"bind_toy.html",

                        extras:data.data # 获取的数据  {"code":0,"data":{"device_key":"1eae197f4f4abe105c40bcaa7438d1f2"},"msg":"设备已授权,开启绑定"}

                    })

                }else if(data.code==2){

                    //扫描的二维码信息异常

                    mui.toast(data.msg);

                    mui.back();

                }else if(data.code==1){

                    //神秘代码

                }

            },'json'

        );

    }

    </script>

</body>

</html>

在上一步扫码后,进入玩具的绑定界面

进行玩具信息录入

bind_toy.html

后端存储数据

@devices.route("/bind_toy",methods=['POST'])

def bind_toy():

    # 1.device_key 2.fromdata 3. who bind toy

    toy_info = request.form.to_dict()

    print(toy_info)

    chat_window = MongoDB.chats.insert_one({"user_list":[],"char_list":[]})

    user_info = MongoDB.xujian.find_one({"_id":ObjectId(toy_info["user_id"])})

    toy_info["bind_user"] = toy_info.pop("user_id")

    toy_info["avatar"] = "toy.jpg"

    toy_info["firend_list"] = [

        {

            "firend_id":toy_info["bind_user"],

            "firend_name":user_info.get("nickname"),

            "firend_nick":toy_info.pop("remark"),

            "firend_avatar":user_info.get("avatar"),

            "firend_type":"app",

            "firend_chat":str(chat_window.inserted_id)

        }

    ]

    toy = MongoDB.toys.insert_one(toy_info)

    user_info["bind_boy"].append(str(toy.inserted_id))

    user_add_toy={

        "firend_id": str(toy.inserted_id),

        "firend_name": toy_info.get("toy_name"),

        "firend_nick": toy_info.get("baby_name"),

        "firend_avatar": toy_info.get("avatar"),

        "firend_type": "toy",

        "firend_chat": str(chat_window.inserted_id)

    }

    user_info["friend_list"].append(user_add_toy)

    MongoDB.xujian.update_one({"_id":ObjectId(toy_info["bind_user"])}, {"$set":user_info})

    MongoDB.chats.update_one({"_id":chat_window.inserted_id},{"$set":{"user_list":[

        str(toy.inserted_id),str(user_info.get("_id"))

    ]}})

    RET["code"] = 0

    RET["msg"] = "绑定玩具成功"

    RET['data'] = {}

    return jsonify(RET)

绑定好用户的机器人后,在toy_manager.html显示

这样,用户就可以查看他绑定的机器人啦

进行用户间的聊天chats

后端生成对话文件

@gsa.route("/uploader",methods=["POST"])

def uploader():

    audio = request.files.get("recorder")

    path = os.path.join(chats_path,audio.filename)

    audio.save(path)

    os.system(f"ffmpeg -i {path} {path}.mp3") #通过ffmpeg强制转变格式

    return "123"

app开发-3的更多相关文章

  1. 从中间件的历史来看移动App开发的未来

    在移动开发领域我们发现一个很奇怪的现象:普通菜鸟新手经过3个月的培训就可以拿到 8K 甚至上万的工作:在北京稍微有点工作经验的 iOS 开发,就要求 2 万一个月的工资.不知道大家是否想过:移动应用开 ...

  2. app开发外包注意事项，2017最新资讯

    我们见过很多创业者,栽在这app外包上.很多创业者对于app外包这件事情不是特别重视,以为将事情交给app外包公司就完事了,实际上不是的.无论是从选择app外包公司还是签订合同.售后维护等各方面都有许 ...

  3. 前端移动App开发环境搭建

    移动App开发环境安装 一.环境安装准备软件 二.node的安装 像安装普通软件一样,安装对应版本的node软件,安装好之后就可以运行npm命令行,比如npm init .npm install -g ...

  4. 一个小白App开发需要了解的基本技术

    本文针对小白用户对App做一个简单的介绍,首先要了解App都有哪些类型,不同的类型适用于哪些需求,用户可以根据自己的需求选择不同的App开发. 一 App有哪些形式 WebApp:简单来说,Web A ...

  5. 移动web app开发必备 - 异步队列 Deferred

    背景 移动web app开发,异步代码是时常的事,比如有常见的异步操作: Ajax(XMLHttpRequest) Image Tag,Script Tag,iframe(原理类似) setTimeo ...

  6. 移动web app开发必备 - Deferred 源码分析

    姊妹篇  移动web app开发必备 - 异步队列 Deferred 在分析Deferred之前我觉得还是有必要把老套的设计模式给搬出来,便于理解源码! 观察者模式 观察者模式( 又叫发布者-订阅者模 ...

  7. html5 app开发,你知道多少？

    随着大量新生移动设备的兴起,改变了互联网的未来,html5技术为开发者提供了一个跨平台的移动app开发方案,并且该方案具有很好的扩展性和灵活性,但就国内使用html5开发app应用技术来讲,还是有欠缺 ...

  8. 选择App开发外包时，你该了解哪些法律常识？

    随着App需求的激增,选择App外包服务的客户也多了起来.然而客户和开发方对于其中的法律条款却不甚了解,导致在服务过程中,时常会发生一些分歧和纠纷,最终致使项目搁浅. 为了普及App外包的法律常识,移 ...

  9. phongap、APICloud、ionic等app开发平台你都知道吗？

    大众创业热,很多人都想在互联网大展拳脚,然而大部分人却是非技术背景.针对这个行业痛点,现在国内外涌现出众多APP开发工具,开发者只要有相关的HTML5.CSS和JavaScript知识,便可以轻松快速 ...

  10. iOS APP开发的小知识(分享）

          亿合科技小编发现从2007年第一款智能手机横空出世,由此开启了人们的移动智能时代.我们从一开始对APP的陌生,到现在的爱不释手,可见APP开发的出现对我们的生活改变有多巨大.而iOS AP ...

随机推荐

  1. Zabbix使用第三方API短信报警

    之前试过邮件告警,微信告警.但是,对于一些企业的重要业务服务器,可能是存放在隔离的内网中的,无法正常连接外网.这个时候,就有必要考虑一下使用短信告警.以下这个其实还是需要服务器能够连接到外网的,但是我 ...

  2. IBM X3650 M4 安装 Windows Server 2008 R2

    1 准备好  Windows Server 2008 R2 安装用的U盘 2 采用PowerISO制作启动U盘: 或者用Rufus做启动U盘. 3 接上启动U盘 4 设置Bios启动模式为 UEFI ...

  3. CORS解决跨域问题（403问题）

    1.什么是跨域问题? 跨域问题是浏览器对于ajax请求的一种安全限制:一个页面发起的ajax请求,只能是用当前页同域名同端口的路径,这能有效的阻止跨站攻击. 2.跨域问题出现的条件: 1.跨域问题是a ...

  4. 洛谷P5022 旅行 题解

    前面几个代码都是部分分代码,最后一个才是AC了的,所以最后一个有详细注释 安利一发自己的Blog 这是提高组真题,233有点欧拉回路的感觉. 题目大意: 一个 连通 图,双向边 ,无重边 , 访问图中 ...

  5. stm32f103c8串口USART1发送多一字节

    用UART写了一段Bootloader代码,遇到了一个很奇怪的现象. 代码如下:简单介绍一下就是先统一配置MCU的IO端口,然后配置串口参数,然后循环发送‘0’和'\r’.16进制是0x30 0x0d ...

  6. 解决kali安装成功后没有声音的问题

    Kali Linux系统默认状态下,root用户是无法使用声卡的,也就没有声音.启用的方法如下: (1)在终端执行命令:systemctl --user enable pulseaudio (2)在/ ...

  7. golang(二)

    基本结构和基本数据类型 指针 不像 Java 和 .NET,Go 语言为程序员提供了控制数据结构的指针的能力:但是,你不能进行指针运算.通过给予程序员基本内存布局,Go 语言允许你控制特定集合的数据结 ...

  8. antd通过 filterDropdown 自定义--按某天时间搜索

    import React, { Component } from 'react'; import { Table, Input, Button, Icon, DatePicker } from 'an ...

  9. Jenkins版本迭代以及回滚

    一.摘要 在上一篇文章,链接如下: https://www.cnblogs.com/xiao987334176/p/11434849.html 镜像打的是latest版,如果需要回滚的话,就比较麻烦了 ...

  10. IE浏览器 location.href 不跳转

    var url = "https://www.cnblogs.com/zing"; location.href = url; window.event.returnValue = ...