Đế chai tương tác âm nhạc có đèn điều chỉnh: 14 bước

2024 Tác giả: John Day | [email protected]. Sửa đổi lần cuối: 2024-01-30 13:32

Cách đây một thời gian, một người bạn của tôi đã đặt hàng một chiếc vòng LED 16 Bit để mày mò và trong khi làm như vậy, anh ấy đã có ý tưởng đặt một cái chai ở phía trên của nó. Khi tôi nhìn thấy nó, tôi đã bị thu hút bởi vẻ ngoài của ánh sáng chiếu sáng bình và nhớ đến dự án tuyệt vời "Mc Lighting" của người dùng Hackaday Tobias Blum:

hackaday.io/project/122568-mc-lighting

Một khía cạnh trong dự án của anh ấy là điều khiển đèn LED WS2812 thông qua giao diện web tự viết mà không cần sử dụng bất kỳ dịch vụ bên ngoài nào. Lấy cảm hứng từ phương pháp điều khiển vòng đèn LED của anh ấy, tôi quyết định kết hợp hai ý tưởng đó và đưa chúng lên một tầm cao mới. bao gồm cả những chế độ tương tác với âm nhạc xung quanh. Để tạo ra một thiết bị di động, nó được cung cấp năng lượng bởi một tế bào pin Li-Ion.

Trong tài liệu hướng dẫn này, tôi sẽ đi qua quá trình xây dựng và dạy bạn về chức năng cơ bản của nó. Sau đó, bạn sẽ có thể xây dựng phiên bản của riêng mình và có ý tưởng về cách thêm điều khiển web vào một dự án mà không cần sử dụng bất kỳ dịch vụ bên ngoài nào.

Bước 1: Tùy chọn xây dựng

Khi nói đến thiết bị điện tử của dự án này, bạn có thể sử dụng bảng mạch NodeMCU, dễ sử dụng và khá rẻ, hoặc bạn có thể tự xây dựng bảng mạch như tôi. Không có lợi ích cụ thể khi làm như vậy, tôi chỉ có một chip ESP8226-12E nằm xung quanh và quyết định sử dụng nó để tôi có thể giữ bảng NodeMCU để tạo mẫu nhanh. Chỉ có một sự khác biệt chính: bạn cần một bảng mạch nối tiếp USB 3.3V để lập trình bảng điều khiển tự tạo. Mặc dù điều đó không tạo ra sự khác biệt cho loại bạn chọn, nhưng hãy ghi nhớ nó khi nói đến các bộ phận cần thiết.

Tuy nhiên, có một tùy chọn tạo ra sự khác biệt khá lớn: chế độ âm nhạc. Nếu bạn quyết định bao gồm nó, giá đỡ chai có thể được sử dụng như một máy đo VU và hơn nữa có thể thay đổi màu đèn LED bất cứ khi nào âm trầm của nhạc đạt đến một ngưỡng nhất định. Tuy nhiên, điều này yêu cầu một số phần cứng bổ sung. Bạn phải chế tạo một bộ khuếch đại khuếch đại đầu ra của viên nang micrô tụ điện và bộ lọc thông thấp cho các tần số âm trầm. Mặc dù điều này nghe có vẻ khó khăn nhưng thực sự không phải vậy. Nó không yêu cầu bất kỳ bộ phận đặc biệt nào và tôi thực sự khuyên bạn nên bao gồm mạch này vì nó tăng cường thiết bị khá nhiều.

Bước 2: Các bộ phận và vật liệu cần thiết

Trường hợp:

Có lẽ phần khó nhất của dự án này là trường hợp. Vì tôi muốn thử một cái gì đó mới, tôi quyết định sử dụng các tấm MDF với độ dày 18 mm và sơn chúng. So với các loại gỗ / vật liệu khác, MDF có lợi ích là bề mặt của nó có thể được chà nhám, đặc biệt mịn và do đó lớp sơn trên đó có thể trông cực kỳ bóng. Ngoài ra, bạn cần một số thủy tinh acrylic có độ dày 4 mm làm vỏ của các vòng đèn LED.

Vỏ có chiều dài 33 cm và chiều rộng 9 cm, vì vậy tôi đề xuất một tấm có kích thước như sau:

Tấm MDF 400 x 250 x 18 mm

Các nắp vòng LED có đường kính khoảng 70 mm, do đó, tấm glasssss acrylic của bạn ít nhất phải có các kích thước sau:

