WiFi Sunrise Alarm Clock 다운로드 - WiFi Sunrise Alarm Clock 소스 코드 다운로드

WiFi Sunrise Alarm Clock

기타 소스코드

다운로드

WiFi-일출-알람시계

RGBW LED 스트립을 제어하고 이를 웹 인터페이스 가능 일출 알람으로 전환하는 DS3231m RTC가 포함된 ESP8266 마이크로컨트롤러(Lichtwecker!)

ESP32-S 호환 스케치도 사용할 수 있습니다!

https://www.youtube.com/watch?v=NbgbeNN9tp0

아이디어

웹 브라우저를 통해 제어할 수 있는 RGBW LED 스트립으로 DIY 일출 알람 만들기. 당신을 부드럽게 깨워주는 시뮬레이션된 일출.

설정 및 기능

이 프로젝트에서는 DS3231m RTC와 함께 Adafruit Feather Huzzah ESP8266을 사용하여 N채널 MOSFET을 통해 RGBW LED 스트립을 제어했습니다. 마이크로컨트롤러는 홈 WiFi 네트워크에 연결되어 있으며 브라우저를 실행할 수 있는 모든 장치에서 제어할 수 있습니다.

부품 목록과 프로젝트에 대한 자세한 설명(회로도, PCB 설계 등)은 https://www.aufbauprinzip.com/home/praise-the-sun에서 확인할 수 있습니다.

기능

해당 버튼(빨간색, 녹색, 파란색 또는 흰색)으로 개별 LED를 전환합니다.
"야간 조명" 전환(RGB를 혼합하여 부드러운 보라색 빛 제공)
알람 시간 설정(24시간 형식)
알람 시간을 설정한 후 나타나는 재설정 버튼
RTC를 초기화할 수 없으면 LED 스트립이 빨간색으로 깜박입니다.

시작하기

WiFi 이름 및 WiFi 비밀번호를 자격 증명으로 바꾸십시오.

 // SSID of WiFi network and password of WiFi network
const char * ssid = "WiFi-Name" ;
const char * password = "WiFi-Password" ;

핀을 사용 중인 것으로 변경하세요.

 //Assigning variables for LED pins
uint8_t WHITEpin = 15 ;
uint8_t BLUEpin = 13 ;
uint8_t REDpin = 14 ;
uint8_t GREENpin = 12 ;

이 줄의 주석 처리를 제거하고 인수를 현재 시간으로 변경하여 RTC의 초기 시간을 설정합니다. 이 줄을 다시 주석 처리하고 마이크로컨트롤러에 다시 업로드하세요. DS3231(M)은 인터넷에서 자동으로 시간을 가져올 수도 있습니다. 하지만 나는 이 코드를 사용하여 인터넷 연결에 의존하고 싶지 않았고 시간과 날짜를 수동으로 설정하도록 선택했습니다. 시간이 설정되면 DS3231(M)은 매우 안정적이며 3V 배터리가 소진될 때까지(10년은 아니더라도 몇 년) 시간을 유지할 수 있습니다.

  //DS3231M.adjust(DateTime(2020, 4, 4, 13, 04, 00)); // Sets time of DS3231M

Alarmlight() 함수는 알람 중에 수행할 작업을 마이크로 컨트롤러에 알려주고 일출 시뮬레이션을 사용자 정의하거나 완전히 다른 기능(예: 조명 스트로브 조명)을 트리거하도록 변경됩니다.

 //Definition of custom functions for calling certain URLs and turning the alarm light on
//Alarm light function that slow turns on LEDs, mimicking sunrise;
void alarmlight ()                                     
{
  for ( uint16_t r = 0 ; r < 1024 ; r ++ ) 
    { 
    analogWrite ( REDpin , r );
    delay ( FADESPEED );
    }
  for ( uint16_t g = 0 ; g < 1024 ; g ++ ) 
    { 
    analogWrite ( GREENpin , g );
    delay ( FADESPEED );
    }
  for ( uint16_t b = 0 ; b < 512 ; b ++ ) 
    { 
    analogWrite ( BLUEpin , b );
    delay ( FADESPEED );
    } 
  for ( uint16_t w = 0 ; w < 1024 ; w ++ ) 
    { 
    analogWrite ( WHITEpin , w );
    delay ( FADESPEED );
    }
Lightstatus = HIGH ;
Bluestatus = HIGH ;
Redstatus = HIGH ;
Greenstatus = HIGH ;
}

HTML 페이지의 출력과 스타일은 SendHTML 문자열에서 사용자 정의할 수 있습니다.

