
Índice:
2025 Autor: John Day | [email protected]. Última modificação: 2025-01-23 15:03





As tabelas de instruções mostram como usar um ESP32 e um LCD para fazer um relógio digital com exibição de fotos aleatórias em segundo plano a cada minuto. As fotos são provenientes de você compartilhou o Google Photo Album, basta inserir o link de compartilhamento que ESP32 fará o trabalho;>
Etapa 1: Preparação de Hardware



REUTILIZAR HARDWARE DE PROJETO ANTERIOR
Se você fez instruções anteriores, pode reutilizar o hardware para este projeto e pode pular a montagem do hardware:
- https://www.instructables.com/id/Floating-Display/
- https://www.instructables.com/id/COVID-19-WHO-Dash…
ESP8266 / ESP32 Dev Board
Qualquer placa de desenvolvimento ESP8266 / ESP32 deve estar ok.
Tela de LCD
Qualquer LCD compatível com Arduino_GFX está ok, você pode encontrar a exibição atualmente compatível no leiame do GitHub:
Tábua de pão
Qualquer placa de ensaio que se encaixe no ESP Dev Board e no visor LCD.
Jumper Wire
Alguns cabos de ligação dependem da placa de desenvolvimento e do layout dos pinos do LCD. Na maioria dos casos, fios de jumper 6-9 macho para fêmea são suficientes.
Etapa 2: Montagem de Hardware




Empurre o ESP32 Dev Board na placa de ensaio e conecte o LCD com os fios de jumper.
Aqui está o exemplo de resumo de conexão:
ESP8266 -> LCD
Vcc -> Vcc
GND -> GND GPIO 15 -> CS GPIO 5 -> DC (se disponível) RST -> RST GPIO 14 -> SCK GPIO 12 -> MISO (opcional) GPIO 4 -> LED (se disponível) GPIO 13 -> MOSI / SDA
ESP32 -> LCD
Vcc -> Vcc
GND -> GND GPIO 5 -> CS GPIO 16 -> DC (se disponível) GPIO 17 -> RST GPIO 18 -> SCK GPIO 19 -> MISO (opcional) GPIO 22 -> LED (se disponível) GPIO 23 -> MOSI / SDA
Etapa 3: Preparação do software
IDE Arduino
Baixe e instale o Arduino IDE se ainda não o fez:
www.arduino.cc/en/main/software
Suporte ESP8266
Siga as instruções de instalação para adicionar suporte ESP8266 se você ainda não o fez:
github.com/esp8266/Arduino
Carregador de sistema de arquivos Arduino ESP8266
Siga as instruções de instalação para adicionar o plugin do uploader, caso ainda não o tenha feito:
github.com/esp8266/arduino-esp8266fs-plugi…
Suporte ESP32
Siga as instruções de instalação para adicionar suporte ESP32 se você ainda não o fez:
github.com/espressif/arduino-esp32
Biblioteca Arduino_GFX
Baixe as bibliotecas Arduino_GFX mais recentes: (pressione "Clonar ou Baixar" -> "Baixar o ZIP")
github.com/moononournation/Arduino_GFX
Importe bibliotecas no Arduino IDE. (Menu "Sketch" do IDE do Arduino -> "Incluir Biblioteca" -> "Adicionar Biblioteca. ZIP" -> selecione o arquivo ZIP baixado)
Etapa 4: configuração e upload

- Baixe o programa no GitHub: (pressione "Clonar ou Baixar" -> "Baixar ZIP")
- Abra GooglePhotoClock.ino com Arduino IDE
- Preencha suas configurações de WiFi AP em SSID_NAME e SSID_PASSWORD
- Preencha as informações de fuso horário local para GMT_OFFSET_SEC, DAYLIGHT_OFFSET_SEC e TZ
- Prepare um álbum compartilhado no Google Photo, crie um link de compartilhamento e preencha o GOOGLE_PHOTO_SHARE_LINK
- Se você não estiver usando ILI9341 LCD, comente a linha 133 e descomente a declaração de classe de LCD correta
- Conecte o ESP Dev Board ao computador
- Pressione o botão Upload para compilar e enviar o programa para o ESP Dev Board
Etapa 5: ESP8266 BearSSL CertStore


