1.玩具的管理控制页面：
2.绑定两个玩具,发送给玩具的音乐
mpop
3.聊天(好友通讯录 , chat页面 , 玩具端接收消息)
HTTP传输文件 Ajax flask 文件操作
1.chat页面:
2.app录音 Audio 基于plus.getRecorder()实现的app录音
record = plus.audio.getRecorder();
record.recoder({filename:"_doc/audio/"},function(path){ path文件路径})
record.stop()
3.传录音 upload 基于plus.upload 实现文件数据传输、
1.创建上传任务
var task = plus.uploader.createUpload(window.serv + "/uploder", {
method: "POST"
}, function(t, status) {
if(status == 200) {
}
});
2.添加上传任务内容
task.addFile(p, {
key: "record"
});
task.addData("chat_window", chat_window);
task.addData("user_id", window.localStorage.getItem("user"));
//task.addEventListener( "statechanged", onStateChanged, false );
3.开始上传
task.start();
4.Flask request.files["reco"] .save(123.mp3) "ffmpeg -i amr mp3"
request.files.save()
request.files.filename;
5.通过weboscket 发送字符串、
前端：
{to_user: Sdata.friend_id,chat: uuid_file + ".mp3"}
后端：
if msg_dict.get("chat"):
send_something = {"msg_type":"chat","msg":msg_dict.get("chat")}
if msg_dict.get("music"):
send_something = {"msg_type": "music", "msg": msg_dict.get("music")}
6.web玩具端接收消息
var msg = JSON.parse(data.data);
if(msg.msg_type == "music"){
document.getElementById("player").src = get_music + msg.msg;
}
if(msg.msg_type=="chat"){
document.getElementById("player").src = get_chat + msg.msg；
}
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <audio src="" controls autoplay id="player"></audio> <!--<input type="file" name="myfile">--> <!--d6075359b74e3d3772a3940ff14be5ba--> <p>玩具DeviceKey:<input type="text" id="devicekey"> <button onclick="ON_toy()">开机连接服务器</button></p> <p><button onclick="" style="background-color: red">录制消息</button></p> <p><button onclick="" style="background-color: green">发送消息</button></p> </body> <script type="text/javascript" src="/static/jQuery3.1.1.js"></script> <script type="text/javascript"> var serv = "http://192.168.12.11:9527"; var get_music = "http://192.168.12.11:9527/get_music/"; var get_chat = "http://192.168.12.11:9527/get_chat/"; var ws = null; function ON_toy() { var devicekey = document.getElementById("devicekey").value; $.post(serv + "/toy_login", {devicekey: devicekey}, function (data) { document.getElementById("player").src = get_music + data.audio; if (data.toy_id) { ws = new WebSocket("ws://192.168.12.11:9528/ws/"+data.toy_id ); ws.onmessage = function (data) { console.log(data.data); var msg = JSON.parse(data.data); if(msg.msg_type == "music"){ document.getElementById("player").src = get_music + msg.msg; } if(msg.msg_type=="chat"){ document.getElementById("player").src = get_chat + msg.msg; } } } }, "json") } </script> </html>
当我们点击页面的消息按钮时，跳转到friend_list.html页面：
friend_list.html：
然后写后端：
from flask import Blueprint,request,jsonify from settings import MONGO_DB,RET from bson import ObjectId fri = Blueprint('fri',__name__) @fri.route('/friend_list',methods=['post']) def friend_list(): user_id = request.form.get('user_id') res = MONGO_DB.users.find_one({'_id':ObjectId(user_id)}) friend_list = res.get('friend_list') RET['code'] = 0 RET['msg'] = '获取好友列表' RET['data'] = friend_list return jsonify(RET)
然后进入chat.html页面