//Strings hold HTML and CSS styling
String SendHTML(uint8_t lightstat,uint8_t nightlightstat,uint8_t bluestat,uint8_t redstat,uint8_t greenstat, uint8_t actualhh, uint8_t actualmm, uint8_t alarmhh, uint8_t alarmmm){
  String ptr = " <!DOCTYPE html > < html > n";
  ptr +=" < head > < meta name =' viewport ' content =' width=device-width, initial-scale=1.0, user-scalable=no ' > n";
  ptr +=" < title > Lichtwecker </ title > n";
  ptr +=" < style > html {background-color: black;font-family: Helvetica; display: inline-block; margin: 0px auto; text-align: center;}n";
  ptr +="body{margin-top: 50px;color: white;font-size: 14px} h1 {color: #fff;margin: 50px auto 30px;} h3 {color: #444444;margin-bottom: 50px;}n";
  ptr +=".button {display: block;width: 80px;background-color: #1abc9c;border: none;color: white;padding: 13px 30px;text-decoration: none;font-size: 25px;margin: 0px auto 35px;cursor: pointer;border-radius: 20px;}n";
  ptr +=".button-on {background-color: #6FB98F;}n";
  ptr +=".button-on:active {background-color: #45BD79;}n";
  ptr +=".button-off {background-color: #F18D9E;}n";
  ptr +=".button-off:active {background-color: #EE5972;}n";
  ptr +=".time {margin-right: 5px;margin-left: 5px;padding: 5px 10px;border: none;border-radius: 4px;background-color: #4d4d4d;color: #cecece;}n";
  ptr +=".submit {margin-left: 5px;padding: 6px 10px;border: none;border-radius: 4px;background-color: #4d4d4d;color: #cecece;text-decoration: none}n";
  ptr +=".form {margin: 0px auto 20px;}n";
  ptr +="p {font-size: 14px;color: #fff;margin-bottom: 10px;}n";
  ptr +=" </ style > n";
  ptr +=" </ head > n";
  ptr +=" < body > n";
  ptr +=" < h1 > ESP8266 Lichtwecker </ h1 > n";
  ptr +=" < p > Current Time: ";
  ptr +=(int)actualhh;
  ptr +=":";
  if (actualmm < 10 ) // Display leading zeros
  {ptr +=" 0 " ;}
  ptr + = (int)actualmm;
  ptr + =" </p>n " ;
  if (alarmhh < 61) // Show alarm time when it is set to value within range of actual time
  {ptr +=" <p>Alarm Time: " ;
  ptr + = (int)alarmhh;
  ptr + =" : " ;}
  if(alarmmm < 10) // Display leading zeros
  {ptr +=" 0 " ;}
  if(alarmmm < 61) // Show alarm time when it is set to value within range of actual time
  {ptr += (int)alarmmm;
  ptr + =" </p>n " ;}

  // HTML dropdown form to set the alarm time
  ptr +=" <form class='form' method ='GET' action='/alarmtime'> " ;
  ptr + =" <select class='time' name = hour> " ;
  ptr + =" <option value='0'>0</option> " ;
  ptr + =" <option value='1'>1</option> " ;
  ptr + =" <option value='2'>2</option> " ;
  ptr + =" <option value='3'>3</option> " ;
  ptr + =" <option value='4'>4</option> " ;
  ptr + =" <option value='5'>5</option> " ;
  ptr + =" <option value='6'>6</option> " ;
  ptr + =" <option value='7'>7</option> " ;
  ptr + =" <option value='8'>8</option> " ;
  ptr + =" <option value='9'>9</option> " ;
  ptr + =" <option value='10'>10</option> " ;
  ptr + =" <option value='11'>11</option> " ;
  ptr + =" <option value='12'>12</option> " ;
  ptr + =" <option value='13'>13</option> " ;
  ptr + =" <option value='14'>14</option> " ;
  ptr + =" <option value='15'>15</option> " ;
  ptr + =" <option value='16'>16</option> " ;
  ptr + =" <option value='17'>17</option> " ;
  ptr + =" <option value='18'>18</option> " ;
  ptr + =" <option value='19'>19</option> " ;
  ptr + =" <option value='20'>20</option> " ;
  ptr + =" <option value='21'>21</option> " ;
  ptr + =" <option value='22'>22</option> " ;
  ptr + =" <option value='23'>23</option> " ;
  ptr + =" </select> " ;
  ptr + =" : " ;
  ptr + =" <select class='time' name= minute> " ;
  ptr + =" <option value='00'>00</option> " ;
  ptr + =" <option value='10'>10</option> " ;
  ptr + =" <option value='20'>20</option> " ;
  ptr + =" <option value='30'>30</option> " ;
  ptr + =" <option value='40'>40</option> " ;
  ptr + =" <option value='50'>50</option> " ;
  ptr + =" </select> " ;
  ptr + =" <input class='submit' type='submit' value='Set Alarm'> " ;
  ptr + =" </form>n " ; 

  // Display alarm reset button when alarm is set to value within range of actual time
  if(alarmhh < 61 && alarmmm < 61)
  {ptr +=" <a class='submit' href='/alarmreset'>Alarmreset</a>n " ;}

  // If function that will either show the "ON" or "OFF" button for LEDs
  if(lightstat)
  {ptr +=" <p>Light State: ON</p><a class='button button-off' href='/lightoff'>OFF</a>n " ;}
  else
  {ptr + =" <p>Light State: OFF</p><a class='button button-on' href='/lighton'>ON</a>n " ;}

  if(nightlightstat)
  {ptr + =" <p>Night Light State: ON</p><a class='button button-off' href='/nightlightoff'>OFF</a>n " ;}
  else
  {ptr + =" <p>Night Light State: OFF</p><a class='button button-on' href='/nightlighton'>ON</a>n " ;}

  if(bluestat)
  {ptr + =" <p>Blue State: ON</p><a class='button button-off' href='/blueoff'>OFF</a>n " ;}
  else
  {ptr + =" <p>Blue State: OFF</p><a class='button button-on' href='/blueon'>ON</a>n " ;}

  if(redstat)
  {ptr + =" <p>Red State: ON</p><a class='button button-off' href='/redoff'>OFF</a>n " ;}
  else
  {ptr + =" <p>Red State: OFF</p><a class='button button-on' href='/redon'>ON</a>n " ;}

  if(greenstat)
  {ptr + =" <p>Green State: ON</p><a class='button button-off' href='/greenoff'>OFF</a>n " ;}
  else
  {ptr + =" <p>Green State: OFF</p><a class='button button-on' href='/greenon'>ON</a>n " ;}

  ptr + =" </body>n " ;
  ptr + =" </html>n " ;
  return ptr;
}