O Google Photo requer todas as conexões em HTTPS. A versão mais recente do ESP8266 usa a implementação BearSSL e requer algum pré-processamento nos dados do CertStore.
Eu gerei dados do CertStore em 18 de abril de 2020, você pode regenerá-los executando:
python make_spiffs.py
Se você estiver usando o ESP8266, siga as etapas para fazer upload dos dados do CertStore:
- Abra o IDE Arduino
- Conecte a placa dev ESP8266 ao computador
- Selecione o menu Ferramentas
- Selecione ESP8266 Sketch Data Upload
- Aguarde o upload terminar
Etapa 6: Como isso funciona?
- Conecte-se a um WiFi AP predefinido
- Obtenha a hora atual do servidor NTP
- Faça a solicitação HTTPS do link compartilhado do Google Photo
- Código de resposta HTTPS 302 e incluiu um local de redirecionamento no cabeçalho de resposta
- Faça a solicitação HTTPS do local de redirecionamento
- Leia a lista de fotos da matriz Javascript no HTML de resposta (o HTML tem mais de 500 KB, é necessário algum tempo para ler e dividir os dados)
- Para cada minuto, selecione aleatoriamente uma foto na lista de fotos
- Apenas para ESP8266, tente primeiro encontrar o arquivo de foto em cache no SPIFFS
- Faça uma solicitação HTTPS de link de foto
- Apenas para ESP8266, armazene em cache o arquivo de foto em SPIFFS
- Mostra a foto
- Imprimir a hora atual na foto
Etapa 7: Divirta-se


É hora de adicionar mais fotos favoritas ao álbum de fotos compartilhado e colocar este relógio de fotos do Google em sua mesa.
Recomendado:
Como fazer relógio analógico e relógio digital com faixa LED usando o Arduino: 3 etapas

Como fazer relógio analógico e relógio digital com faixa de LED usando o Arduino: Hoje faremos um relógio analógico e relógio digital com faixa de LED. Relógio digital com Led Strip e módulo MAX7219 Dot com Arduino. Corrigirá a hora com o fuso horário local. O relógio analógico pode usar uma faixa de LED mais longa, então pode ser pendurado na parede para se tornar uma arte
Relógio de aposentadoria / Contagem Crescente / Relógio Dn: 4 etapas (com imagens)

Relógio de aposentadoria / Contagem crescente / Dn Clock: Eu tinha alguns desses visores matriciais de LED 8x8 na gaveta e estava pensando no que fazer com eles. Inspirado por outros instructables, tive a ideia de construir um display de contagem regressiva / crescente para fazer a contagem regressiva para uma data / hora futura e se o tempo alvo p
C51 Relógio Eletrônico de 4 Bits - Relógio de Madeira: 15 Passos (com Imagens)

C51 Relógio Eletrônico de 4 Bits - Relógio de Madeira: Tive algum tempo livre neste fim de semana, então fui em frente e montei este Relógio Digital Eletrônico 4-Bits DIY de AU $ 2,40 que comprei no AliExpress um tempo atrás
Criando um relógio a partir de um relógio: 11 etapas (com imagens)

Criando um relógio a partir de um relógio: neste Instructable, pego um relógio existente e crio o que considero um relógio melhor. Iremos da imagem da esquerda para a imagem da direita. Antes de começar em seu próprio relógio, saiba que remontar pode ser um desafio, pois o piv
Converter o relógio comum doméstico em um relógio auto-brilhante: 8 etapas (com imagens)

Converta o relógio comum em casa em um relógio que brilha: PRIMEIRO, AINDA MEUS AGRADECIMENTOS À EQUIPE DE INSTRUTÁVEIS FAÇA OS MEUS DIAS DE RECUPERAÇÃO DE SAÚDE MAIS RESPONSÁVEIS … Neste instructables, quero compartilhar com vocês como converter seu relógio comum doméstico em um relógio com brilho próprio. > > Por fazer isso