EducationBot в 08:39, 8 июля 2023

2023-07-08T08:39:13Z

← Предыдущая версия		Версия от 12:39, 8 июля 2023
Строка 137:		Строка 137:

	<references />		<references />
			{{Навигационная таблица/Портал/Arduino}}
	[[Категория:Пример]]		[[Категория:Пример]]
	[[Категория:Примеры]]		[[Категория:Примеры]]
	[[Категория:Пример программирования Arduino]]		[[Категория:Пример программирования Arduino]]
	[[Категория:Примеры программирования Arduino]]		[[Категория:Примеры программирования Arduino]]

EducationBot в 08:34, 20 мая 2023

2023-05-20T08:34:56Z

← Предыдущая версия		Версия от 12:34, 20 мая 2023
Строка 9:		Строка 9:
	==Код==		==Код==

	<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS~~" enclose="div~~">		<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS\|GESHI_FANCY_LINE_NUMBERS">
	/* Показ в браузере иконки со светодиодом (Webduino) */		/* Показ в браузере иконки со светодиодом (Webduino) */
	/* Для Webduino версии 1.2 /*		/* Для Webduino версии 1.2 /*

Myagkij: Замена текста — «» на «»

2016-12-13T21:50:20Z

Замена текста — «<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS">» на «<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">»

Новая страница

{{Arduino панель перехода}}
{{Перевод от Сubewriter}}
{{Myagkij-редактор}}

=Показ в браузере иконки со светодиодом<ref>[https://github.com/sirleech/Webduino/blob/master/examples/Web_Image/Web_Image.ino github.com - Web_Image.ino]</ref>=

Этот пример демонстрирует, как при помощи [[Arduino:Библиотеки/Webduino|библиотеки Webduino]] отобразить в окне браузера иконку светодиода.

==Код==

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
/* Показ в браузере иконки со светодиодом (Webduino) */
/* Для Webduino версии 1.2 /*

/* ВНИМАНИЕ. Сервер Webduino одновременно может обрабатывать только
* одно соединение. Таким образом, если браузер запросит иконку
* светодиода до того, как завершится загрузка страницы, то эта иконка
* может быть отображена неправильно.
*
* Эту проблему можно минимизировать при помощи модификации библиотеки
* Ethernet, чтобы она лучше выполняла буфферизацию пакетов. В данный
* момент на Arduino 15 каждый символ отправляется в собственном
* TCP/IP пакете. Это очень неэффективно, потому что из-за этого на
* отправку веб-страницы уходит гораздо больше времени, чем нужно.
* Если исправить этот баг, веб-сервер будет отправлять свои последние
* данные и закрывать соединение как раз к тому времени, когда клиент
* прочитает HTML и, следовательно, как раз будет готов к обработке
* запроса на изображение.
*/

#include "SPI.h"
#include "Ethernet.h"
#include "WebServer.h"

// ПОСТАВЬТЕ ЗДЕСЬ СОБСТВЕННЫЕ ЗНАЧЕНИЯ:
static uint8_t mac[] = { 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED };
static uint8_t ip[] = { 192, 168, 1, 210 };

WebServer webserver("", 80);

/* Это страница по умолчанию, которая возвращает HTML, чтобы показать
* изображение. */
void defaultCmd(WebServer &server, WebServer::ConnectionType type, char *url_tail, bool tail_complete)
{
if (type == WebServer::POST)
{
// игнорируем данные запроса POST:
server.httpFail();
return;
}

/* при запросе GET или HEAD отправляем стандартное сообщение, что запрос был успешным. */
server.httpSuccess();

/* при запросе HEAD не показываем контент страницы */
if (type == WebServer::GET)
{
/* сохраняем HTML в программной памяти при помощи макроса P() */
P(message) =
"<html><head><title>Webduino Image Example</title>"
"<body>"
"<h2>LED Image</h2>"
"<img src='led.png' width=256 height=256>"
"</body></html>";

server.printP(message);
}
}

