Tampilkan Foto JPEG dan Video RGB565 pada Layar TFT SPI 2.8″ dengan Arduino Nano
Komponen dan Perlengkapan
 | | × | 1 | |
| | Layar TFT SPI 320x240 2,8″ |
| × | 1 | |
| | × | 1 | |
| | TFT shield (breakout) untuk Arduino Nano |
| × | 1 | |
Tentang Proyek Ini
Pendahuluan
Halo!
Dalam artikel ini, saya ingin berbicara tentang bagaimana Anda dapat melihat gambar atau foto (*.jpg format), serta video (format RGB565) pada layar TFT SPI display (320x240, 2.8″).
Pertama, video demo singkat:
Hardware
Komponen yang diperlukan:
- Layar TFT SPI (320x240) dengan layar sentuh,
- TFT shield untuk Arduino Nano.
Letakkan semua bagian dalam urutan yang ditunjukkan dalam video (atau Anda dapat membaca artikel sebelumnya: https://create.arduino.cc/projecthub/alf81010/tft-shield-for-arduino-nano-start-f4391e .
Software
Persiapan Kartu Micro SD.
Kartu micro SD harus diformat dalam FAT32. Gambar dapat direkam langsung ke kartu (tanpa pemrosesan apa pun). Diinginkan agar ukuran gambar tidak lebih dari 2560x1920.
Untuk memutar video dalam format rgb565 file harus disiapkan terlebih dahulu. Untuk mengonversi video, gunakan ffmpeg (https://ffmpeg.org). Unduh dan instal pada komputer Anda. Kemudian gunakan contoh baris perintah ffmpeg, yang menampilkan video yang kompatibel dengan demo ini:
ffmpeg -i video.avi -s 320x240 -pix_fmt rgb565 video.rgb
Unduh dan instal perpustakaan yang diperlukan untuk bekerja dengan TFT shield untuk Arduino Nano: https://github.com/YATFT/YATFT.
Unduh sketsa berikut ke Arduino Nano:
/****************************************************************************** * SOFTWARE AND DOCUMENTATION ARE PROVIDED "AS IS" WITHOUT WARRANTY OF ANY * KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION, ANY WARRANTY * OF MERCHANTABILITY, TITLE, NON-INFRINGEMENT AND FITNESS FOR A PARTICULAR * PURPOSE. IN NO EVENT SHALL AUTHOR OR ITS LICENSORS BE LIABLE OR * OBLIGATED UNDER CONTRACT, NEGLIGENCE, STRICT LIABILITY, CONTRIBUTION, * BREACH OF WARRANTY, OR OTHER LEGAL EQUITABLE THEORY ANY DIRECT OR INDIRECT * DAMAGES OR EXPENSES INCLUDING BUT NOT LIMITED TO ANY INCIDENTAL, SPECIAL, * INDIRECT, PUNITIVE OR CONSEQUENTIAL DAMAGES, LOST PROFITS OR LOST DATA, * COST OF PROCUREMENT OF SUBSTITUTE GOODS, TECHNOLOGY, SERVICES, OR ANY * CLAIMS BY THIRD PARTIES (INCLUDING BUT NOT LIMITED TO ANY DEFENSE THEREOF), * OR OTHER SIMILAR COSTS. *******************************************************************************/ #include <YATFT2.h> // Hardware-specific library #include <SPI.h> #include <XPT2046_Touchscreen.h> #include <util/yasdc.h> YATFT tft(0); SDC sdc; #define CS_PIN A0 // MOSI=11, MISO=12, SCK=13 XPT2046_Touchscreen ts(CS_PIN); /* If using the shield, all control and data lines are fixed, and a simpler declaration can optionally be used: */ uint16_t frame = 0; uint32_t total_time = 0; bool f_first = true; uint8_t mode = 0; /*************************************************************************************************/ void setup(void) { Serial.begin(115200); // initialize the serial port Serial.println(F("Photo And Video Play example!")); tft.begin(0x4391,-8); // initialize the display tft.SetColor(BLACK); tft.ClearDevice(); // Clear screen ts.begin(); // Init Touchscreen SPI.end(); Serial.print(F("FS Init... ")); uint8_t state = sdc.FSInit(); if (state == 0) Serial.println(F("unsuccess.")); else Serial.println(F("success.")); sdc.currentFileType = DEMO_FILE_TYPE_RGB; total_time = millis() + 500; } void loop(void) { if (total_time < millis()) { total_time = millis() + 2000; if (f_first == true) { if (-1 != sdc.FindFirst("*.*", ATTR_ARCHIVE, &sdc.nextFile)) f_first = false; // Clear flag else total_time = 0; } else { if (sdc.GetFileType(sdc.nextFile.filename) == DEMO_FILE_TYPE_JPEG) { if(sdc.currentFileType != DEMO_FILE_TYPE_JPEG) { // Set YUV mode to display JPEG tft.SetColor(0x007F); // Black in YUV tft.ClearDevice(); tft.SetYUV(); // Switching shows a little green flicker sdc.currentFileType = DEMO_FILE_TYPE_JPEG; } Serial.print(" JPEGPutImage:"); Serial.println(sdc.nextFile.filename); FSFILE * jpeg_file; JPEG_DECODE jpeg_decode; jpeg_file = sdc.FSfopen(sdc.nextFile.filename, "r"); if (!jpeg_file) { Serial.println(F("Open failed!")); return (FALSE);} jpeg_decode.stream = (void *)jpeg_file; sdc.JPEGReadFromSD(&jpeg_decode, 0, 0, GetMaxX()+1, GetMaxY()+1); uint8_t err = sdc.FSfclose(jpeg_file); if (err) { Serial.println(F("Close failed!")); return err;} frame++; frame&=0xF; total_time = millis() + 2000; } else if(sdc.GetFileType(sdc.nextFile.filename) == DEMO_FILE_TYPE_RGB) { if(sdc.currentFileType != DEMO_FILE_TYPE_RGB) { // Set YUV mode to display JPEG tft.SetColor(BLACK); // Black in RGB is dark green in YUV tft.ClearDevice(); tft.SetRGB(); // Switching shows a little green flicker sdc.currentFileType = DEMO_FILE_TYPE_RGB; } Serial.print(F("Play RGB video: ")); Serial.println(sdc.nextFile.filename); FSFILE * pFile = sdc.FSfopen(sdc.nextFile.filename, "rb"); if (!pFile) { Serial.println(F("Open failed!")); return (FALSE);} tft.SetColor(BLACK); tft.ClearDevice(); sdc.RGBReadFromSD(pFile, &ScanTouch); mode = 0; tft.SetColor(BLACK); tft.ClearDevice(); sdc.FSfclose(pFile); total_time = millis() + 1000; } if(-1 == sdc.FindNext(&sdc.nextFile)) { f_first = true; // Set flag } } } } uint8_t ScanTouch(void) { uint16_t x, y; // Touch // When the SS pin is set as OUTPUT, it can be used as // a general purpose output port (it doesn't influence // SPI operations). SPI.begin(); if (ts.touched()) { TS_Point p = ts.getPoint(); delay(3); // Delay for filtering SPI.end(); // Calculate coordinates x, y from code ADC if (p.x < 450) p.x = 450; if (p.y < 500) p.y = 500; x = (uint16_t)(320L - ((uint32_t)p.x - 450L)*10L/106L); y = (uint16_t)(240L - ((uint32_t)p.y - 500L)*10L/140L); if (x<130 && y>100 && y<140) { // Stop mode = 1; Serial.println(F("mode = 1")); } else if (x>140 && x<180 && y>100 && y<140) { // Pause mode = 2; // Draw buttons tft.SetColor(BRIGHTRED); tft.DrawFillCirc(GetMaxX()/4,GetMaxY()/2,50); tft.SetColor(BRIGHTYELLOW); tft.DrawFillRect(GetMaxX()/4-30,GetMaxY()/2-30, GetMaxX()/4+30,GetMaxY()/2+30); tft.SetColor(BRIGHTRED); tft.DrawFillCirc(GetMaxX()/4*3,GetMaxY()/2,50); tft.SetColor(BRIGHTYELLOW); for(uint8_t i=0; i<60; i++) { tft.DrawLine(210+i, 90+i/2, 210+i, 150-i/2); } Serial.println(F("mode = 2")); } else if (x>190 && y>100 && y<140) { // Play mode = 0; Serial.println(F("mode = 0")); } return mode; } SPI.end(); return mode; }
Saya mencoba membuat artikel singkat dan menjelaskan poin-poin utama di dalamnya. Selain itu, tidak ada yang sulit dalam proyek ini. Namun jika Anda memiliki pertanyaan - tanyakan, jangan ragu. ;-) Saya akan mencoba menambahkan artikel.
Terima kasih atas perhatian!
Akan dilanjutkan.
Artikel sebelumnya:
1) Unique TFT Shield for Arduino Uno - Start,
2) Unique TFT Shield for Arduino Uno - OV7670 Cam Live View,
3) Unique TFT Shield for Arduino Uno - Arduino Bluetooth Camera (ABC),
4) TFT Shield for Arduino Nano - Start.
Update 01.04.2021:
Halo lagi! Ada perpustakaan terbaru untuk serangkaian layar, yang saat ini terdiri dari dua shield dan dua papan breakout. Sketsa dikompilasi tergantung pada versi yang dipilih (dari 1 hingga 4) dan jenis mikrokontroler (MegaAVR atau ESP-32). Ditambahkan foto, contoh. Informasi lebih lanjut dapat ditemukan di https://github.com/Ekaburg/EkaTFT.
Kode
PhotoAndVideoPlay.inoC/C++
/****************************************************************************** * SOFTWARE AND DOCUMENTATION ARE PROVIDED "AS IS" WITHOUT WARRANTY OF ANY * KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION, ANY WARRANTY * OF MERCHANTABILITY, TITLE, NON-INFRINGEMENT AND FITNESS FOR A PARTICULAR * PURPOSE. IN NO EVENT SHALL AUTHOR OR ITS LICENSORS BE LIABLE OR * OBLIGATED UNDER CONTRACT, NEGLIGENCE, STRICT LIABILITY, CONTRIBUTION, * BREACH OF WARRANTY, OR OTHER LEGAL EQUITABLE THEORY ANY DIRECT OR INDIRECT * DAMAGES OR EXPENSES INCLUDING BUT NOT LIMITED TO ANY INCIDENTAL, SPECIAL, * INDIRECT, PUNITIVE OR CONSEQUENTIAL DAMAGES, LOST PROFITS OR LOST DATA, * COST OF PROCUREMENT OF SUBSTITUTE GOODS, TECHNOLOGY, SERVICES, OR ANY * CLAIMS BY THIRD PARTIES (INCLUDING BUT NOT LIMITED TO ANY DEFENSE THEREOF), * OR OTHER SIMILAR COSTS. *******************************************************************************/ #include <YATFT2.h> // Hardware-specific library #include <SPI.h> #include <XPT2046_Touchscreen.h> #include <util/yasdc.h> YATFT tft(0); SDC sdc; #define CS_PIN A0 // MOSI=11, MISO=12, SCK=13 XPT2046_Touchscreen ts(CS_PIN); /* If using the shield, all control and data lines are fixed, and a simpler declaration can optionally be used: */ uint16_t frame = 0; uint32_t total_time = 0; bool f_first = true; uint8_t mode = 0; /*************************************************************************************************/ void setup(void) { Serial.begin(115200); // initialize the serial port Serial.println(F("Photo And Video Play example!")); tft.begin(0x4391,-8); // initialize the display tft.SetColor(BLACK); tft.ClearDevice(); // Clear screen ts.begin(); // Init Touchscreen SPI.end(); Serial.print(F("FS Init... ")); uint8_t state = sdc.FSInit(); if (state == 0) Serial.println(F("unsuccess.")); else Serial.println(F("success.")); sdc.currentFileType = DEMO_FILE_TYPE_RGB; total_time = millis() + 500; } void loop(void) { if (total_time < millis()) { total_time = millis() + 2000; if (f_first == true) { if (-1 != sdc.FindFirst("*.*", ATTR_ARCHIVE, &sdc.nextFile)) f_first = false; // Clear flag else total_time = 0; } else { if (sdc.GetFileType(sdc.nextFile.filename) == DEMO_FILE_TYPE_JPEG) { if(sdc.currentFileType != DEMO_FILE_TYPE_JPEG) { // Set YUV mode to display JPEG tft.SetColor(0x007F); // Black in YUV tft.ClearDevice(); tft.SetYUV(); // Switching shows a little green flicker sdc.currentFileType = DEMO_FILE_TYPE_JPEG; } Serial.print(" JPEGPutImage:"); Serial.println(sdc.nextFile.filename); FSFILE * jpeg_file; JPEG_DECODE jpeg_decode; jpeg_file = sdc.FSfopen(sdc.nextFile.filename, "r"); if (!jpeg_file) { Serial.println(F("Open failed!")); return (FALSE);} jpeg_decode.stream = (void *)jpeg_file; sdc.JPEGReadFromSD(&jpeg_decode, 0, 0, GetMaxX()+1, GetMaxY()+1); uint8_t err = sdc.FSfclose(jpeg_file); if (err) { Serial.println(F("Close failed!")); return err;} frame++; frame&=0xF; total_time = millis() + 2000; } else if(sdc.GetFileType(sdc.nextFile.filename) == DEMO_FILE_TYPE_RGB) { if(sdc.currentFileType != DEMO_FILE_TYPE_RGB) { // Set YUV mode to display JPEG tft.SetColor(BLACK); // Black in RGB is dark green in YUV tft.ClearDevice(); tft.SetRGB(); // Switching shows a little green flicker sdc.currentFileType = DEMO_FILE_TYPE_RGB; } Serial.print(F("Play RGB video: ")); Serial.println(sdc.nextFile.filename); FSFILE * pFile = sdc.FSfopen(sdc.nextFile.filename, "rb"); if (!pFile) { Serial.println(F("Open failed!")); return (FALSE);} tft.SetColor(BLACK); tft.ClearDevice(); sdc.RGBReadFromSD(pFile, &ScanTouch); mode = 0; tft.SetColor(BLACK); tft.ClearDevice(); sdc.FSfclose(pFile); total_time = millis() + 1000; } if(-1 == sdc.FindNext(&sdc.nextFile)) { f_first = true; // Set flag } } } } uint8_t ScanTouch(void) { uint16_t x, y; // Touch // When the SS pin is set as OUTPUT, it can be used as // a general purpose output port (it doesn't influence // SPI operations). SPI.begin(); if (ts.touched()) { TS_Point p = ts.getPoint(); delay(3); // Delay for filtering SPI.end(); // Calculate coordinates x, y from code ADC if (p.x < 450) p.x = 450; if (p.y < 500) p.y = 500; x = (uint16_t)(320L - ((uint32_t)p.x - 450L)*10L/106L); y = (uint16_t)(240L - ((uint32_t)p.y - 500L)*10L/140L); if (x<130 && y>100 && y<140) { // Stop mode = 1; Serial.println(F("mode = 1")); } else if (x>140 && x<180 && y>100 && y<140) { // Pause mode = 2; // Draw buttons tft.SetColor(BRIGHTRED); tft.DrawFillCirc(GetMaxX()/4,GetMaxY()/2,50); tft.SetColor(BRIGHTYELLOW); tft.DrawFillRect(GetMaxX()/4-30,GetMaxY()/2-30, GetMaxX()/4+30,GetMaxY()/2+30); tft.SetColor(BRIGHTRED); tft.DrawFillCirc(GetMaxX()/4*3,GetMaxY()/2,50); tft.SetColor(BRIGHTYELLOW); for(uint8_t i=0; i<60; i++) { tft.DrawLine(210+i, 90+i/2, 210+i, 150-i/2); } Serial.println(F("mode = 2")); } else if (x>190 && y>100 && y<140) { // Play mode = 0; Serial.println(F("mode = 0")); } return mode; } SPI.end(); return mode; }
Skematik
Library TFT shield untuk Arduino Nano
https://github.com/YATFT/YATFT