Tấm acrylic 250 x 100 x 4 mm

Để sơn nó, tôi có 125ml sơn acrylic trắng và 125ml sơn bóng trong, ngoài ra tôi khuyên bạn nên sử dụng con lăn xốp vì điều này cho phép bạn sơn đều hơn. Đối với phần chà nhám, tôi sử dụng tờ giấy nhám có độ mài mòn là 180, một tờ có 320 và một có 600.

Thiết bị điện tử:

Đối với thiết bị điện tử, bạn cần ba vòng LED 16 Bit WS2812. Chỉ cần cẩn thận vì tôi đã tìm thấy hai loại vòng LED 16 Bit, bạn cần những vòng có đường kính lớn hơn (khoảng 70 mm) và do đó khoảng cách giữa các đèn LED lớn hơn.

Đối với nguồn điện, bạn cần một tế bào pin Li-Ion, một bộ sạc tương ứng và một công tắc. Ngoài ra, bạn cần một bộ điều chỉnh điện áp 3,3 V với điện áp thả xuống thấp (LDO) và hai tụ điện để cấp nguồn cho bộ vi điều khiển. Tôi giải thích lý do tại sao bạn cần bộ điều chỉnh LDO ở bước 7.

Nếu bạn quyết định xây dựng mạch lọc và khuếch đại âm nhạc tùy chọn, bạn cần một Op-Amp và một số thành phần thụ động. Và nếu bạn chọn tạo đơn vị điều khiển của riêng mình, bạn cần chip ESP, bảng đột phá, một số điện trở, nút và một số chân.

Và tôi thực sự khuyên bạn nên dùng một miếng ván mỏng để hàn mọi thứ trên đó.

Vòng đèn LED

Pin Li-Ion 3.7V (Tôi đã trục vớt một trong những loại TW18650 từ một bộ pin không sử dụng)

Bộ sạc Li-Ion

Công tắc (Không có gì đặc biệt, tôi đã sử dụng một cái cũ mà tôi thu được từ một bộ loa bị hỏng)

Bộ điều chỉnh điện áp LDO (ngoài ra các tụ điện được đề cập trong biểu dữ liệu: tụ gốm 2 x 1uF)

bảng đục lỗ

Mạch âm nhạc (tùy chọn):

Theo sơ đồ

Bộ vi điều khiển:

NodeMCU

ESP8266 12E (tấm bộ điều hợp, nút, điện trở và chân theo sơ đồ)

USB to Serial (bắt buộc để lập trình bảng điều khiển tự tạo, nếu bạn đã có một bảng điều khiển thì không cần lấy cái khác)

Bước 3: Phay vỏ

Một người bạn của tôi đã tự chế tạo một chiếc MP-CNC và rất tốt bụng khi xay cho tôi hai bộ phận MDF và ba vòng acrylic. Các bộ phận bằng gỗ là mặt trên và mặt dưới của hộp hình viên thuốc. Ở trên cùng của hộp, có ba vị trí cho các vòng đèn LED và lớp phủ acrylic của chúng. Vì những phần sâu này được thiết kế để chỉ lớn hơn một phần so với PCB, chúng vừa vặn và nằm đúng vị trí mà không cần keo hoặc vít. Tương tự đối với bìa acrylic. Vì chúng có đường kính lớn hơn vòng LED, chúng được đặt ở một cạnh phía trên đèn LED (xem hình).

Bước 4: Hoàn thành trường hợp

Bạn có thể nhận thấy rằng ngay bây giờ, có một số điều còn thiếu trong trường hợp được xay xát. Những thứ như lỗ cho dây cáp của vòng, lỗ cho ổ cắm USB và một túi để chứa pin. Hơn nữa, nếu bạn chọn bao gồm mạch nhạc, bạn cũng cần phải có lỗ cho micrô. Ngoài ra, tôi khuyên bạn nên khoan các lỗ bên dưới các Vòng LED để bạn có thể đẩy chúng ra khỏi vỏ. Tôi đã sử dụng một công cụ mài quay để thêm các lỗ được mô tả ở trên.

Trên hình thứ ba, bạn có thể thấy "bảo trì" và lỗ cáp cho vòng. Như bạn có thể đã nhận thấy, tôi đã tạo ra hai lỗ cáp. Đây không phải là mục đích. Đây là giai đoạn đầu mà tôi nghĩ rằng các góc của các vòng sẽ không quan trọng, nhưng thực tế không phải vậy. Gắn tất cả ba trong số chúng với dây cáp của chúng vào cùng một phía. Tôi đã kết thúc với việc gắn chúng về phía trước.

