{"id":2588,"date":"2024-11-07T11:15:14","date_gmt":"2024-11-07T10:15:14","guid":{"rendered":"https:\/\/lesmrdtrucs.mataf35400.fr\/?page_id=2588"},"modified":"2024-11-07T13:22:48","modified_gmt":"2024-11-07T12:22:48","slug":"esp-mini-d1-spi","status":"publish","type":"page","link":"https:\/\/lesmrdtrucs.mataf35400.fr\/index.php\/esp-mini-d1-spi\/","title":{"rendered":"ESP MINI D1 &#8211; SPI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2588\" class=\"elementor elementor-2588\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b1a952d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b1a952d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ab876dc\" data-id=\"ab876dc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-008e682 elementor-widget elementor-widget-heading\" data-id=\"008e682\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><div id=\"outer-wrap\" class=\"site clr\"><div id=\"wrap\" class=\"clr\"><main id=\"main\" class=\"site-main clr\" role=\"main\"><div id=\"content-wrap\" class=\"container clr\"><div id=\"primary\" class=\"content-area clr\"><div id=\"content\" class=\"site-content clr\"><article class=\"single-page-article clr\"><div class=\"entry clr\"><div data-elementor-type=\"wp-page\" data-elementor-id=\"2498\" class=\"elementor elementor-2498 elementor-edit-area elementor-edit-mode elementor-edit-area-active\" data-elementor-title=\"Page\"><div class=\"elementor-section-wrap ui-sortable\"><section data-id=\"511a1fa\" data-element_type=\"section\" data-model-cid=\"c30\" class=\"elementor-element elementor-element-edit-mode elementor-element-511a1fa elementor-section elementor-top-section elementor-section-boxed elementor-section-height-default\"><div class=\"elementor-container elementor-column-gap-default ui-sortable\"><div data-id=\"067922e\" data-element_type=\"column\" data-model-cid=\"c31\" class=\"elementor-element elementor-element-edit-mode elementor-element-067922e elementor-element--toggle-edit-tools elementor-column elementor-top-column ui-resizable\" data-col=\"100\"><div class=\"elementor-widget-wrap elementor-element-populated ui-sortable\"><div data-id=\"fae2ff8\" data-element_type=\"widget\" data-model-cid=\"c32\" class=\"elementor-element elementor-element-edit-mode elementor-element-fae2ff8 elementor-element--toggle-edit-tools elementor-widget elementor-widget-heading ui-resizable elementor-element-editable\" data-widget_type=\"heading.default\"><div class=\"elementor-widget-container\"><h2 class=\"elementor-heading-title elementor-size-default elementor-inline-editing pen\" data-elementor-setting-key=\"title\" data-pen-placeholder=\"\u00c9crivez ici...\"><\/h2><h2 class=\"elementor-heading-title elementor-size-default elementor-inline-editing pen\" data-elementor-setting-key=\"title\" data-pen-placeholder=\"\u00c9crivez ici...\">Exemple d'un afficheur SPI et d'un thermom\u00e8tre<\/h2><\/div><\/div><\/div><\/div><\/div><\/section><\/div><\/div><\/div><\/article><\/div><\/div><\/div><\/main><\/div><\/div><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-905df93 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"905df93\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b97079\" data-id=\"2b97079\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-97e0cb0 elementor-widget elementor-widget-heading\" data-id=\"97e0cb0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">C\u00e2blage pour l'utilisation<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1ab2a72 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1ab2a72\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-be32efa\" data-id=\"be32efa\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-34fc252 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"34fc252\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6755c80\" data-id=\"6755c80\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8a5aebe elementor-widget elementor-widget-image\" data-id=\"8a5aebe\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/lesmrdtrucs.mataf35400.fr\/wp-content\/uploads\/2024\/11\/Image3-1024x642.png\" class=\"attachment-large size-large wp-image-2568\" alt=\"\" srcset=\"https:\/\/lesmrdtrucs.mataf35400.fr\/wp-content\/uploads\/2024\/11\/Image3-1024x642.png 1024w, https:\/\/lesmrdtrucs.mataf35400.fr\/wp-content\/uploads\/2024\/11\/Image3-300x188.png 300w, https:\/\/lesmrdtrucs.mataf35400.fr\/wp-content\/uploads\/2024\/11\/Image3-768x482.png 768w, https:\/\/lesmrdtrucs.mataf35400.fr\/wp-content\/uploads\/2024\/11\/Image3.png 1228w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3e03555\" data-id=\"3e03555\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c609722 elementor-widget elementor-widget-image\" data-id=\"c609722\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"555\" height=\"417\" src=\"https:\/\/lesmrdtrucs.mataf35400.fr\/wp-content\/uploads\/2024\/11\/Image5-2.png\" class=\"attachment-large size-large wp-image-2600\" alt=\"\" srcset=\"https:\/\/lesmrdtrucs.mataf35400.fr\/wp-content\/uploads\/2024\/11\/Image5-2.png 555w, https:\/\/lesmrdtrucs.mataf35400.fr\/wp-content\/uploads\/2024\/11\/Image5-2-300x225.png 300w\" sizes=\"(max-width: 555px) 100vw, 555px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3519384 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3519384\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-72a66a2\" data-id=\"72a66a2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1b71f92 elementor-widget elementor-widget-heading\" data-id=\"1b71f92\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Installation dans Home Assistant<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ede7e79 elementor-widget elementor-widget-text-editor\" data-id=\"ede7e79\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Tout d&rsquo;abord, copier la police \u00ab\u00a0<strong>BebasNeue-Regular.ttf<\/strong>\u00a0\u00bb dans le r\u00e9pertoire \u00ab\u00a0CONFIG\/esphome\/\u00a0\u00bb.<\/li><li>Ouvrir l\u2019onglet <b>ESPHome<\/b> dans Home Assistant.<\/li><li>Dans le cadre de l&rsquo;entit\u00e9 choisie, cliquer sur \u00ab\u00a0<strong>EDIT<\/strong>\u00ab\u00a0.<\/li><li>Ajouter le programme suivant \u00e0 la fin du \u00ab\u00a0de base\u00a0\u00bb (apr\u00e8s \u00ab\u00a0<strong>captive_portal:<\/strong>\u00ab\u00a0).<\/li><li>Cliquer sur \u00ab\u00a0SAVE\u00a0\u00bb, puis sur \u00ab\u00a0INSTALL\u00a0\u00bb.<\/li><li>Dans la fen\u00eatre qui s&rsquo;ouvre, choisir \u00ab\u00a0Wirelessly\u00a0\u00bb.<\/li><li>Si tout va bien, cela doit fonctionner !!!<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34bc8a4 elementor-widget elementor-widget-heading\" data-id=\"34bc8a4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Le programme final apr\u00e8s ajout de la partie sp\u00e9cifique<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1153ca2 elementor-widget elementor-widget-text-editor\" data-id=\"1153ca2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div><span style=\"color: #333333;\">spi:<\/span><\/div>\n<div><span style=\"color: #333333;\">&nbsp; clk_pin: GPIO14<\/span><\/div>\n<div><span style=\"color: #333333;\">&nbsp; mosi_pin: GPIO13<\/span><\/div>\n<p><\/p>\n<p>font:<br>&nbsp; &#8211; file: \u00ab\u00a0BebasNeue-Regular.ttf\u00a0\u00bb<br>&nbsp;&nbsp;&nbsp; id: BebasNeue_20<br>&nbsp;&nbsp;&nbsp; size: 20<br>&nbsp; &#8211; file: \u00ab\u00a0BebasNeue-Regular.ttf\u00a0\u00bb<br>&nbsp;&nbsp;&nbsp; id: BebasNeue_25<br>&nbsp;&nbsp;&nbsp; size: 25<br>&nbsp; &#8211; file: \u00ab\u00a0BebasNeue-Regular.ttf\u00a0\u00bb<br>&nbsp;&nbsp;&nbsp; id: BebasNeue_30<br>&nbsp;&nbsp;&nbsp; size: 30<br>&nbsp; &#8211; file: \u00ab\u00a0BebasNeue-Regular.ttf\u00a0\u00bb<br>&nbsp;&nbsp;&nbsp; id: BebasNeue_45<br>&nbsp;&nbsp;&nbsp; size: 45<br>&nbsp; &#8211; file: \u00ab\u00a0gfonts:\/\/Roboto\u00a0\u00bb<br>&nbsp;&nbsp;&nbsp; id: roboto_15<br>&nbsp;&nbsp;&nbsp; size: 15<br>&nbsp;&nbsp;&nbsp; extras:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#8211; file: \u00ab\u00a0gfonts:\/\/Roboto\u00a0\u00bb<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; glyphs: [\u00e0,\u00e9,\u00e8,\u00e7,\u00f4,\u00ee,\u00f6,\u00ef,\u00f9,\u00b5,]<br>&nbsp; &#8211; file: \u00ab\u00a0gfonts:\/\/Roboto\u00a0\u00bb<br>&nbsp;&nbsp;&nbsp; id: roboto_20<br>&nbsp;&nbsp;&nbsp; size: 20<br>&nbsp; &#8211; file: \u00ab\u00a0gfonts:\/\/Roboto\u00a0\u00bb<br>&nbsp;&nbsp;&nbsp; id: roboto_25<br>&nbsp;&nbsp;&nbsp; size: 25<br>&nbsp; &#8211; file: \u00ab\u00a0gfonts:\/\/Roboto\u00a0\u00bb<br>&nbsp;&nbsp;&nbsp; id: roboto_30<br>&nbsp;&nbsp;&nbsp; size: 30<\/p>\n<p>sensor:<br>&nbsp; &#8211; platform: dht<br>&nbsp;&nbsp;&nbsp; pin: GPIO1<br>&nbsp;&nbsp;&nbsp; temperature:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; id: \u00ab\u00a0temp\u00a0\u00bb<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name: \u00ab\u00a0T\u00b0 Buffet\u00a0\u00bb<br>&nbsp;&nbsp;&nbsp; humidity:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; id: \u00ab\u00a0Humid\u00a0\u00bb<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name: \u00ab\u00a0H% Buffet\u00a0\u00bb<br>&nbsp;&nbsp;&nbsp; update_interval: 30s<\/p>\n<p>&nbsp; &#8211; platform: wifi_signal<br>&nbsp;&nbsp;&nbsp; name: Signal WiFi<br>&nbsp;&nbsp;&nbsp; update_interval: 300s<br>&nbsp;&nbsp;&nbsp; filters:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#8211; delta: 10%<\/p>\n<p>&nbsp; &#8211; platform: homeassistant<br>&nbsp;&nbsp;&nbsp; id: Dht<br>&nbsp;&nbsp;&nbsp; entity_id: sensor.esp_mini_d1_t_buffet_mini_d1<\/p>\n<p>&nbsp; &#8211; platform: homeassistant<br>&nbsp;&nbsp;&nbsp; id: _5A_T_Salon<br>&nbsp;&nbsp;&nbsp; entity_id: sensor.ha_5a_t_salon_temperature<\/p>\n<p>&nbsp; &#8211; platform: homeassistant<br>&nbsp;&nbsp;&nbsp; id: _5A_T_Palier<br>&nbsp;&nbsp;&nbsp; entity_id: sensor.ha_5a_t_palier_temperature<\/p>\n<p>&nbsp; &#8211; platform: homeassistant<br>&nbsp;&nbsp;&nbsp; id: Elevation<br>&nbsp;&nbsp;&nbsp; entity_id: sun.sun<br>&nbsp;&nbsp;&nbsp; attribute: elevation<\/p>\n<p>&nbsp; &#8211; platform: homeassistant<br>&nbsp;&nbsp;&nbsp; id: Azimuth<br>&nbsp;&nbsp;&nbsp; entity_id: sun.sun<br>&nbsp;&nbsp;&nbsp; attribute: azimuth<\/p>\n<p>time:<br>&nbsp; &#8211; platform: homeassistant<br>&nbsp;&nbsp;&nbsp; id: esptime<\/p>\n<p>text_sensor:<br>&nbsp; # Expose WiFi information as sensors<br>&nbsp; &#8211; platform: wifi_info<br>&nbsp;&nbsp;&nbsp; ip_address:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name: Adresse IP<br>&nbsp;&nbsp;&nbsp; mac_address:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name: Adresse MAC<\/p>\n<div><span style=\"color: #333333;\">display:<\/span><\/div>\n<div><span style=\"color: #333333;\">&nbsp; \u2013 platform: ssd1306_spi<\/span><\/div>\n<div><span style=\"color: #333333;\">&nbsp; &nbsp; model: \u00ab&nbsp;SSD1306 128\u00d764&nbsp;\u00bb<\/span><\/div>\n<div><span style=\"color: #333333;\">&nbsp; &nbsp; update_interval: 10s<\/span><\/div>\n<div><span style=\"color: #333333;\">&nbsp; &nbsp; cs_pin: GPIO15<\/span><\/div>\n<div><span style=\"color: #333333;\">&nbsp; &nbsp; dc_pin: GPIO4<\/span><\/div>\n<div><span style=\"color: #333333;\">&nbsp; &nbsp; reset_pin: GPIO5<\/span><br>&nbsp;&nbsp;&nbsp; contrast: 10%<br>&nbsp;&nbsp;&nbsp; #rotation: 270\u00b0<\/div>\n<p><\/p>\n<p>&nbsp;&nbsp;&nbsp; id: my_display<br>&nbsp;&nbsp;&nbsp; pages:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#8211; id: page1<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; lambda: |-<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; it.print(63, 7, id(roboto_15), TextAlign::CENTER, \u00ab\u00a0&#8211; Horo -\u00ab\u00a0);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; it.strftime(63, 31, id(BebasNeue_20), TextAlign::CENTER, \u00ab\u00a0%d\/%m\u00a0\u00bb, id(esptime).now());<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; it.strftime(63, 55, id(BebasNeue_30), TextAlign::CENTER, \u00ab\u00a0%H:%M\u00a0\u00bb, id(esptime).now());<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#8211; id: page2<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; lambda: |-<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; it.print(63, 7, id(roboto_15), TextAlign::CENTER, \u00ab\u00a0&#8211; Soleil -\u00ab\u00a0);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; it.printf(63, 31, id(BebasNeue_25), TextAlign::CENTER, \u00ab\u00a0%.0f\u00b0\u00a0\u00bb, id(Elevation).state);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; it.printf(63, 55, id(BebasNeue_25), TextAlign::CENTER, \u00ab\u00a0%.0f\u00b0\u00a0\u00bb, id(Azimuth).state);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#8211; id: page3<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; lambda: |-<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; it.print(63, 7, id(roboto_15), TextAlign::CENTER, \u00ab\u00a0&#8211; VdR -\u00ab\u00a0);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; it.print(0, 25, id(roboto_15), \u00ab\u00a0Buffet\u00a0\u00bb);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; it.print(0, 49, id(roboto_15), \u00ab\u00a0V\u00e9randa\u00a0\u00bb);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; it.printf(it.get_width(), 17, id(BebasNeue_25), TextAlign::TOP_RIGHT, \u00ab\u00a0%.1f\u00b0\u00a0\u00bb, id(temp).state);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; it.printf(it.get_width(), 41, id(BebasNeue_25), TextAlign::TOP_RIGHT, \u00ab\u00a0%.1f\u00b0\u00a0\u00bb, id(Dht).state);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#8211; id: page4<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; lambda: |-<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; it.print(63, 7, id(roboto_15), TextAlign::CENTER, \u00ab\u00a0&#8211; 5A -\u00ab\u00a0);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; it.print(0, 25, id(roboto_15), \u00ab\u00a0Buffet\u00a0\u00bb);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; it.print(0, 49, id(roboto_15), \u00ab\u00a0Palier\u00a0\u00bb);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; it.printf(it.get_width(), 17, id(BebasNeue_25), TextAlign::TOP_RIGHT, \u00ab\u00a0%.1f\u00b0\u00a0\u00bb, id(_5A_T_Salon).state);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; it.printf(it.get_width(), 41, id(BebasNeue_25), TextAlign::TOP_RIGHT, \u00ab\u00a0%.1f\u00b0\u00a0\u00bb, id(_5A_T_Palier).state);<\/p>\n<p># For example cycle through pages on a timer<br>interval:<br>&nbsp; &#8211; interval: 3s<br>&nbsp;&nbsp;&nbsp; then:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#8211; display.page.show_next: my_display<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#8211; component.update: my_display<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Exemple d&rsquo;un afficheur SPI et d&rsquo;un thermom\u00e8tre C\u00e2blage pour l&rsquo;utilisation Installation dans Home Assistant Tout d&rsquo;abord, copier la police \u00ab\u00a0BebasNeue-Regular.ttf\u00a0\u00bb dans le r\u00e9pertoire \u00ab\u00a0CONFIG\/esphome\/\u00a0\u00bb. Ouvrir l\u2019onglet ESPHome dans Home Assistant. Dans le cadre de l&rsquo;entit\u00e9 choisie, cliquer sur \u00ab\u00a0EDIT\u00ab\u00a0. Ajouter le programme suivant \u00e0 la fin du \u00ab\u00a0de base\u00a0\u00bb (apr\u00e8s \u00ab\u00a0captive_portal:\u00ab\u00a0). Cliquer sur \u00ab\u00a0SAVE\u00a0\u00bb, puis [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-2588","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/lesmrdtrucs.mataf35400.fr\/index.php\/wp-json\/wp\/v2\/pages\/2588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lesmrdtrucs.mataf35400.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lesmrdtrucs.mataf35400.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lesmrdtrucs.mataf35400.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lesmrdtrucs.mataf35400.fr\/index.php\/wp-json\/wp\/v2\/comments?post=2588"}],"version-history":[{"count":10,"href":"https:\/\/lesmrdtrucs.mataf35400.fr\/index.php\/wp-json\/wp\/v2\/pages\/2588\/revisions"}],"predecessor-version":[{"id":2607,"href":"https:\/\/lesmrdtrucs.mataf35400.fr\/index.php\/wp-json\/wp\/v2\/pages\/2588\/revisions\/2607"}],"wp:attachment":[{"href":"https:\/\/lesmrdtrucs.mataf35400.fr\/index.php\/wp-json\/wp\/v2\/media?parent=2588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}