{"id":569,"date":"2016-11-04T14:28:28","date_gmt":"2016-11-04T13:28:28","guid":{"rendered":"https:\/\/www.jjtronics.com\/wordpress\/?p=569"},"modified":"2017-10-05T16:07:01","modified_gmt":"2017-10-05T15:07:01","slug":"raspberry-pi-raspbian-pixel-et-chromium-en-mode-kiosk-ouverture-automatique-dun-navigateur-en-mode-plein-ecran-au-demarrage-de-raspbian","status":"publish","type":"post","link":"https:\/\/www.jjtronics.com\/wordpress\/2016\/11\/04\/raspberry-pi-raspbian-pixel-et-chromium-en-mode-kiosk-ouverture-automatique-dun-navigateur-en-mode-plein-ecran-au-demarrage-de-raspbian\/","title":{"rendered":"Raspberry Pi &#8211; Raspbian pixel et Chromium en mode kiosk &#8211; ouverture automatique d&rsquo;un navigateur en mode plein \u00e9cran au d\u00e9marrage de Raspbian"},"content":{"rendered":"<p>Bonjour \u00e0 tous,<\/p>\n<p>Aujourd&rsquo;hui je vais vous pr\u00e9senter une fa\u00e7on simple de d\u00e9marrer votre raspberry pi en lan\u00e7ant automatiquement un navigateur (En mode kiosk).<\/p>\n<p>Nous allons aller un peu plus loin de la plupart des tutoriels en ajoutant l&rsquo;autologin ainsi que la rotation automatique d&rsquo;un onglet \u00e0 l&rsquo;autre.<\/p>\n<p>J&rsquo;ai deja \u00e9crit un premier article sur le sujet avec midori et firefox, mais ayant une pr\u00e9f\u00e9rence pour chromium et avec l&rsquo;arriv\u00e9e de Raspbian pixel, je me devais de faire un nouveau tutoriel.<\/p>\n<p><a href=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/03\/dashboard-design-61.jpg\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"442\" data-permalink=\"https:\/\/www.jjtronics.com\/wordpress\/2016\/03\/04\/raspberry-pi-raspbian-et-midori-ouverture-automatique-dun-navigateur-en-mode-plein-ecran\/dashboard-design-61\/\" data-orig-file=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/03\/dashboard-design-61.jpg\" data-orig-size=\"700,488\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Dashboard\" data-image-description=\"&lt;p&gt;Dashboard&lt;\/p&gt;\n\" data-image-caption=\"&lt;p&gt;Dashboard&lt;\/p&gt;\n\" data-large-file=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/03\/dashboard-design-61.jpg\" class=\"size-medium wp-image-442\" src=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/03\/dashboard-design-61-300x209.jpg\" alt=\"Dashboard\" width=\"300\" height=\"209\" srcset=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/03\/dashboard-design-61-300x209.jpg 300w, https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/03\/dashboard-design-61.jpg 700w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Ce tuto \u00e0 \u00e9t\u00e9 fait avec Raspbian Pixel.<\/p>\n<p>Ouvrez un terminal sur votre raspberry (En local ou via ssh).<\/p>\n<p>Mettez \u00e0 jour vos d\u00e9pots :<\/p>\n<pre class=\"lang:default decode:true \">sudo aptitude update<\/pre>\n<p>&nbsp;<\/p>\n<p>Lan\u00e7ons ensuite l&rsquo;installation du navigateur\u00a0:<\/p>\n<pre class=\"lang:default decode:true\">sudo aptitude install rpi-chromium-mods chromium-browser<\/pre>\n<p>&nbsp;<\/p>\n<p>Puis nous allons \u00e9diter le fichier :<\/p>\n<pre class=\"lang:default decode:true\">sudo nano ~\/.config\/lxsession\/LXDE-pi\/autostart<\/pre>\n<p>Commentez la ligne :<\/p>\n<pre class=\"lang:default decode:true\">#@xscreensaver -no-splash<\/pre>\n<p>Et ajoutez les lignes suivante \u00e0 la fin du fichier :<\/p>\n<pre class=\"lang:default decode:true\">@xset s off\r\n@xset -dpms\r\n@xset s noblank<\/pre>\n<p>Si vous ne voulez pas que chrome vous affiche ses message d&rsquo;erreur en cas de plantage et reboot du raspberry, ajoutez :<\/p>\n<pre class=\"lang:default decode:true \">@sed -i 's\/\"exited_cleanly\": false\/\"exited_cleanly\": true\/' ~\/.config\/chromium\/Default\/Preferences<\/pre>\n<p>Si vous ne voulez pas que chromium ne vous affiche pas la popup restore table, editez le fichier :<\/p>\n<pre class=\"lang:default decode:true \">sudo nano \/etc\/rc.local<\/pre>\n<p>Et ajoutez ces deux lignes avant le exit 0; :<\/p>\n<pre class=\"lang:default decode:true\">## Empeche l'affichage du restore table au reboot de chromium\r\nsed -i 's\/\"exited_cleanly\": false\/\"exited_cleanly\": true\/' ~\/.config\/chromium\/Default\/Preferences\r\nsed -i 's\/\"exit_type\": \"Crashed\"\/\"exit_type\": \"None\"\/' ~\/.config\/chromium\/Default\/Preferences<\/pre>\n<p>&nbsp;<\/p>\n<p>Passons maintenant au plus interessant, le lancement du navigateur!<\/p>\n<p>Nous allons voir plusieurs cas avec des options diff\u00e9rentes que vous pourrez par la suite adapter \u00e0 vos besoins :<\/p>\n<p>-Ouvrir le navigateur vers l&rsquo;adresse \u00a0www.jjtronics.com :<\/p>\n<pre class=\"lang:default decode:true\">@chromium-browser -noerrdialogs http:\/\/www.jjtronics.com<\/pre>\n<p>Maintenant avec le mode Kiosk (un mode full screen que l&rsquo;on ne peut quitter)<\/p>\n<p>-Ouvrir le navigateur en <strong>plein \u00e9cran Kiosk<\/strong> vers l&rsquo;adresse www.jjtronics.com :<\/p>\n<pre class=\"lang:default decode:true\">@chromium-browser -noerrdialogs -kiosk http:\/\/www.jjtronics.com<\/pre>\n<p>Comme vous pouvez le constater, \u00a0c&rsquo;est l&rsquo;option kiosk qui permet un affichage full screen<\/p>\n<p>-Ouvrir le navigateur en <strong>plein \u00e9cran Kiosk<\/strong> et en mode <strong>navigation priv\u00e9<\/strong>\u00a0vers l&rsquo;adresse www.jjtronics.com :<\/p>\n<pre class=\"lang:default decode:true\">@chromium-browser -noerrdialogs -kiosk -incognito http:\/\/www.jjtronics.com<\/pre>\n<p>-Ouvrir le navigateur en <strong>plein \u00e9cran Kiosk<\/strong>, en mode <strong>navigation priv\u00e9<\/strong> avec <strong>deux\u00a0onglets<\/strong>, l&rsquo;un pointant sur www.jjtronics.com et un second sur www.keepfreeze.com<\/p>\n<pre class=\"lang:default decode:true \">@chromium-browser -noerrdialogs -kiosk -incognito http:\/\/www.jjtronics.com http:\/\/www.keepfreeze.com\r\n<\/pre>\n<p>Et voici en mode plein \u00e9cran que l&rsquo;on peut quitter :<\/p>\n<p>-Ouvrir le navigateur en <strong>plein \u00e9cran<\/strong>\u00a0vers l&rsquo;adresse www.jjtronics.com :<\/p>\n<pre class=\"lang:default decode:true\">@chromium-browser -noerrdialogs--start-fullscreen http:\/\/www.jjtronics.com<\/pre>\n<p>-Ouvrir le navigateur en <strong>plein \u00e9cran<\/strong>\u00a0et en mode <strong>navigation priv\u00e9<\/strong>\u00a0vers l&rsquo;adresse www.jjtronics.com :<\/p>\n<pre class=\"lang:default decode:true\">@chromium-browser -noerrdialogs --start-fullscreen -incognito http:\/\/www.jjtronics.com<\/pre>\n<p>-Ouvrir le navigateur en <strong>plein \u00e9cran<\/strong>, en mode <strong>navigation priv\u00e9<\/strong> avec <strong>deux\u00a0onglets<\/strong>, l&rsquo;un pointant sur www.jjtronics.com et un second sur www.keepfreeze.com<\/p>\n<pre class=\"lang:default decode:true\">@chromium-browser -noerrdialogs --start-fullscreen -incognito http:\/\/www.jjtronics.com http:\/\/www.keepfreeze.com\r\n<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Maintenant que nous avons un kiosk avec plusieurs onglets, il va falloir automatiser le changement d&rsquo;onglet, ce qui va permettre d&rsquo;afficher plusieurs pages web avec un intervale de rotation d&rsquo;un onglet vers l&rsquo;autre.<\/p>\n<p>Pour ce faire, nous allons simplement utiliser l&rsquo;extension revolver-tabs.<\/p>\n<p><strong>ATTENTION<\/strong>, le mode navigation priv\u00e9 n&rsquo;autorise pas l&rsquo;utilisation de plugins, nous allons donc enlever l&rsquo;option -incognito.<\/p>\n<p>Ouvrez votre navigateur chromium sur le raspberry et allez \u00e0 l&rsquo;adresse :<\/p>\n<pre class=\"lang:default decode:true \">https:\/\/chrome.google.com\/webstore\/detail\/revolver-tabs\/dlknooajieciikpedpldejhhijacnbda<\/pre>\n<p>Installez l&rsquo;extension et allez ensuite dans les parametres de revolver :<\/p>\n<p><a href=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/revolver-tabs-1.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"570\" data-permalink=\"https:\/\/www.jjtronics.com\/wordpress\/2016\/11\/04\/raspberry-pi-raspbian-pixel-et-chromium-en-mode-kiosk-ouverture-automatique-dun-navigateur-en-mode-plein-ecran-au-demarrage-de-raspbian\/revolver-tabs-1\/\" data-orig-file=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/revolver-tabs-1.png\" data-orig-size=\"944,579\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"revolver-tabs-1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/revolver-tabs-1.png\" class=\"alignnone size-medium wp-image-570\" src=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/revolver-tabs-1-300x184.png\" alt=\"revolver-tabs-1\" width=\"300\" height=\"184\" srcset=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/revolver-tabs-1-300x184.png 300w, https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/revolver-tabs-1.png 944w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>-Parametrez le d\u00e9lais avant de switcher d&rsquo;un onglet vers l&rsquo;autre<\/p>\n<p>-Activez l&rsquo;auto-start pour que l&rsquo;extension puisse se lancer automatiquement au lancement du navigateur<\/p>\n<p>-Activez l&rsquo;option Rotate only when inactive (Cela vous \u00e9vitera de batailler pour rester sur un onglet)<\/p>\n<p>Voici pour les options de base, une fois param\u00e9tr\u00e9, vous pouvez red\u00e9marrer votre raspberry pour voir ce que \u00e7a donne.<\/p>\n<p>Vous devriez avoir Chromium qui se lance en plein \u00e9cran avec les deux onglets qui s&rsquo;affiche l&rsquo;un apr\u00e8s l&rsquo;autre au bout de X secondes.<\/p>\n<p>Votre Kiosk commence \u00e0 ressembler \u00e0 quelque chose, mais si comme moi, vous avez certains sites web qui n\u00e9cessite une authentification avant d&rsquo;afficher vos pr\u00e9cieuses informations et que vous souhaitez vraiment que d\u00e8s le d\u00e9marrage de votre Raspberry, votre kiosk s&rsquo;authentifie automatiquement aux divers sites web que vous affichez, il y a l&rsquo;extension auto-login pour chrome que vous pouvez installer en ouvrant votre navigateur chrome et allez \u00e0 l&rsquo;adresse :<\/p>\n<pre class=\"lang:default decode:true\">https:\/\/chrome.google.com\/webstore\/detail\/auto-login\/kjdgohfkopafhjmmlbojhaabfpndllgk<\/pre>\n<p>Une fois install\u00e9, allez sur un site n\u00e9cessitant une authentification :<\/p>\n<p><a href=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/auto-login-learn.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"571\" data-permalink=\"https:\/\/www.jjtronics.com\/wordpress\/2016\/11\/04\/raspberry-pi-raspbian-pixel-et-chromium-en-mode-kiosk-ouverture-automatique-dun-navigateur-en-mode-plein-ecran-au-demarrage-de-raspbian\/auto-login-learn\/\" data-orig-file=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/auto-login-learn.png\" data-orig-size=\"635,397\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"auto-login-learn\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/auto-login-learn.png\" class=\"alignnone size-medium wp-image-571\" src=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/auto-login-learn-300x188.png\" alt=\"auto-login-learn\" width=\"300\" height=\"188\" srcset=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/auto-login-learn-300x188.png 300w, https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/auto-login-learn.png 635w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Comme vous pouvez le voir sur votre droite, un icone est apparu, vous devez cliquer dessus pour que l&rsquo;extension enrengistre les credentials que vous allez taper.<\/p>\n<p>Une fois votre premier site web enrengistr\u00e9, vous pouvez activer ou non l&rsquo;auto-login en allant dans les options de l&rsquo;extension :<\/p>\n<p><a href=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/auto-login-options.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"573\" data-permalink=\"https:\/\/www.jjtronics.com\/wordpress\/2016\/11\/04\/raspberry-pi-raspbian-pixel-et-chromium-en-mode-kiosk-ouverture-automatique-dun-navigateur-en-mode-plein-ecran-au-demarrage-de-raspbian\/auto-login-options\/\" data-orig-file=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/auto-login-options.png\" data-orig-size=\"1313,469\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"auto-login-options\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/auto-login-options-1024x366.png\" class=\"alignnone size-medium wp-image-573\" src=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/auto-login-options-300x107.png\" alt=\"auto-login-options\" width=\"300\" height=\"107\" srcset=\"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/auto-login-options-300x107.png 300w, https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/auto-login-options-1024x366.png 1024w, https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/11\/auto-login-options.png 1313w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Vous pouvez maintenant tenter un reboot de votre Raspberry, votre navigateur devrait s&rsquo;ouvrir en plein \u00e9cran avec deux onglets qui tournent au bout de X secondes et authentifi\u00e9 sur les sites que vous avez pr\u00e9alablement enrengistr\u00e9 sur auto-login.<\/p>\n<p>Que demander de plus ?<\/p>\n<p>&nbsp;<\/p>\n<p>Je vous souhaite bon courage pour la suite et\u00a0n&rsquo;h\u00e9sitez pas si vous avez des soucis ou une autre fa\u00e7on de faire ;)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bonjour \u00e0 tous, Aujourd&rsquo;hui je vais vous pr\u00e9senter une fa\u00e7on simple de d\u00e9marrer votre raspberry pi en lan\u00e7ant automatiquement un [&#038;hellip<\/p>\n","protected":false},"author":1,"featured_media":442,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[11,2,27,44,43,122],"tags":[100,110,85,112,111],"class_list":["post-569","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hardware","category-linux","category-projets","category-raspberry-projets","category-raspberry-arduino","category-raspbian","tag-o","tag-os","tag-raspberry-2","tag-ssh","tag-x"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/03\/dashboard-design-61.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p6YUVZ-9b","jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jjtronics.com\/wordpress\/wp-json\/wp\/v2\/posts\/569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jjtronics.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jjtronics.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jjtronics.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jjtronics.com\/wordpress\/wp-json\/wp\/v2\/comments?post=569"}],"version-history":[{"count":5,"href":"https:\/\/www.jjtronics.com\/wordpress\/wp-json\/wp\/v2\/posts\/569\/revisions"}],"predecessor-version":[{"id":838,"href":"https:\/\/www.jjtronics.com\/wordpress\/wp-json\/wp\/v2\/posts\/569\/revisions\/838"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jjtronics.com\/wordpress\/wp-json\/wp\/v2\/media\/442"}],"wp:attachment":[{"href":"https:\/\/www.jjtronics.com\/wordpress\/wp-json\/wp\/v2\/media?parent=569"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jjtronics.com\/wordpress\/wp-json\/wp\/v2\/categories?post=569"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jjtronics.com\/wordpress\/wp-json\/wp\/v2\/tags?post=569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}