Quan trọng: Luôn đeo khẩu trang chống bụi khi cưa, khoan hoặc phay gỗ MDF. Tương tự với việc chà nhám nó.

Bước 5: Hoàn thiện vỏ máy

Bây giờ trường hợp được sơn. Trước khi bạn làm điều này, tôi khuyên bạn nên xem hoặc đọc một hướng dẫn về điều này, vì điều này đã chứng minh bản thân nó khó hơn tôi nghĩ. Phần này bao gồm mọi thứ bạn cần biết về chủ đề này.

Đầu tiên, chà nhám kỹ bên ngoài của các bộ phận MDF. Tôi đã sử dụng giấy grit 160 cho việc này. Sau đó, nhiều hướng dẫn khuyên bạn nên niêm phong bề mặt, đặc biệt là ở các cạnh, bằng sơn lót MDF đặc biệt. Tôi đã bỏ qua phần này vì kem lót khá đắt và mặc dù kết quả không được như mong muốn, tôi sẽ làm lại.

Sau đó, bạn có thể bắt đầu sơn bề mặt với màu sắc mong muốn. Tôi quyết định sơn màu trắng trong. Chờ màu khô rồi dùng giấy nhám mịn (mình dùng loại grit 320) chà sạch rồi phủ lớp màu tiếp theo lên. Lặp lại quá trình này cho đến khi bạn hài lòng với độ mờ của màu. Tôi áp dụng bốn lớp màu.

Sau lớp màu cuối cùng, hãy chà nhám bằng giấy nhám thậm chí còn mịn hơn trước (trong trường hợp của tôi là grit 600) và loại bỏ tất cả bụi còn lại trên bề mặt. Sau đó, bạn có thể phủ lớp đầu tiên của lớp sơn bóng trong suốt. Đối với màu sắc, hãy thoa nhiều lớp tùy theo nhu cầu của bạn. Tôi đã sử dụng ba cho phía trên và hai bên, và hai cho phía dưới. Bạn có thể xem kết quả trên một trong các hình ảnh. Mặc dù bề mặt có thể mịn hơn (chà nhám nhiều hơn và sơn lót MDF), tôi hài lòng với hiệu ứng bóng đạt được.

Bước 6: Chuẩn bị Nhẫn

Song song với quá trình làm khô lớp màu đầu tiên, bạn có thể chà nhám các vòng thủy tinh acrylic. Sau đó, các vòng này khuếch tán ánh sáng do các Vòng LED phát ra. Nói về điều này, tôi đã trải nghiệm PCB của những chiếc vòng này có một số cạnh không mong muốn còn sót lại trong quá trình sản xuất, vì vậy bạn có thể cần phải sửa chúng. Nếu không chúng sẽ không phù hợp với trường hợp.

Sau đó, một số dây cần được hàn vào các vòng. Tôi khuyên bạn nên sử dụng dây mềm. Tôi đã sử dụng một cái cứng và gặp vấn đề là chúng đã đẩy hai phần của vỏ máy ra xa nhau, đòi hỏi sự uốn cong xấu xí. Hơn nữa, dây cứng có nhiều khả năng bị đứt, dẫn đến quá trình hàn khó chịu vì bạn phải lấy vòng tương ứng và bảng điều khiển ra khỏi vỏ.

Bước 7: Cung cấp điện

Một tế bào pin Li-Ion duy nhất được sử dụng làm nguồn điện. Nó được sạc qua mạch sạc. Mạch này có tính năng bảo vệ quá dòng và quá dòng. Để tắt thiết bị, một công tắc ngắt đầu ra tích cực của bảng bộ sạc, được tích hợp sẵn.

Vì điện áp tối đa của ô pin là 4,2V nên không thể cấp nguồn trực tiếp cho ESP8266. Điện áp quá cao đối với vi điều khiển 3.3V vì nó chỉ tồn tại điện áp trong khoảng 3.0V - 3.6V. Bộ điều chỉnh điện áp thả xuống thấp (LDO) là bộ điều chỉnh điện áp hoạt động ngay cả khi điện áp đầu vào gần với điện áp đầu ra được chỉ định. Vì vậy, điện áp bỏ qua 200 mV cho LDO 3,3V có nghĩa là nó đầu ra 3,3V miễn là điện áp đầu vào trên 3,5V. Khi nó nhấn mạnh giá trị này, điện áp đầu ra bắt đầu giảm. Vì ESP8266 hoạt động với điện áp xuống đến 3.0V, vì vậy nó hoạt động cho đến khi điện áp đầu vào của LDO giảm xuống khoảng 3.3V (nguồn xuống không phải là tuyến tính). Điều này cho phép chúng tôi cấp nguồn cho bộ điều khiển thông qua ô pin cho đến khi nó được xả hoàn toàn.

