-
Notifications
You must be signed in to change notification settings - Fork 78
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
7 changed files
with
2,466 additions
and
0 deletions.
There are no files selected for viewing
546 changes: 546 additions & 0 deletions
546
examples/Inkplate10/Projects/Inkplate10_Youtube_Subscriber_Counter/Fonts/Inter20pt7b.h
Large diffs are not rendered by default.
Oops, something went wrong.
1,107 changes: 1,107 additions & 0 deletions
1,107
examples/Inkplate10/Projects/Inkplate10_Youtube_Subscriber_Counter/Fonts/Inter30pt7b.h
Large diffs are not rendered by default.
Oops, something went wrong.
199 changes: 199 additions & 0 deletions
199
examples/Inkplate10/Projects/Inkplate10_Youtube_Subscriber_Counter/Fonts/Roboto_Light_120.h
Large diffs are not rendered by default.
Oops, something went wrong.
189 changes: 189 additions & 0 deletions
189
.../Projects/Inkplate10_Youtube_Subscriber_Counter/Inkplate10_Youtube_Subscriber_Counter.ino
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,189 @@ | ||
/* | ||
Inkplate10_Youtube_Subscriber_Counter example for Soldered Inkplate 10 | ||
For this example you will need only USB cable and Inkplate 10. | ||
Select "e-radionica Inkplate10" or "Soldered Inkplate10" from Tools -> Board menu. | ||
Don't have "e-radionica Inkplate10" or "Soldered Inkplate10" option? Follow our tutorial and add it: | ||
https://soldered.com/learn/add-inkplate-6-board-definition-to-arduino-ide/ | ||
This example show how to use Google API to show info about some youtube chhannel. | ||
You need to register on https://developers.google.com/ and get API key of any kind so, you | ||
can use your API key in API call. That key you should copy in variable api_key. | ||
Second thing you need to get ID of any youtube channel and copy it in channel_id variable. | ||
You can get ID by going on any youtube channel profile and copy part of URL link after | ||
https://www.youtube.com/channel/ (so just some random text after last backslash). | ||
IMPORTANT: | ||
Make sure to change wifi credentials below | ||
Also have ArduinoJSON installed in your Arduino libraries, download here: https://arduinojson.org/ | ||
Want to learn more about Inkplate? Visit www.inkplate.io | ||
Looking to get support? Write on our forums: https://forum.soldered.com/ | ||
16 Aug 2023 by Soldered | ||
*/ | ||
|
||
// Next 3 lines are a precaution, you can ignore those, and the example would also work without them | ||
#if !defined(ARDUINO_INKPLATE10) && !defined(ARDUINO_INKPLATE10V2) | ||
#error "Wrong board selection for this example, please select e-radionica Inkplate10 or Soldered Inkplate10 in the boards menu." | ||
#endif | ||
|
||
// Include Inkplate library to the sketch | ||
#include "Inkplate.h" | ||
|
||
// Include font used | ||
#include "Fonts/Inter30pt7b.h" | ||
#include "Fonts/Inter20pt7b.h" | ||
#include "Fonts/Roboto_Light_120.h" | ||
|
||
// Our networking functions, declared in Network.cpp | ||
#include "Network.h" | ||
|
||
// Include header files | ||
#include "youtube_icon.h" | ||
|
||
// Delay between API calls in miliseconds (10 minutes) | ||
#define DELAY_MS 10 * 60 * 1000 | ||
|
||
// Create object with all networking functions | ||
Network network; | ||
|
||
// Create display object in 3-bit mode | ||
Inkplate display(INKPLATE_3BIT); | ||
|
||
// Write your SSID and password | ||
char ssid[] = ""; | ||
char pass[] = ""; | ||
|
||
char channel_id[] = ""; // To get the channel ID of the public channel, go to the wanted Youtube | ||
// channel in Google Chrome, right click and 'view page source', then | ||
// CTRL+F search for "externalId". | ||
|
||
char api_key[] = ""; // API key, you can get one on https://console.developers.google.com/ | ||
// First create a project (name it whatever you like), then click on | ||
// "Enable APIs and Services" (it's at the top of the screen, it has a | ||
// plus sign). Next select "YouTube Data API v3" in Enabled APIs and | ||
// Serivces. Go back at the homepage, click on "Create Credentials" and | ||
// click "API Key". After the key has been created, edit API Key to | ||
// restrict it only on use for Youtube API. YouTube Data API v3 in | ||
// Credentials submenu. | ||
|
||
// Used to simplify UI design | ||
struct textElement | ||
{ | ||
int x; | ||
int y; | ||
const GFXfont *font; | ||
char *text; | ||
char align; | ||
uint8_t text_color; | ||
}; | ||
|
||
// Buffers for printing channel data | ||
char buf_subs[15]; | ||
char buf_views[15]; | ||
char buf_videos[15]; | ||
|
||
// Struct for storing channel data, defined in Network.h | ||
channelInfo channel; | ||
|
||
// Varaible for remembering how many times we have woken up (to only show the splash screen once) | ||
RTC_DATA_ATTR int bootCount = 0; | ||
|
||
// Our UI elements | ||
textElement elements[] = { | ||
{20, 132, &Roboto_Light_120, channel.name, 0, 3}, | ||
{19, 130, &Roboto_Light_120, channel.name, 0, BLACK}, | ||
{270, 355, &Roboto_Light_120, (char *)NULL, 0, BLACK}, | ||
{260, 335, &Inter20pt7b, "Subscribers:", 1, BLACK}, | ||
{270, 515, &Roboto_Light_120, (char *)NULL, 0, BLACK}, | ||
{260, 495, &Inter20pt7b, "Views:", 1, BLACK}, | ||
{270, 675, &Roboto_Light_120, (char *)NULL, 0, BLACK}, | ||
{260, 655, &Inter20pt7b, "Videos:", 1, BLACK}, | ||
}; | ||
|
||
void setup() | ||
{ | ||
// Begin serial communitcation (send some useful information; WiFi status, HTTP status, etc) | ||
Serial.begin(115200); | ||
|
||
// Initial display settings | ||
display.begin(); | ||
display.setTextWrap(false); | ||
display.setTextColor(BLACK); | ||
|
||
// Show splash screen if it's the first boot | ||
if (bootCount == 0) | ||
{ | ||
// Welcome screen | ||
display.drawImage(youtube_icon, 326, 321, 549, 123); // Draw the YouTube logo | ||
display.setCursor(357, 475); // Set cursor, custom font uses different method for setting cursor | ||
display.setTextSize(3); | ||
display.print("Youtube subscribers tracker!"); | ||
display.display(); | ||
display.clearDisplay(); | ||
bootCount++; | ||
delay(1000); | ||
} | ||
|
||
// Our begin function | ||
network.begin(ssid, pass); | ||
|
||
while (!network.getData(&channel, channel_id, api_key, &display)) | ||
{ | ||
Serial.println("Retrying retriving data!"); | ||
delay(1000); | ||
} | ||
|
||
// These functions convert a long (ultoa) or integer(itoa) into a number in string format. | ||
elements[2].text = ultoa(channel.subscribers, buf_subs, 10); | ||
elements[4].text = ultoa(channel.total_views, buf_views, 10); | ||
elements[6].text = itoa(channel.video_count, buf_videos, 10); | ||
|
||
// Our main drawing function | ||
drawAll(); | ||
// Refresh | ||
display.display(); | ||
|
||
// Go to sleep before checking again | ||
// rtc_gpio_isolate(GPIO_NUM_12); // Isolate/disable GPIO12 on ESP32 (only to reduce power consumption in sleep) | ||
esp_sleep_enable_timer_wakeup(1000ll * DELAY_MS); // Activate wake-up timer | ||
|
||
esp_deep_sleep_start(); // Put ESP32 into deep sleep. Program stops here | ||
} | ||
|
||
void loop() | ||
{ | ||
// Never here! If you are using deep sleep, the whole program should be in setup() because the board restarts each | ||
// time. loop() must be empty! | ||
} | ||
|
||
// Our main drawing function | ||
void drawAll() | ||
{ | ||
// Draw our UI elements | ||
for (int i = 0; i < sizeof(elements) / sizeof(elements[0]); ++i) | ||
{ | ||
// Text settings | ||
display.setTextColor(BLACK); | ||
// Use custom font. You can find more about that here | ||
// https://learn.adafruit.com/adafruit-gfx-graphics-library/using-fonts | ||
display.setFont(elements[i].font); | ||
display.setTextSize(1); | ||
|
||
// 0 is aligned by left bottom corner, 1 by right | ||
if (elements[i].align == 0) | ||
display.setCursor((int)(elements[i].x * 0.96), (int)(elements[i].y)); | ||
else if (elements[i].align == 1) | ||
{ | ||
int16_t x, y; | ||
uint16_t w, h; | ||
|
||
// Get how much the textx offsets pointer and draw it that much more left | ||
display.getTextBounds(elements[i].text, 0, 0, &x, &y, &w, &h); | ||
|
||
display.setCursor((int)(elements[i].x * 0.96) - w, (int)(elements[i].y)); | ||
} | ||
|
||
// Print out text to above set cursor location | ||
display.print(elements[i].text); | ||
} | ||
} |
Oops, something went wrong.