Cat hungry.png
Здравствуйте! Собираем деньги на перевод материалов по электронике(https://www.allaboutcircuits.com/education/). Реквизиты указаны здесь.

Arduino:Примеры/Web Image

Материал из Онлайн справочника
Перейти к: навигация, поиск

Перевод: Максим Кузьмин (Cubewriter)
Перевел 2686 статей для сайта.

Контакты:

Проверка/Оформление/Редактирование: Мякишев Е.А.


Показ в браузере иконки со светодиодом[1]

Этот пример демонстрирует, как при помощи библиотеки Webduino отобразить в окне браузера иконку светодиода.

Код

  1. /* Показ в браузере иконки со светодиодом (Webduino)  */
  2. /* Для Webduino версии 1.2 /*
  3.  
  4. /* ВНИМАНИЕ. Сервер Webduino одновременно может обрабатывать только
  5.  * одно соединение. Таким образом, если браузер запросит иконку
  6.  * светодиода до того, как завершится загрузка страницы, то эта иконка
  7.  * может быть отображена неправильно.
  8.  *
  9.  * Эту проблему можно минимизировать при помощи модификации библиотеки
  10.  * Ethernet, чтобы она лучше выполняла буфферизацию пакетов. В данный
  11.  * момент на Arduino 15 каждый символ отправляется в собственном
  12.  * TCP/IP пакете. Это очень неэффективно, потому что из-за этого на
  13.  * отправку веб-страницы уходит гораздо больше времени, чем нужно.
  14.  * Если исправить этот баг, веб-сервер будет отправлять свои последние
  15.  * данные и закрывать соединение как раз к тому времени, когда клиент
  16.  * прочитает HTML и, следовательно, как раз будет готов к обработке
  17.  * запроса на изображение.
  18.  */
  19.  
  20. #include "SPI.h"
  21. #include "Ethernet.h"
  22. #include "WebServer.h"
  23.  
  24. // ПОСТАВЬТЕ ЗДЕСЬ СОБСТВЕННЫЕ ЗНАЧЕНИЯ:
  25. static uint8_t mac[] = { 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED };
  26. static uint8_t ip[] = { 192, 168, 1, 210 };
  27.  
  28. WebServer webserver("", 80);
  29.  
  30. /* Это страница по умолчанию, которая возвращает HTML, чтобы показать
  31.  * изображение. */
  32. void defaultCmd(WebServer &server, WebServer::ConnectionType type, char *url_tail, bool tail_complete)
  33. {
  34.   if (type == WebServer::POST)
  35.   {
  36.     // игнорируем данные запроса POST:
  37.     server.httpFail();
  38.     return;
  39.   }
  40.  
  41.   /* при запросе GET или HEAD отправляем стандартное сообщение, что запрос был успешным. */
  42.   server.httpSuccess();
  43.  
  44.   /* при запросе HEAD не показываем контент страницы */
  45.   if (type == WebServer::GET)
  46.   {
  47.     /* сохраняем HTML в программной памяти при помощи макроса P() */
  48.     P(message) =
  49.       "<html><head><title>Webduino Image Example</title>"
  50.       "<body>"
  51.       "<h2>LED Image</h2>"
  52.       "<img src='led.png' width=256 height=256>"
  53.       "</body></html>";
  54.  
  55.     server.printP(message);
  56.   }
  57. }
  58.  
  59. void imageCmd(WebServer &server, WebServer::ConnectionType type, char *url_tail, bool tail_complete)
  60. {
  61.   /* Эти данные были извлечены из PNG-Файла, конвертированного в код
  62.    * на языке C при помощи приложения directfb-csource. */
  63.   P(ledData) = {
  64.     0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a, 0x00, 0x00, 0x00, 0x0d, 0x49, 0x48, 0x44, 0x52,
  65.     0x00, 0x00, 0x00, 0x10, 0x00, 0x00, 0x00, 0x10, 0x08, 0x02, 0x00, 0x00, 0x00, 0x90, 0x91, 0x68,
  66.     0x36, 0x00, 0x00, 0x00, 0x01, 0x73, 0x52, 0x47, 0x42, 0x00, 0xae, 0xce, 0x1c, 0xe9, 0x00, 0x00,
  67.     0x00, 0x04, 0x67, 0x41, 0x4d, 0x41, 0x00, 0x00, 0xb1, 0x8f, 0x0b, 0xfc, 0x61, 0x05, 0x00, 0x00,
  68.     0x00, 0x20, 0x63, 0x48, 0x52, 0x4d, 0x00, 0x00, 0x7a, 0x26, 0x00, 0x00, 0x80, 0x84, 0x00, 0x00,
  69.     0xfa, 0x00, 0x00, 0x00, 0x80, 0xe8, 0x00, 0x00, 0x75, 0x30, 0x00, 0x00, 0xea, 0x60, 0x00, 0x00,
  70.     0x3a, 0x98, 0x00, 0x00, 0x17, 0x70, 0x9c, 0xba, 0x51, 0x3c, 0x00, 0x00, 0x00, 0x18, 0x74, 0x45,
  71.     0x58, 0x74, 0x53, 0x6f, 0x66, 0x74, 0x77, 0x61, 0x72, 0x65, 0x00, 0x50, 0x61, 0x69, 0x6e, 0x74,
  72.     0x2e, 0x4e, 0x45, 0x54, 0x20, 0x76, 0x33, 0x2e, 0x33, 0x36, 0xa9, 0xe7, 0xe2, 0x25, 0x00, 0x00,
  73.     0x00, 0x57, 0x49, 0x44, 0x41, 0x54, 0x38, 0x4f, 0x95, 0x52, 0x5b, 0x0a, 0x00, 0x30, 0x08, 0x6a,
  74.     0xf7, 0x3f, 0xf4, 0x1e, 0x14, 0x4d, 0x6a, 0x30, 0x8d, 0x7d, 0x0d, 0x45, 0x2d, 0x87, 0xd9, 0x34,
  75.     0x71, 0x36, 0x41, 0x7a, 0x81, 0x76, 0x95, 0xc2, 0xec, 0x3f, 0xc7, 0x8e, 0x83, 0x72, 0x90, 0x43,
  76.     0x11, 0x10, 0xc4, 0x12, 0x50, 0xb6, 0xc7, 0xab, 0x96, 0xd0, 0xdb, 0x5b, 0x41, 0x5c, 0x6a, 0x0b,
  77.     0xfd, 0x57, 0x28, 0x5b, 0xc2, 0xfd, 0xb2, 0xa1, 0x33, 0x28, 0x45, 0xd0, 0xee, 0x20, 0x5c, 0x9a,
  78.     0xaf, 0x93, 0xd6, 0xbc, 0xdb, 0x25, 0x56, 0x61, 0x01, 0x17, 0x12, 0xae, 0x53, 0x3e, 0x66, 0x32,
  79.     0xba, 0x00, 0x00, 0x00, 0x00, 0x49, 0x45, 0x4e, 0x44, 0xae, 0x42, 0x60, 0x82
  80.   };
  81.  
  82.   if (type == WebServer::POST)
  83.   {
  84.     // игнорируем данные запроса POST:
  85.     server.httpFail();
  86.     return;
  87.   }
  88.  
  89.   /* при запросе GET или HEAD отправляем стандартное сообщение, что
  90.    * запрос был успешным, но идентифицируем данные как PNG-файл. */
  91.   server.httpSuccess("image/png");
  92.  
  93.   /* при запросе HEAD не показываем контент страницы */
  94.   if (type == WebServer::GET)
  95.   {
  96.     server.writeP(ledData, sizeof(ledData));
  97.   }
  98. }
  99.  
  100. void setup()
  101. {
  102.   // инициируем библиотеку Ehternet, чтобы начать общаться с платой Wiznet:
  103.   Ethernet.begin(mac, ip);
  104.  
  105.   /* регистрируем команду по умолчанию (активируется при запросе http://x.x.x.x/). */  
  106.   webserver.setDefaultCommand(&defaultCmd);
  107.  
  108.   /* регистрируем команду для вывода изображения */
  109.   webserver.addCommand("led.png", &imageCmd);
  110.  
  111.   /* приказываем серверу ждать подключений */
  112.   webserver.begin();
  113. }
  114.  
  115. void loop()
  116. {
  117.   // вечно обрабатываем входящие соединения (одновременно можно
  118.   // обрабатывать лишь одно соединение):  
  119.   webserver.processConnection();
  120. }

См.также

Внешние ссылки

  1. github.com - Web_Image.ino