{"id":1798,"date":"2021-03-07T17:50:56","date_gmt":"2021-03-07T16:50:56","guid":{"rendered":"http:\/\/anthony.lepors.fr\/raspi-thermo-cam\/?page_id=1798"},"modified":"2021-03-07T18:02:34","modified_gmt":"2021-03-07T17:02:34","slug":"interface-web-leptonic","status":"publish","type":"page","link":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/interface-web-leptonic\/","title":{"rendered":"Interface Web : Leptonic"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; sticky_enabled=\u00a0\u00bb0&Prime;]<\/p>\n<h1>Cr\u00e9ation d&rsquo;un serveur Web avec interface vid\u00e9o pour exploiter le FLIR Lepton 3.5<\/h1>\n<p>Dans l&rsquo;optique de fusionner le flux thermique avec le flux optique pour disposer d&rsquo;une cam\u00e9ra thermique avec une meilleure qualit\u00e9, nous allons mettre en place une interface Web pour retransmettre la vid\u00e9o du FLIR Lepton 3.5. Pour cela, nous allons installer Leptonic gr\u00e2ce \u00e0 la source suivante : \u00ab\u00a0<a href=\"https:\/\/github.com\/themainframe\/leptonic\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/github.com\/themainframe\/leptonic<\/a>\u00a0<span class=\"aCOpRe\"><span>\u00bb.<\/span><\/span><\/p>\n<h2><span class=\"aCOpRe\"><span>Branchement du FLIR Lepton 3.5 au Raspberry Pi 400 en GPIO<\/span><\/span><\/h2>\n<p><span class=\"aCOpRe\"><span>La mise en place du serveur web va reposer sur les bus de donn\u00e9es SPI et I2C communiqu\u00e9s avec le Raspberry. Le FLIR Lepton 3.5 sera donc branch\u00e9 en GPIO gr\u00e2ce \u00e0 la carte d&rsquo;interfa\u00e7age FLIR Lepton Breakout Board v2.0.<\/span><\/span><\/p>\n<p><span class=\"aCOpRe\"><span>Les branchements sont d\u00e9crits sur la page du composant (<a href=\"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/flir-breakout-board-v2\/\">voir ici<\/a>).<\/span><\/span><\/p>\n<h2><span class=\"aCOpRe\"><span><\/span><\/span>Mise en place de l&rsquo;interface Web sur le Raspberry<\/h2>\n<h3 style=\"padding-left: 30px;\">Pr\u00e9requis<\/h3>\n<p>Dans un premier temps, nous lisons les pr\u00e9requis :<\/p>\n<ul>\n<li>OS Linux<\/li>\n<li>0MQ\/ZeroMQ (libzmq3-dev) pour l&rsquo;interface cam\u00e9ra \/ frontend IPC<\/li>\n<li>Activation de l&rsquo;interface SPI et I2C<\/li>\n<li>NodeJS pour le frontend (utilisation de yarn \/ npm)<\/li>\n<li>Taille du buffer de spidev assez grande pour recevoir un segment VoSPI entier du Lepton 3.5 (10004 bits avec t\u00e9l\u00e9m\u00e9trie activ\u00e9e, 9840 sans)<\/li>\n<\/ul>\n<p>Nous commen\u00e7ons donc par activer les interfaces SPI et I2C.\u00a0<span>Il faut cliquer sur l\u2019icone Raspberry du bureau puis aller dans Pr\u00e9f\u00e9rences et Configuration du Raspberry Pi. Cela peut aussi se faire en utilisant la commande \u00ab\u00a0sudo raspi-config\u00a0\u00bb sur le terminal.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00a0\u00bbhttps:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-content\/uploads\/2021\/02\/raspberry-activation-SPI-i2c.png\u00a0\u00bb alt=\u00a0\u00bbActivation SPI et I2C sur un Raspberry\u00a0\u00bb title_text=\u00a0\u00bbActivation SPI et I2C sur un Raspberry\u00a0\u00bb show_in_lightbox=\u00a0\u00bbon\u00a0\u00bb align=\u00a0\u00bbcenter\u00a0\u00bb _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb width=\u00a0\u00bb50%\u00a0\u00bb box_shadow_style=\u00a0\u00bbpreset1&Prime; locked=\u00a0\u00bboff\u00a0\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb]<\/p>\n<p>Nous installons les librairies ZeroMQ (biblioth\u00e8que de messagerie asynchrone) avec la commande suivante :<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=\u00a0\u00bbon\u00a0\u00bb gutter_width=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_margin=\u00a0\u00bb5px||5px||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px||0px||false|false\u00a0\u00bb border_width_all=\u00a0\u00bb2px\u00a0\u00bb box_shadow_style=\u00a0\u00bbpreset1&Prime;][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb][et_pb_blurb title=\u00a0\u00bbTerminal\u00a0\u00bb use_icon=\u00a0\u00bbon\u00a0\u00bb font_icon=\u00a0\u00bb%%209%%\u00a0\u00bb icon_placement=\u00a0\u00bbleft\u00a0\u00bb use_icon_font_size=\u00a0\u00bbon\u00a0\u00bb icon_font_size=\u00a0\u00bb20px\u00a0\u00bb _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_font_size=\u00a0\u00bb16px\u00a0\u00bb header_line_height=\u00a0\u00bb1.3em\u00a0\u00bb background_color=\u00a0\u00bb#000000&Prime; width=\u00a0\u00bb135px\u00a0\u00bb max_width=\u00a0\u00bb135px\u00a0\u00bb custom_margin=\u00a0\u00bb||-42px||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb10px|15px|2px|15px|false|false\u00a0\u00bb][\/et_pb_blurb][et_pb_text _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_text_color=\u00a0\u00bb#000000&Prime; background_color=\u00a0\u00bb#eff0f1&Prime; custom_margin=\u00a0\u00bb|||145px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb1%|1%|1%|1%|false|false\u00a0\u00bb border_width_top=\u00a0\u00bb10px\u00a0\u00bb border_color_top=\u00a0\u00bb#ff8080&Prime;][crayon theme=\u00a0\u00bbanthoterm\u00a0\u00bb nums=\u00a0\u00bbfalse\u00a0\u00bb toolbar=\u00a0\u00bbfalse\u00a0\u00bb plain=\u00a0\u00bbfalse\u00a0\u00bb]<\/p>\n<p>sudo apt-get install libzmq3-dev<\/p>\n<p>[\/crayon][\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb]<\/p>\n<p>Enfin, nous finalisons les pr\u00e9requis par la modification du spidev bufsiz. C&rsquo;est le tampon allou\u00e9 par l&rsquo;utilisateur pour les p\u00e9riph\u00e9riques SPI, par d\u00e9faut il est de 4096 bits.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=\u00a0\u00bbon\u00a0\u00bb gutter_width=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_margin=\u00a0\u00bb5px||5px||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px||0px||false|false\u00a0\u00bb border_width_all=\u00a0\u00bb2px\u00a0\u00bb box_shadow_style=\u00a0\u00bbpreset1&Prime;][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb][et_pb_blurb title=\u00a0\u00bbTerminal\u00a0\u00bb use_icon=\u00a0\u00bbon\u00a0\u00bb font_icon=\u00a0\u00bb%%209%%\u00a0\u00bb icon_placement=\u00a0\u00bbleft\u00a0\u00bb use_icon_font_size=\u00a0\u00bbon\u00a0\u00bb icon_font_size=\u00a0\u00bb20px\u00a0\u00bb _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_font_size=\u00a0\u00bb16px\u00a0\u00bb header_line_height=\u00a0\u00bb1.3em\u00a0\u00bb background_color=\u00a0\u00bb#000000&Prime; width=\u00a0\u00bb135px\u00a0\u00bb max_width=\u00a0\u00bb135px\u00a0\u00bb custom_margin=\u00a0\u00bb||-42px||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb10px|15px|2px|15px|false|false\u00a0\u00bb][\/et_pb_blurb][et_pb_text _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_text_color=\u00a0\u00bb#000000&Prime; background_color=\u00a0\u00bb#eff0f1&Prime; custom_margin=\u00a0\u00bb|||145px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb1%|1%|1%|1%|false|false\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; border_width_top=\u00a0\u00bb10px\u00a0\u00bb border_color_top=\u00a0\u00bb#ff8080&Prime; sticky_enabled=\u00a0\u00bb0&Prime;][crayon theme=\u00a0\u00bbanthoterm\u00a0\u00bb nums=\u00a0\u00bbfalse\u00a0\u00bb toolbar=\u00a0\u00bbfalse\u00a0\u00bb plain=\u00a0\u00bbfalse\u00a0\u00bb]<\/p>\n<p>sudo nano \/boot\/cmdline.txt\u00a0 \u00a0 \u00a0# \u00e9dition du fichier cmdline<\/p>\n<p>spidev.bufsiz=10100     # ajout de l&rsquo;argument en fin de ligne<\/p>\n<p>sudo reboot     # on red\u00e9marre la machine<br \/>\ncat \/sys\/module\/spidev\/parameters\/bufsiz     # on verifie que le buff size est mis \u00e0 jour<\/p>\n<p>[\/crayon][\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb]<\/p>\n<p>Apr\u00e8s red\u00e9marrage, la derni\u00e8re commande nous affiche bien \u00ab\u00a010100\u00a0\u00bb, le spidev bufsize a donc \u00e9t\u00e9 mis \u00e0 jour.<\/p>\n<h3 style=\"padding-left: 30px;\">Compilation de Leptonic<\/h3>\n<p>Ensuite, sur le r\u00e9pertoire principal, nous allons t\u00e9l\u00e9charger le GitHub leptonic :<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=\u00a0\u00bbon\u00a0\u00bb gutter_width=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_margin=\u00a0\u00bb5px||5px||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px||0px||false|false\u00a0\u00bb border_width_all=\u00a0\u00bb2px\u00a0\u00bb box_shadow_style=\u00a0\u00bbpreset1&Prime;][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb][et_pb_blurb title=\u00a0\u00bbTerminal\u00a0\u00bb use_icon=\u00a0\u00bbon\u00a0\u00bb font_icon=\u00a0\u00bb%%209%%\u00a0\u00bb icon_placement=\u00a0\u00bbleft\u00a0\u00bb use_icon_font_size=\u00a0\u00bbon\u00a0\u00bb icon_font_size=\u00a0\u00bb20px\u00a0\u00bb _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_font_size=\u00a0\u00bb16px\u00a0\u00bb header_line_height=\u00a0\u00bb1.3em\u00a0\u00bb background_color=\u00a0\u00bb#000000&Prime; width=\u00a0\u00bb135px\u00a0\u00bb max_width=\u00a0\u00bb135px\u00a0\u00bb custom_margin=\u00a0\u00bb||-42px||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb10px|15px|2px|15px|false|false\u00a0\u00bb][\/et_pb_blurb][et_pb_text _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_text_color=\u00a0\u00bb#000000&Prime; background_color=\u00a0\u00bb#eff0f1&Prime; custom_margin=\u00a0\u00bb|||145px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb1%|1%|1%|1%|false|false\u00a0\u00bb border_width_top=\u00a0\u00bb10px\u00a0\u00bb border_color_top=\u00a0\u00bb#ff8080&Prime;][crayon theme=\u00a0\u00bbanthoterm\u00a0\u00bb nums=\u00a0\u00bbfalse\u00a0\u00bb toolbar=\u00a0\u00bbfalse\u00a0\u00bb plain=\u00a0\u00bbfalse\u00a0\u00bb]<\/p>\n<p>git clone https:\/\/github.com\/themainframe\/leptonic     # t\u00e9l\u00e9charge le dossier leptonic \u00e0 partir de GitHub<br \/>\ncd leptonic     # on se place dans le dossier t\u00e9l\u00e9charg\u00e9<br \/>\nmake     # compile le Leptonic IPC serveur<br \/>\nmake examples     # compile les exemples<br \/>\ncd frontend     # on se place dans le dossier frontend<br \/>\nnpm install     # installation des d\u00e9pendances de NodeJS <\/p>\n<p>[\/crayon][\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; custom_padding=\u00a0\u00bb||5px||false|false\u00a0\u00bb sticky_enabled=\u00a0\u00bb0&Prime;][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb]<\/p>\n<h3 style=\"padding-left: 30px;\">Ex\u00e9cution &#8211; Interface Web du Lepton sur le Raspberry<\/h3>\n<p>Pour ex\u00e9cuter, nous allons ouvrir 2 terminal sur le Raspberry :\u00a0<\/p>\n<ol>\n<li>D\u00e9marrage du serveur IPC<\/li>\n<li>D\u00e9marrage de l&rsquo;interface Web avec l&rsquo;application Frontend<\/li>\n<\/ol>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=\u00a0\u00bbon\u00a0\u00bb gutter_width=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_margin=\u00a0\u00bb5px||5px||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px||0px||false|false\u00a0\u00bb border_width_all=\u00a0\u00bb2px\u00a0\u00bb box_shadow_style=\u00a0\u00bbpreset1&Prime;][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb][et_pb_blurb title=\u00a0\u00bbTerminal\u00a0\u00bb use_icon=\u00a0\u00bbon\u00a0\u00bb font_icon=\u00a0\u00bb%%209%%\u00a0\u00bb icon_placement=\u00a0\u00bbleft\u00a0\u00bb use_icon_font_size=\u00a0\u00bbon\u00a0\u00bb icon_font_size=\u00a0\u00bb20px\u00a0\u00bb _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_font_size=\u00a0\u00bb16px\u00a0\u00bb header_line_height=\u00a0\u00bb1.3em\u00a0\u00bb background_color=\u00a0\u00bb#000000&Prime; width=\u00a0\u00bb135px\u00a0\u00bb max_width=\u00a0\u00bb135px\u00a0\u00bb custom_margin=\u00a0\u00bb||-42px||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb10px|15px|2px|15px|false|false\u00a0\u00bb][\/et_pb_blurb][et_pb_text _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_text_color=\u00a0\u00bb#000000&Prime; background_color=\u00a0\u00bb#eff0f1&Prime; custom_margin=\u00a0\u00bb|||145px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb1%|1%|1%|1%|false|false\u00a0\u00bb border_width_top=\u00a0\u00bb10px\u00a0\u00bb border_color_top=\u00a0\u00bb#ff8080&Prime;][crayon theme=\u00a0\u00bbanthoterm\u00a0\u00bb nums=\u00a0\u00bbfalse\u00a0\u00bb toolbar=\u00a0\u00bbfalse\u00a0\u00bb plain=\u00a0\u00bbfalse\u00a0\u00bb]<\/p>\n<p>cd leptonic     # on se place dans le r\u00e9pertoire leptonic<br \/>\n.\/bin\/leptonic \/dev\/spidev0.0     # on d\u00e9marre un serveur IPC de l&rsquo;interface 0 des p\u00e9riph\u00e9riques SPI<\/p>\n<p>[\/crayon][\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=\u00a0\u00bbon\u00a0\u00bb gutter_width=\u00a0\u00bb1&Prime; _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_margin=\u00a0\u00bb5px||5px||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px||0px||false|false\u00a0\u00bb border_width_all=\u00a0\u00bb2px\u00a0\u00bb box_shadow_style=\u00a0\u00bbpreset1&Prime;][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb][et_pb_blurb title=\u00a0\u00bbTerminal\u00a0\u00bb use_icon=\u00a0\u00bbon\u00a0\u00bb font_icon=\u00a0\u00bb%%209%%\u00a0\u00bb icon_placement=\u00a0\u00bbleft\u00a0\u00bb use_icon_font_size=\u00a0\u00bbon\u00a0\u00bb icon_font_size=\u00a0\u00bb20px\u00a0\u00bb _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb header_text_color=\u00a0\u00bb#FFFFFF\u00a0\u00bb header_font_size=\u00a0\u00bb16px\u00a0\u00bb header_line_height=\u00a0\u00bb1.3em\u00a0\u00bb background_color=\u00a0\u00bb#000000&Prime; width=\u00a0\u00bb135px\u00a0\u00bb max_width=\u00a0\u00bb135px\u00a0\u00bb custom_margin=\u00a0\u00bb||-42px||false|false\u00a0\u00bb custom_padding=\u00a0\u00bb10px|15px|2px|15px|false|false\u00a0\u00bb][\/et_pb_blurb][et_pb_text _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb text_text_color=\u00a0\u00bb#000000&Prime; background_color=\u00a0\u00bb#eff0f1&Prime; custom_margin=\u00a0\u00bb|||145px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb1%|1%|1%|1%|false|false\u00a0\u00bb border_width_top=\u00a0\u00bb10px\u00a0\u00bb border_color_top=\u00a0\u00bb#ff8080&Prime;][crayon theme=\u00a0\u00bbanthoterm\u00a0\u00bb nums=\u00a0\u00bbfalse\u00a0\u00bb toolbar=\u00a0\u00bbfalse\u00a0\u00bb plain=\u00a0\u00bbfalse\u00a0\u00bb]<\/p>\n<p>cd leptonic\/frontend     # on se place dans le r\u00e9pertoire frontend<br \/>\nnpm start     # d\u00e9marrage de l&rsquo;interface Web<\/p>\n<p>[\/crayon][\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb][et_pb_text _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb]<\/p>\n<h2>Visualisation de l&rsquo;interface Web du Lepton sur un navigateur<\/h2>\n<p>Enfin, nous pouvons visualiser l&rsquo;interface sur un navigateur de n&rsquo;importe quelle machine connect\u00e9e sur le m\u00eame r\u00e9seau que le Raspberry.<\/p>\n<p>Pour cela, il suffit de rentrer l&rsquo;adresse suivante dans le navigateur \u00ab\u00a0adresse-IP-Raspberry:3000\u00a0\u00bb. En effet, nous utilisons le port 3000 qui est un port TCP, il utilise le Transmission Control Protocol.<\/p>\n<p>Dans notre cas, nous allons sur Firefox et nous \u00e9crivons \u00ab\u00a0192.168.1.197:3000\u00a0\u00bb, comme sur l&rsquo;image ci-dessous :<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00a0\u00bbhttps:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-content\/uploads\/2021\/03\/leptonic.jpg\u00a0\u00bb alt=\u00a0\u00bbLeptonic &#8211; Interface Web sur un navigateur\u00a0\u00bb title_text=\u00a0\u00bbInterface Web sur un navigateur\u00a0\u00bb show_in_lightbox=\u00a0\u00bbon\u00a0\u00bb align=\u00a0\u00bbcenter\u00a0\u00bb _builder_version=\u00a0\u00bb4.8.2&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb width=\u00a0\u00bb70%\u00a0\u00bb box_shadow_style=\u00a0\u00bbpreset1&Prime; locked=\u00a0\u00bboff\u00a0\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mise en place d&rsquo;un serveur web avec interface vid\u00e9o pour utiliser le FLIR Lepton 3.5. Installation de Leptonic sur un Raspberry.<\/p>\n","protected":false},"author":1,"featured_media":1799,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-1798","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Interface Web : Leptonic | Raspi Thermo Cam - Projet Cam\u00e9ra Thermique<\/title>\n<meta name=\"description\" content=\"Mise en place d&#039;un serveur web avec interface vid\u00e9o pour utiliser le FLIR Lepton 3.5. Installation de Leptonic sur un Raspberry.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/interface-web-leptonic\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Interface Web : Leptonic | Raspi Thermo Cam - Projet Cam\u00e9ra Thermique\" \/>\n<meta property=\"og:description\" content=\"Mise en place d&#039;un serveur web avec interface vid\u00e9o pour utiliser le FLIR Lepton 3.5. Installation de Leptonic sur un Raspberry.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/interface-web-leptonic\/\" \/>\n<meta property=\"og:site_name\" content=\"Raspi Thermo Cam - Projet Cam\u00e9ra Thermique\" \/>\n<meta property=\"article:modified_time\" content=\"2021-03-07T17:02:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-content\/uploads\/2021\/03\/leptonic.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1680\" \/>\n\t<meta property=\"og:image:height\" content=\"1010\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Interface Web : Leptonic | Raspi Thermo Cam - Projet Cam\u00e9ra Thermique\" \/>\n<meta name=\"twitter:description\" content=\"Mise en place d&#039;un serveur web avec interface vid\u00e9o pour utiliser le FLIR Lepton 3.5. Installation de Leptonic sur un Raspberry.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-content\/uploads\/2021\/03\/leptonic.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/interface-web-leptonic\\\/\",\"url\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/interface-web-leptonic\\\/\",\"name\":\"Interface Web : Leptonic | Raspi Thermo Cam - Projet Cam\u00e9ra Thermique\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/interface-web-leptonic\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/interface-web-leptonic\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/leptonic.jpg\",\"datePublished\":\"2021-03-07T16:50:56+00:00\",\"dateModified\":\"2021-03-07T17:02:34+00:00\",\"description\":\"Mise en place d'un serveur web avec interface vid\u00e9o pour utiliser le FLIR Lepton 3.5. Installation de Leptonic sur un Raspberry.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/interface-web-leptonic\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/interface-web-leptonic\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/interface-web-leptonic\\\/#primaryimage\",\"url\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/leptonic.jpg\",\"contentUrl\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/leptonic.jpg\",\"width\":1680,\"height\":1010,\"caption\":\"Leptonic - Interface Web sur un navigateur\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/interface-web-leptonic\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Interface Web : Leptonic\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/#website\",\"url\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/\",\"name\":\"Raspi Thermo Cam - Projet Cam\u00e9ra Thermique\",\"description\":\"Site web qui retrace la r\u00e9alisation d&#039;un projet de cam\u00e9ra thermique avec un Raspberry. Nous utilisons le module FLIR Lepton 3.5 avec un Raspberry Pi 400.\",\"publisher\":{\"@id\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/#\\\/schema\\\/person\\\/92186a88d3e51aa770548fabc8d16e06\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\\\/#\\\/schema\\\/person\\\/92186a88d3e51aa770548fabc8d16e06\",\"name\":\"Anthony LE PORS\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ff32c3852ab8cee9e1657174d156c802a9f0e1f3a3e0256a92e6ecc810f2383b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ff32c3852ab8cee9e1657174d156c802a9f0e1f3a3e0256a92e6ecc810f2383b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ff32c3852ab8cee9e1657174d156c802a9f0e1f3a3e0256a92e6ecc810f2383b?s=96&d=mm&r=g\",\"caption\":\"Anthony LE PORS\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ff32c3852ab8cee9e1657174d156c802a9f0e1f3a3e0256a92e6ecc810f2383b?s=96&d=mm&r=g\"},\"sameAs\":[\"https:\\\/\\\/anthony.lepors.fr\\\/raspi-thermo-cam\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Interface Web : Leptonic | Raspi Thermo Cam - Projet Cam\u00e9ra Thermique","description":"Mise en place d'un serveur web avec interface vid\u00e9o pour utiliser le FLIR Lepton 3.5. Installation de Leptonic sur un Raspberry.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/interface-web-leptonic\/","og_locale":"fr_FR","og_type":"article","og_title":"Interface Web : Leptonic | Raspi Thermo Cam - Projet Cam\u00e9ra Thermique","og_description":"Mise en place d'un serveur web avec interface vid\u00e9o pour utiliser le FLIR Lepton 3.5. Installation de Leptonic sur un Raspberry.","og_url":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/interface-web-leptonic\/","og_site_name":"Raspi Thermo Cam - Projet Cam\u00e9ra Thermique","article_modified_time":"2021-03-07T17:02:34+00:00","og_image":[{"width":1680,"height":1010,"url":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-content\/uploads\/2021\/03\/leptonic.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"Interface Web : Leptonic | Raspi Thermo Cam - Projet Cam\u00e9ra Thermique","twitter_description":"Mise en place d'un serveur web avec interface vid\u00e9o pour utiliser le FLIR Lepton 3.5. Installation de Leptonic sur un Raspberry.","twitter_image":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-content\/uploads\/2021\/03\/leptonic.jpg","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/interface-web-leptonic\/","url":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/interface-web-leptonic\/","name":"Interface Web : Leptonic | Raspi Thermo Cam - Projet Cam\u00e9ra Thermique","isPartOf":{"@id":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/#website"},"primaryImageOfPage":{"@id":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/interface-web-leptonic\/#primaryimage"},"image":{"@id":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/interface-web-leptonic\/#primaryimage"},"thumbnailUrl":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-content\/uploads\/2021\/03\/leptonic.jpg","datePublished":"2021-03-07T16:50:56+00:00","dateModified":"2021-03-07T17:02:34+00:00","description":"Mise en place d'un serveur web avec interface vid\u00e9o pour utiliser le FLIR Lepton 3.5. Installation de Leptonic sur un Raspberry.","breadcrumb":{"@id":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/interface-web-leptonic\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/interface-web-leptonic\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/interface-web-leptonic\/#primaryimage","url":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-content\/uploads\/2021\/03\/leptonic.jpg","contentUrl":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-content\/uploads\/2021\/03\/leptonic.jpg","width":1680,"height":1010,"caption":"Leptonic - Interface Web sur un navigateur"},{"@type":"BreadcrumbList","@id":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/interface-web-leptonic\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/"},{"@type":"ListItem","position":2,"name":"Interface Web : Leptonic"}]},{"@type":"WebSite","@id":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/#website","url":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/","name":"Raspi Thermo Cam - Projet Cam\u00e9ra Thermique","description":"Site web qui retrace la r\u00e9alisation d&#039;un projet de cam\u00e9ra thermique avec un Raspberry. Nous utilisons le module FLIR Lepton 3.5 avec un Raspberry Pi 400.","publisher":{"@id":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/#\/schema\/person\/92186a88d3e51aa770548fabc8d16e06"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":["Person","Organization"],"@id":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/#\/schema\/person\/92186a88d3e51aa770548fabc8d16e06","name":"Anthony LE PORS","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/ff32c3852ab8cee9e1657174d156c802a9f0e1f3a3e0256a92e6ecc810f2383b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/ff32c3852ab8cee9e1657174d156c802a9f0e1f3a3e0256a92e6ecc810f2383b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ff32c3852ab8cee9e1657174d156c802a9f0e1f3a3e0256a92e6ecc810f2383b?s=96&d=mm&r=g","caption":"Anthony LE PORS"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/ff32c3852ab8cee9e1657174d156c802a9f0e1f3a3e0256a92e6ecc810f2383b?s=96&d=mm&r=g"},"sameAs":["https:\/\/anthony.lepors.fr\/raspi-thermo-cam"]}]}},"_links":{"self":[{"href":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-json\/wp\/v2\/pages\/1798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-json\/wp\/v2\/comments?post=1798"}],"version-history":[{"count":0,"href":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-json\/wp\/v2\/pages\/1798\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-json\/wp\/v2\/media\/1799"}],"wp:attachment":[{"href":"https:\/\/anthony.lepors.fr\/raspi-thermo-cam\/wp-json\/wp\/v2\/media?parent=1798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}