{"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-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-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-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-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 navigateur (En mode kiosk). Nous allons aller un peu plus loin de la plupart&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,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_hide_featured_image":false,"_jetpack_featured_image_duplicate_dismissed":0,"_jetpack_feature_clip_id":0,"_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},"jetpack_post_was_ever_published":false},"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_shortlink":"https:\/\/wp.me\/p6YUVZ-9b","jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/www.jjtronics.com\/wordpress\/wp-content\/uploads\/2016\/03\/dashboard-design-61.jpg","_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}]}}