1 #!/usr/bin/env python 2 # -*- coding:utf-8 -*-
3 # 前端与后台交互 jQuery和Ajax 监听鼠标键盘事件触发函数 4 from flask import Flask,request,render_template
8 app = Flask(__name__) 9 x=0 10 11 @app.route('/',methods=['GET','POST']) 12 def index(): 13 a = request.form.get('k') 14 if a: 15 print a #可以插入功能函数，如控制GPIO输出，发邮件短息，开关机等 16 global x 17 x+=1 18 print x 19 return render_template('index.html') 20 21 if __name__ == '__main__': 22 app.run('0.0.0.0',5000)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>MIRGO</title> 6 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> 7 </head> 8 <body> 9 <script type="text/javascript"> 10 function go(k){ 11 $.post('/',{k:k},function(){}); 12 } 13 $(function(){ 14 window.document.onkeydown = abc; 15 function abc(env){ 16 env = (env) ? env : window.event; 17 if(env.keyCode=='87'){ 18 go('w'); 19 } 20 if(env.keyCode=='83'){ 21 go('s'); 22 } 23 if(env.keyCode=='65'){ 24 go('a'); 25 } 26 if(env.keyCode=='68'){ 27 go('d'); 28 } 29 } 30 var i = null; 31 $('.before').mousedown(function(){ 32 i = setInterval(function(){ 33 go('w'); 34 },100); 35 }); 36 $('.left').mousedown(function(){ 37 i = setInterval(function(){ 38 go('a'); 39 },100); 40 }); 41 $('.right').mousedown(function(){ 42 i = setInterval(function(){ 43 go('d'); 44 },100); 45 }); 46 $('.cabk').mousedown(function(){ 47 i = setInterval(function(){ 48 go('s'); 49 },100); 50 }); 51 $('#main span').mouseup(function(){ 52 clearInterval(i); 53 }); 54 }); 55 </script> 56 <style type="text/css"> 57 #main{width: 150px;height: 150px;background: #ccc;} 58 #main span{width: 50px;height: 50px;float: left;z-index: 999;} 59 #main span.on2{background: blue;} 60 </style> 61 <div id="main"> 62 <span></span> 63 <span class="on2 before"></span> 64 <span></span> 65 <span class="on2 left"></span> 66 <span></span> 67 <span class="on2 right"></span> 68 <span></span> 69 <span class="on2 cabk"></span> 70 <span></span> 71 </div> 72 </body> 73 </html>
#参考： http://sunnyos.com/article-show-56.html
1.tornado框架 控制 输出
2.Pistreaming ？
3.Flask 拍照 发邮件 短信
4.ffmepg:编译 命令 配合Camera 模块 直播