A React Native app for controlling a Smart Art Frame
through its integrated Linux-based controller and API.
SLEEKFRAME is a React Native application designed to seamlessly control a smart art frame equipped with a Linux-based controller and API. This project aimed to create a user-friendly interface for managing a digital signage solution specifically tailored for non-commercial home use.
Development Process
This involved creating a comprehensive system with these key components:
Controller Firmware
A custom Dot Net program running on a Linux-based controller (initially a Raspberry Pi) served as the core. This program booted in kiosk mode.
Display Control
Integrated DDC commands using `ddcutil` for nuanced screen control and HDMI-CEC control better suited for TVs, allowing instant reactivation while minimizing idle power consumption.
Media Playback
mpv.io was chosen for seamless looping playback, overcoming limitations of other players like VLC. A Raspberry Pi 4 was necessary for optimal performance.
API Development
The controller exposed an API for video storage, playback (including timed playback and playlists), and other display controls, facilitating communication with the React Native app.
React Native App
The app follows a minimalist design inspired by the Tesla app. A "mini" SLEEKFRAME within the app's home screen mirrors the real-time status of the physical art monitor. Functionalities include uploading artwork and interacting with the controller API.
Future Considerations
Ongoing development includes implementing additional features and potentially migrating the controller firmware from Dot Net to Node.js for improved maintainability and efficiency.