Bước 8: Bảng vi điều khiển

Nếu bạn sử dụng NodeMCU-board, bước này khá đơn giản. Chỉ cần kết nối đầu ra 3.3V và mặt đất của nguồn điện với một trong các chân 3V và G. Hơn nữa, tôi khuyên bạn nên hàn bảng vào một miếng ván mỏng, vì điều này giúp kết nối mọi thứ dễ dàng hơn.

Trong trường hợp bạn quyết định xây dựng bảng điều khiển của riêng mình, bước đầu tiên là hàn chip ESP vào tấm bộ điều hợp. Sau đó, thêm tất cả các thành phần và kết nối như được hiển thị trong sơ đồ. Hai nút này là cần thiết để đặt lại và nhấp nháy bộ điều khiển. Bạn có thể nhận thấy trên những hình ảnh sau đây rằng tôi chỉ sử dụng một nút. Lý do cho điều đó là tôi chỉ tìm thấy một cái nằm xung quanh, vì vậy thay vì nút cho GPIO0, tôi sử dụng hai chân và một jumper.

Bạn có thể xem mạch đã hoàn thành của tôi ở bước tiếp theo.

Bước 9: Mạch âm nhạc (tùy chọn)

Như một đầu vào cho âm nhạc, một viên nang micrô tụ điện đơn giản được sử dụng. Nó được cấp nguồn thông qua một điện trở hạn chế dòng điện được kết nối với đường sắt điện 3.3V. Tóm lại, viên nang hoạt động giống như một tụ điện, vì vậy khi sóng âm chạm vào màng chắn của nó, công suất và tương tự với điện áp của nó sẽ thay đổi. Điện áp này quá thấp nên chúng tôi khó có thể đo được bằng bộ chuyển đổi tín hiệu tương tự sang kỹ thuật số ESPs (ADC). Để thay đổi điều này, chúng tôi khuếch đại tín hiệu bằng Op-Amp. Sau đó, điện áp đầu ra được khuếch đại sẽ được lọc bởi một bộ lọc thông thấp thụ động của bậc đầu tiên với tần số cắt khoảng 70Hz.

Nếu bạn quyết định sử dụng bảng mạch NodeMCU, bạn có thể kết nối đầu ra của mạch được mô tả ở trên với chân A0 của bảng. Nếu bạn muốn xây dựng bảng điều khiển của riêng bạn, bạn phải thêm một bộ chia điện áp vào mạch. Lý do cho điều đó là ADC trên bo mạch của ESP có điện áp đầu vào tối đa là 1V. NodeMCU đã tích hợp sẵn bộ chia điện áp này, vì vậy để mã và bộ khuếch đại hoạt động trên cả hai bo mạch, bản tự tạo cũng cần nó.

Bước 10: Hoàn thiện và lắp các thiết bị điện tử

Đầu tiên, hãy lắp các vòng đèn LED vào các rãnh sâu được chỉ định ở phía trên của hộp đựng. Sau đó, kết nối nguồn điện, bộ vi điều khiển, các vòng và nếu bạn đã xây dựng nó, mạch khuếch đại theo sơ đồ.

Cảnh báo: Trước khi làm như vậy, hãy kiểm tra kỹ xem bạn đã tắt nguồn bằng công tắc chưa. Tôi đã quên làm như vậy và chiên một bộ điều chỉnh LDO trong khi hàn. Sau đó, bạn đã sẵn sàng để gắn các thiết bị điện tử vào bên trong vỏ máy.

Tôi bắt đầu bằng cách gắn tế bào pin vào vỏ bằng một ít keo nóng. Sau đó, tôi định vị mạch sạc và kiểm tra xem tôi có thể cắm cáp USB hay không. Vì tôi không tin tưởng keo nóng có thể chịu được lực đẩy vào cáp nhiều lần, nên tôi đã cẩn thận đóng những chiếc đinh mỏng qua miếng hàn của bộ sạc để lấy điện áp đầu vào. Sau khi bộ sạc, tôi dán nắp micrô vào vị trí.

