โปรเจคหุ่นยนต์ติดกล้อง Raspberry Pi ควบคุมด้วย เว็บเพจ

6 ปีที่ผ่านมา
โดย เจ้าของร้าน



โปรเจคหุ่นยนต์ติดกล้อง Raspberry Pi ควบคุมด้วย เว็บเพจ โดยในโปรเจคนี้เราจะสร้างเว็บเซิร์ฟเวอร์ จาก Raspberry Pi  โดยจะติดตั้งกล้อง Camera V2 Module เพื่อถ่ายภาพที่ด้านหน้าของหุ่นยนต์ และ สั่งควบคุมหุ่นยนต์  จาก เว็บบราวเซอร์ ผ่านทาง ระบบอินทราเน็ต ที่ใช้ WiFi  หรือ วง แลน หรือใช้ เร้าเตอร์ เดียวกัน เท่านั้น



อุปกรณ์ที่ใช้









 

ขั้นตอนการทำงาน


1. การติดตั้ง Linux ให้กับ Raspberry โดยใช้ไฟล์ image


2. การใช้งาน GPIO ใน Raspberry Pi ด้วย Python


3. การประกอบหุ่นยนต์ Raspberry Pi


4. วิธีเปิดใช้งาน Remote Desktop ไปยัง Raspberry Pi


5. ทดสอบการเคลื่อนที่ของหุ่นยนต์ Raspberry Pi



11.1 เพิ่มโค้ด การดูภาพกล้องผ่านทางหน้าเว็บเพจ


เปิดโปรแกรม Geany Programmer's Editor

ไปที่ Open เปิดไฟล์ index.html ที่เคยทำไว้ในขั้นตอนที่ 8. โปรเจคหุ่นยนต์ Raspberry Pi ควบคุมด้วย เว็บเพจ มาแก้ไข



เลือกไปที่  pi/web_robot/templates/index.html



ล่างแท็ก <body>

ให้เพิ่มโค้ดนี้เข้าไป 

<img src="http://192.168.1.38:8081/" style="width:100%; max-width: 600px; max-height:600px; border-radius:10px"></img>


***เลขไอพี 192.168.1.38 ให้แก้ไขให้ตรงตามที่ตรวจสอบไอพีในขั้นตอนที่ 6***

 
ไฟล์ index.html
<!DOCTYPE html>
<html>

 <head>
<title>Web Robot</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>

 <style>
table ,td, tr {
width: 30%;
}

 </style>

 <body>

<img src="http://192.168.1.38:8081/" style="width:100%; max-width: 600px; max-height:600px; border-radius:10px"></img>

<table style="width:100%; max-width: 500px; height:300px;">
<tr>
<td>
<form action="/1" method="POST">
<input type="image" name="direction" src="/static/img/left.svg" value="left" style="float:left; width:80% ;">
</br>
</form>
</td>
<td>
<form action="/2" method="POST">
<input type="image" name="direction" src="/static/img/forward.svg" value="forward" style="float:left; width:80%;">
</br>
</form>
</td>
<td>

 <form action="/3" method="POST">
<input type="image" name="direction" src="/static/img/right.svg" value="right" style="float:left; width:80%;">
</br>
</form>

 </td>
</tr>
<tr>
<td>
<form action="/4" method="POST">
<input type="image" name="direction" src="/static/img/reverse.svg" value="reverse" style=" margin-left:80px; width:80%;">
</br>
</form>
</td>
<td>
<form action="/5" method="POST">
<input type="image" name="direction" src="/static/img/stop.svg" value="stop" style="margin-left:80px; width:80%;">
</br>
</form>
</td>

 </tr>
</table>

 </body>
</html>
 

บันทึกไฟล์ ไปที่ File->Save


 

11.2 ทดสอบการทำงาน

 

เปิดโปรแกรม เทอมินอล (Root Terminal) แล้วใช้คำสั่ง

 sudo service motion start

cd web_robot

sudo python app.py

 
เปิดบราวเซอร์ ที่โทรศัพท์มือถือ หรือ คอมพิวเตอร์ ที่ใช้ WiFi  หรือ วง แลน หรือใช้ เร้าเตอร์ เดียวกัน ที่ URL ป้อน ไอพีที่ได้จากขั้นตอนที่ 6 และตามด้วย :8000

ในตัวอย่างคือ     http://192.168.1.38:8000

จะแสดงหน้าจอตามรูปด้านล่าง


 


 ที่ตัวหุ่นยนต์ เปิด เพาเวอร์สวิตซ์ จะมีไฟสีแดงติดที่ Motor Driver

ทดลองควบคุมหุ่นยนต์


วีดีโอผลลัพธ์การทำงานของ โปรเจคหุ่นยนต์ติดกล้อง Raspberry Pi ควบคุมด้วย เว็บเพจ




หมายเหตุ : เรียบเรียงและแก้ไขดัดแปลงจากบทความด้านล่าง

Raspberry Pi Web Controlled Robot With Video Stream

ตะกร้า
( 0 )
▲
▼
รายการสั่งซื้อของฉัน
เข้าสู่ระบบด้วย
เข้าสู่ระบบ
สมัครสมาชิก

ยังไม่มีบัญชีเทพ สร้างบัญชีใหม่ ไม่มีค่าใช้จ่าย
สมัครสมาชิก (ฟรี)
รายการสั่งซื้อของฉัน
ข้อมูลร้านค้านี้
ร้านโรบอทสยาม อุปกรณ์หุ่นยนต์ Arduino
โรบอทสยาม อุปกรณ์หุ่นยนต์ Arduino
จําหน่าย อุปกรณ์หุ่นยนต์ Arduino , ESP8266, ESP32 , STM32 , micro:bit , Paspberry Pi รับประกอบหุ่นยนต์ ชุดคิทหุ่นยนต์ ตัวอย่างโปรเจค IoT (Internet of Things) อินเทอร์เน็ตของสรรพสิ่ง
เบอร์โทร : 095-226-2116
อีเมล : robotsiam16@gmail.com
ส่งข้อความติดต่อร้าน
เกี่ยวกับร้านค้านี้
ค้นหาสินค้าในร้านนี้
หรือค้นหาอย่างละเอียด
ค้นหาสินค้า
สินค้าที่ดูล่าสุด

{{pdata.name}}
ดูสินค้าทั้งหมดในร้าน
สินค้าที่ดูล่าสุด
บันทึกเป็นร้านโปรด
Join เป็นสมาชิกร้าน
แชร์หน้านี้
แชร์หน้านี้
↑
TOP เลื่อนขึ้นบนสุด
พูดคุย-สอบถาม