Tôi tự làm Robot với Raspberry Pi và Arduino thê nào? - Phần 4: Nhúng Hình ảnh từ webcam lên trang web

Mô tả dự án: 

Oki ! Hôm trước chúng ta đã có thể điều khiển Robot di chuyển nhưng khá bất tiện khi mình điều khiển ở xa thì không thấy được những gì mình điều khiển. Hôm nay sẽ sẽ hướng dẫn các bạn có thể nhúng được video stream từ webcam lến trang web. Và tạo một số nút hệ thống cho trang web. 

Chuẩn bị

1. Chạy MJPEG Streamer

Điều này các bạn có thể quay lại bài viết của anh Raspi để thiết lập nhé, mình không cần nhắc lại.

2. Nhúng lên trang web html của chúng ta

Khi mà các bạn thiết lập được mjpeg rồi ý thì tiếp theo chúng ta sẽ truy cập vào địa chỉ IP: http://localhost:8080.

Xong chọn Stream nhé

Đừng nhìn cái hình nhé sad, nhìn dòng chữ trên thôi cheeky : <img src="/?action=stream" /> . Đó là cách người ta hướng dẫn mình nhúng lên trang web

Khi muốn đưa vào trang web của mình thì chỉ cần chèn cái này vào trang web mình thôi:   <img src="http://localhost:8080/?action=stream" /> 

Như vậy là được rồi, các bạn có thể vào trang web của mình là thấy video òi.

3. Tạo các nút hệ thống

Hãy để ý hình trên, bạn sẽ thấy các button màu đỏ: Shutdown, Reboot

Những nút này sẽ giúp mình tắt robot hoặc khởi động lại trực tiếp trên web luôn. Vậy làm như thế nào?

- Lệnh shell trên Linux mà chúng ta hay shutdown raspi là:

sudo init 0 hay sudo shutdown now

- Còn reboot:

sudo reboot

- Ý tưởng là chúng ta sẽ dùng file php để thực thi lệnh shell trên Raspi:

 Đây là các dòng lệnh để trong file php: shutdown.php

<?php
system("sudo init 0");
?>

Đơn giản là dùng system("lệnh") để chạy các lệnh Linux từ php

- Code html:

<button type="button" class="hethong" id="clickSD">Shutdown</button><br>
$('#clickSD').click(function(){     //id của button shutdown nhé :D
     var a = new XMLHttpRequest();
     a.open("GET", "shutdown.php");
     a.onreadystatechange=function(){
      if(a.readyState==4){
       if(a.status == 200){
       }
       else{
       alert("Error")
       }
      }
     }
     a.send();
    });

Lúc này chúng ta chỉ  cần click thôi chứ không cần mousedown, mouseup như các nút tiến lùi. 

 - Oki rồi nhé! Các bạn vận dụng để tạo nút reboot iklaugh

Kết luận

Như vậy là mình đã hoàn thành chức năng điều khiển robot trên trang web và có thể xem hình ảnh từ webcam truyền lên web luôn.Và chúng ta cũng có thể TẮT hay KHỞI ĐỘNG LẠI ROBOT của mình trực tiếp trên trang web rồi.

các bạn chờ theo dõi bài sau nhé@@ Thú vị lắm devilcool

lên
15 thành viên đã đánh giá bài viết này hữu ích.
Các dự án được truyền cảm hứng

Bộ điều khiển PID - ứng dụng phần 2 - xe dò line dùng thuật toán PID

Tiép nối bài viết về xe dò line cảm ơn Đỗ Hữu Toàn đã viết hộ mình phần 4. hôm nay mình sẽ làm cho chiếc xe dò line đi mượt và có hồn hơn 

lên
34 thành viên đã đánh giá bài viết này hữu ích.
Các bài viết cùng tác giả

Raspberry Pi Kết Hợp Arduino

Như các bạn đã biết Raspberry pi là một máy tính mini nên nó rất mạnh về có thể kết nối internet, lậpj trình nhúng trang web một cách dễ dàng, nhưng nó lại không an toàn cho các dự án phần cứng. Còn Arduino thì rất bền kết hợp tốt nhiều phần cứng nhưng về mảng IoT thì cũng hạn chế hơn raspberry pi. Mỗi cái riêng lẻ là một hạn chế, nhưng tại sao chúng ta không kết hợp chúng lại để dự án của mình tối ưu hóa hơn. Vâng, hôm nay mình xin hướng dẫn các bạn một cách để giao tiếp PI với Arduino.coolangelenlightenedheartyes

lên
12 thành viên đã đánh giá bài viết này hữu ích.

Tôi tự làm Robot với Raspberry Pi và Arduino như thế nào? - Phần 6: Sử dụng NRF24L01 với Raspberry Pi

Hú Hú, Chúng ta cùng tiếp tục với bài 6 trong tutorial của mình laughHôm nay mình sẽ hướng dẫn cách bạn giao tiếp Raspberry và Arduino thông qua module NRF24L01 nhé.

lên
14 thành viên đã đánh giá bài viết này hữu ích.