Sau đó, tôi sử dụng một số chân dây bị uốn cong để sửa chữa vi điều khiển. Phương pháp này cho phép tôi lấy bộ điều khiển ra khỏi vỏ để sửa chữa bất cứ khi nào tôi cần mà không cần phải cắt qua keo nóng và làm hỏng MDF.

Bây giờ, tôi đã sử dụng một số dây buộc cáp và ghim dây uốn cong để gắn dây. Điều cuối cùng cần làm là chèn các vòng bìa acrylic. Hãy cẩn thận trong khi làm như vậy, để bạn không làm hỏng sơn vì đây là một vật liệu khá chật. Bạn thậm chí có thể phải giảm đường kính bên trong và / hoặc bên ngoài của các vòng acrylic vì tấm ván MDF hấp thụ một số sơn và do đó độ sâu sẽ nhỏ hơn một chút.

Bước 11: Nhấp nháy Vi điều khiển

Sau khi hoàn thành việc xây dựng phần cứng, tất cả những gì còn lại là cài đặt phần mềm. Tôi đã sử dụng Arduino IDE cho điều đó. Nhưng trước khi có thể lập trình bộ điều khiển, bạn cần thêm một số thư viện và chọn đúng bo mạch.

Thư viện

Bạn có thể sử dụng Trình quản lý Thư viện IDEs (Phác thảo -> Bao gồm Thư viện -> Thư viện Mange) để thêm chúng hoặc bạn tải xuống và di chuyển chúng vào thư mục thư viện IDEs của mình. Tôi giới thiệu trình quản lý vì nó thuận tiện hơn và bạn có thể tìm thấy tất cả các thư viện cần thiết ở đó.

DNSServer của Kristijan Novoselic (cần thiết cho WiFiManager)

WiFiManager của tzapu và tablatronix (mở một AP nơi bạn có thể nhập thông tin đăng nhập WiFi địa phương của mình)

WebSockets của Markus Sattler (cần thiết cho giao tiếp giữa thiết bị người dùng và thiết bị đáy và)

Adafruit NeoPixel của Adafruit (cần thiết để điều khiển các vòng LED)

Bảng

Bất kể bạn chọn sử dụng loại bảng điều khiển nào, trong Công cụ -> Bảng chọn NodeMCU 1.0 (Mô-đun ESP-12E). Đảm bảo rằng kích thước flash được đặt thành 4M (1M SPIFFS) và tốc độ tải lên là 115200.

Nhấp nháy

Để flash bo mạch NodeMCU chỉ cần kết nối nó với máy tính của bạn, chọn đúng cổng và tải chương trình lên. Việc flash bo mạch điều khiển tự tạo phức tạp hơn một chút. Kết nối bộ chuyển đổi USB sang nối tiếp của bạn với ba chân của bảng. Kết nối GND và GND, RX và TX, TX và RX. Để vào chế độ flash của bộ điều khiển, hãy khởi động lại nó bằng nút RST và trong khi làm như vậy, vẫn nhấn nút GPIO0. Sau đó, hãy đảm bảo rằng bảng chuyển đổi của bạn được đặt thành 3,3V. Hoàn tất quá trình bằng cách tải lên chương trình.

Quan trọng: Bật thiết bị của bạn trước khi nhấp nháy.

Bước 12: Tải lên trang web

Các tệp cần thiết cho trang web được lưu trữ trên bộ nhớ flash của vi điều khiển. Trước lần sử dụng đầu tiên, bạn phải tải chúng lên theo cách thủ công. Để làm như vậy, hãy cấp nguồn cho thiết bị (có thể bạn phải sạc trước). Đèn LED sẽ sáng đỏ (do máy ảnh của tôi trông giống như màu cam trên hình), có nghĩa là giá đỡ chai không được kết nối với mạng. Sau một thời gian ngắn, điểm truy cập WiFi có tên "chaiStandAP" sẽ mở. Mật khẩu mặc định là "12345678", bạn có thể thay đổi nó trong tệp ino. Kết nối điện thoại thông minh / máy tính bảng / máy tính xách tay của bạn với nó. Một thông báo sẽ bật lên và chuyển tiếp bạn đến một trang web. Nếu không có gì như vậy xảy ra, chỉ cần mở trình duyệt của bạn và nhập 192.168.4.1. Trên trang này, nhấp vào Định cấu hình WiFi và nhập thông tin đăng nhập mạng của bạn. Sau đó, điểm truy cập sẽ đóng lại và đèn LED đổi màu thành màu xanh lam nhạt. Điều này có nghĩa là thiết bị đã kết nối thành công với mạng của bạn.