void imageCmd(WebServer &server, WebServer::ConnectionType type, char *url_tail, bool tail_complete)
{
/* Эти данные были извлечены из PNG-Файла, конвертированного в код
* на языке C при помощи приложения directfb-csource. */
P(ledData) = {
0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a, 0x00, 0x00, 0x00, 0x0d, 0x49, 0x48, 0x44, 0x52,
0x00, 0x00, 0x00, 0x10, 0x00, 0x00, 0x00, 0x10, 0x08, 0x02, 0x00, 0x00, 0x00, 0x90, 0x91, 0x68,
0x36, 0x00, 0x00, 0x00, 0x01, 0x73, 0x52, 0x47, 0x42, 0x00, 0xae, 0xce, 0x1c, 0xe9, 0x00, 0x00,
0x00, 0x04, 0x67, 0x41, 0x4d, 0x41, 0x00, 0x00, 0xb1, 0x8f, 0x0b, 0xfc, 0x61, 0x05, 0x00, 0x00,
0x00, 0x20, 0x63, 0x48, 0x52, 0x4d, 0x00, 0x00, 0x7a, 0x26, 0x00, 0x00, 0x80, 0x84, 0x00, 0x00,
0xfa, 0x00, 0x00, 0x00, 0x80, 0xe8, 0x00, 0x00, 0x75, 0x30, 0x00, 0x00, 0xea, 0x60, 0x00, 0x00,
0x3a, 0x98, 0x00, 0x00, 0x17, 0x70, 0x9c, 0xba, 0x51, 0x3c, 0x00, 0x00, 0x00, 0x18, 0x74, 0x45,
0x58, 0x74, 0x53, 0x6f, 0x66, 0x74, 0x77, 0x61, 0x72, 0x65, 0x00, 0x50, 0x61, 0x69, 0x6e, 0x74,
0x2e, 0x4e, 0x45, 0x54, 0x20, 0x76, 0x33, 0x2e, 0x33, 0x36, 0xa9, 0xe7, 0xe2, 0x25, 0x00, 0x00,
0x00, 0x57, 0x49, 0x44, 0x41, 0x54, 0x38, 0x4f, 0x95, 0x52, 0x5b, 0x0a, 0x00, 0x30, 0x08, 0x6a,
0xf7, 0x3f, 0xf4, 0x1e, 0x14, 0x4d, 0x6a, 0x30, 0x8d, 0x7d, 0x0d, 0x45, 0x2d, 0x87, 0xd9, 0x34,
0x71, 0x36, 0x41, 0x7a, 0x81, 0x76, 0x95, 0xc2, 0xec, 0x3f, 0xc7, 0x8e, 0x83, 0x72, 0x90, 0x43,
0x11, 0x10, 0xc4, 0x12, 0x50, 0xb6, 0xc7, 0xab, 0x96, 0xd0, 0xdb, 0x5b, 0x41, 0x5c, 0x6a, 0x0b,
0xfd, 0x57, 0x28, 0x5b, 0xc2, 0xfd, 0xb2, 0xa1, 0x33, 0x28, 0x45, 0xd0, 0xee, 0x20, 0x5c, 0x9a,
0xaf, 0x93, 0xd6, 0xbc, 0xdb, 0x25, 0x56, 0x61, 0x01, 0x17, 0x12, 0xae, 0x53, 0x3e, 0x66, 0x32,
0xba, 0x00, 0x00, 0x00, 0x00, 0x49, 0x45, 0x4e, 0x44, 0xae, 0x42, 0x60, 0x82
};

if (type == WebServer::POST)
{
// игнорируем данные запроса POST:
server.httpFail();
return;
}

/* при запросе GET или HEAD отправляем стандартное сообщение, что
* запрос был успешным, но идентифицируем данные как PNG-файл. */
server.httpSuccess("image/png");

/* при запросе HEAD не показываем контент страницы */
if (type == WebServer::GET)
{
server.writeP(ledData, sizeof(ledData));
}
}

void setup()
{
// инициируем библиотеку Ehternet, чтобы начать общаться с платой Wiznet:
Ethernet.begin(mac, ip);

/* регистрируем команду по умолчанию (активируется при запросе http://x.x.x.x/). */
webserver.setDefaultCommand(&defaultCmd);

/* регистрируем команду для вывода изображения */
webserver.addCommand("led.png", &imageCmd);

/* приказываем серверу ждать подключений */
webserver.begin();
}

void loop()
{
// вечно обрабатываем входящие соединения (одновременно можно
// обрабатывать лишь одно соединение):
webserver.processConnection();
}
</syntaxhighlight>

=См.также=

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

<references />
[[Категория:Пример]]
[[Категория:Примеры]]
[[Категория:Пример программирования Arduino]]
[[Категория:Примеры программирования Arduino]]

Arduino:Примеры/Web Image - История изменений

EducationBot в 08:39, 8 июля 2023

EducationBot в 08:34, 20 мая 2023

Myagkij: Замена текста — «» на «»