งานไฟฟ้าและอิเล็กทรอนิกส์: ส่งภาพจากเว็บแคมไปแสดงที่เว็บบราวเซอร์ด้วย Raspberry Pi

วันพฤหัสบดีที่ 23 มีนาคม พ.ศ. 2560

ส่งภาพจากเว็บแคมไปแสดงที่เว็บบราวเซอร์ด้วย Raspberry Pi

บน Linux สามารถที่จะทำ Streaming Media Server ที่เอาไว้สตรีมข้อมูลภาพและเสียงไปยังผู้รับได้หลายโปรแกรม อย่างที่ผมเคยใช้มาก็จะเป็น Red5 ซึ่งก็เป็นโอเพ่นซอร์สที่เราสามารถเอามาใช้งานได้โดยไม่เสียค่าใช้จ่ายใดๆ แต่ด้วยกำลังของเซิร์ฟเวอร์ที่มีอาจจะไม่สามารถรับโหลดหนักๆ ได้เหมือนผู้ให้บริการที่ทำด้านนี้โดยเฉพาะ แต่ก็น่าจะพอที่จะเอามาไว้ทำเล่นภายในกลุ่มเล็กๆได้
สำหรับ Raspberry Pi เราจะใช้โปรแกรม Motion ซึ่งจะทำการสตรีมข้อมูลจากกล้องเว็บแคมไปแสดงผลที่เว็บบราวเซอร์ เราสามารถประยุกต์เอาไปใช้ทำเป็นกล้อง CCTV เพื่อเอาไว้ดูบ้านเวลาที่เราไม่อยู่บ้านก็ได้

อย่างแรกต่อเว็บแคมกับ Raspberry Pi ให้เรียบร้อย

ทำการติดตั้งโปรแกรม Motion

1	sudo apt-get install motion

และเหมือนเดิมถ้าหากว่าติดตั้งไม่ได้ หรือเกิดมี Error ขึ้นมา ให้ลองทำการอัพเดทแพคเกจ และลองใหม่อีกครั้งนะครับ

1 2	sudo apt-get update sudo apt-get upgrade

ทำการแก้ไขไฟล์คอนฟิกของ Motion ที่ /etc/motion/motion.conf

1	sudo nano /etc/motion/motion.conf

โดยให้ทำการแก้ไขข้อมูลต่างๆ ในไฟล์เป็นดังนี้ครับ

1
2
3

daemon on
webcam_localhost off
control_localhost off

ต่อไปทำการแก้ไข /etc/default/motion เพื่อกำหนดให้โปรแกรม Motion ทำงานเป็น Daemon Service ได้

1	sudo nano /etc/default/motion

โดยให้ทำการแก้ไขบรรทัด start_motion_daemon=no ให้เปลียนเป็น start_motion_daemon=yes

1	start_motion_daemon=yes

จากนั้นสั่ง Start Motion Server ขึ้นมาได้เลยครับ

1	sudo service motion start

เรียบร้อยแล้วครับ ทำการเปิดเว็บบราวเซอร์เพื่อดูผลงานได้เลย
ทดลองเปิดดูวิดีโอ
http://192.168.8.102:8081

ก่อนจบวันนี้ ถ้าหากว่าเราต้องการเปลียนพอร์ตที่ใช้งาน ให้ไปใช้หมายเลขพอร์ตอื่น ก็สามารถเข้าไปแก้ไขได้ที่ไฟล์ /etc/motion/motion.conf นะครับ โดยแก้ไขที่บรรทัด

1	webcam_port 8081

*อัพเดท 2013-09-16 #1
เพิ่งเจอปัญหาว่ามันเปิดจาก Google Chrome ไม่ได้ น่าจะเป็นที่ว่าตัว motion มันใช้เทคนิค refresh ภาพ โดยเอาภาพหลายๆอันมาต่อๆกันให้ดูเหมือนเคลือนไหว เอาไว้คราวหน้าเดียวเราลองหาวิธีอื่นดูดีกว่าครับ
*อัพเดท 2013-09-16 #2
ตอนนี้สามารถแก้ไขปัญหาที่ไม่สามารถแสดงผลบน Google Chrome ได้แล้วครับ โดยให้สร้าง HTML ขึ้นมา และใส่แทก IMG โดยให้ SRC ของ IMG ชี้ไปที่ URL ของ Motion Server ครับ

1	sudo nano /var/www/motion.html

ในไฟล์ HTML ใช้โค้ดด้านล้างนี้ครับ

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Motion Webcam Server</title>
</head>
 
<body>
 
<img src="http://192.168.8.102:8081/" />
 
 
</body>
</html>

เวลาเปิดดูก็ให้เปิดไปที่ URL http://192.168.8.102/motion.html สามารถใช้งานได้ทั้ง Firefox และ Google Chrome ส่วน IE ใครจะไปสน
*อัพเดท 2013-09-20 #1
หลังจากทดลองเล่นมาหลายวัน พบว่าข้อมูลที่สตรีมมิ่งมาจาก motion server สามารถเปิดจาก VLC Media Player ซึ่งโปรมแกรมเล่นมัลติมีเดียแบบโอเพนซอร์ส หากใครยังไม่มีก็สามารถดาวโหลดได้จาก http://www.videolan.org/
เปิดโปรแกรม VLC Media Player และเข้าไปที่เมนู Open Network Stream