Bây giờ bạn phải xác định địa chỉ IP của thiết bị. Để làm như vậy, bạn có thể kết nối nó với máy tính của mình, mở Serial Monitor của Arduino IDE (tốc độ truyền là 115200) và khởi động lại thiết bị. Ngoài ra, bạn có thể mở trang web của bộ định tuyến WiFi của mình. Sau khi bạn biết IP của thiết bị, hãy mở trình duyệt của bạn và nhập xxx.xxx.xxx.xxx/upload (trong đó xs đại diện cho IP đáy và IP). Giải nén các tệp từ.rar và tải lên tất cả chúng. Sau đó, chỉ cần nhập IP của thiết bị của bạn và trang điều khiển sẽ mở ra. Và bằng cách đó, bạn đã hoàn thành việc xây dựng đáy và đáy của riêng mình. Xin chúc mừng!

Bước 13: Trang web

Trang web cho phép bạn kiểm soát giá đựng chai của mình. Khi mở trang chính, bạn có thể thấy ba vòng tròn màu xanh lam ở giữa trên cùng. Những điều này cho phép bạn chọn cài đặt của chiếc nhẫn mà bạn muốn thay đổi. Bánh xe màu thay đổi màu vòng đã chọn khi bạn nhấp vào nó. Trường bên dưới hiển thị cho bạn màu bạn đã chọn. Bằng cách nhấn nút ngẫu nhiên, các vòng đã chọn sẽ được đặt ở chế độ màu ngẫu nhiên. Điều này có nghĩa là màu sắc sẽ thay đổi bất cứ khi nào kết thúc một chu kỳ của chế độ hơi thở.

Trên trang thứ hai, bạn có thể chọn các chế độ khác nhau. Màu sắc cố định và độ sáng cố định làm đúng như tên gọi của chúng. Chế độ hơi thở tạo ra hiệu ứng "hơi thở", nghĩa là độ sáng của vòng tăng lên mức tối đa theo thời gian tùy chỉnh, sau đó giảm xuống mức tối thiểu. Chế độ chu kỳ chỉ sáng một đèn LED trong một khoảng thời gian nhất định, sau đó sáng đèn tiếp theo, rồi đèn tiếp theo, v.v. Chế độ ngưỡng âm nhạc thay đổi màu sắc bất cứ khi nào micrô phát hiện tín hiệu cao hơn ngưỡng đặt tùy chỉnh. Không chỉ âm nhạc mới có thể kích hoạt điều này, ví dụ như vỗ tay cũng có thể. Trong chế độ đồng hồ VU, số lượng đèn LED sáng phụ thuộc vào âm lượng của âm trầm của nhạc.

Lưu ý: Bạn có thể sử dụng thước mà không cần kích hoạt các chế độ tương ứng. Ví dụ: Nếu bạn sử dụng chế độ chu kỳ và thay đổi độ sáng thông qua thước đo độ sáng cố định, các vòng sẽ ở chế độ chu kỳ nhưng thay đổi độ sáng của chúng tương ứng với những gì bạn đặt.

Bước 14: Tất cả những điều này hoạt động như thế nào?

Nguyên tắc chức năng khá dễ nắm bắt. Bất cứ khi nào bạn mở trang web, ESP8266 sẽ gửi các tệp web đến thiết bị của bạn. Sau đó, khi bạn thay đổi nội dung nào đó trên trang, một ký tự đặc biệt, chủ yếu theo sau là giá trị số nguyên, sẽ được gửi đến bộ vi điều khiển thông qua kết nối websocket. Sau đó, bộ điều khiển xử lý dữ liệu này và thay đổi đèn cho phù hợp.

Phần web được viết bằng html, css và javascript. Để làm cho nhiệm vụ này dễ dàng hơn, tôi đã tạo cho chúng tôi khuôn khổ Materialize CSS và jQuery. Nếu bạn muốn thay đổi giao diện của trang web, hãy xem tài liệu của khung. Ngoài ra, bạn có thể chỉ cần viết trang của riêng mình và tải nó lên. Bạn chỉ cần thiết lập kết nối websocket và gửi cùng một dữ liệu.