How to setup a Raspberry Pi web kiosk with splash screen in Raspbian Stretch Lite

Change Password

sudo passwd pi

New User

sudo adduser egon

sudo usermod -aG sudo egon

Update Raspbian

sudo apt-get update

sudo apt-get upgrade

sudo reboot

Install lightdm

sudo apt-get install lightdm

Configure The Following

sudo raspi-config

network options

boot options

localisation options

advanced options

Reboot and login as new user

Install plymouth

sudo apt-get install plymouth plymouth-themes

sudo apt-get install pix-plym-splash

Logout of SSH

Copy your custom splash.png file to the pi

scp /Users/userdirectory/splash.png user@youripaddress:/home/username/splash.png

ssh back in to pi

Move your custom splash image

sudo mv splash.png /usr/share/plymouth/themes/pix

Edit the boot config.txt file and add the following

sudo nano /boot/config.txt

disable_splash=1

Edit the plymouth pix.script

sudo nano /usr/share/plymouth/themes/pix/pix.script

remove the following

message_sprite = Sprite();

message_sprite.SetPosition(screen_width * 0.1, screen_height * 0.9, 10000);

my_image = Image.Text(text, 1, 1, 1);

message_sprite.SetImage(my_image);

Edit the boot cmdline.txt file

sudo nano /boot/cmdline.txt

replace “console=tty1” with “console=tty3”

Add this to the end

splash quiet plymouth.ignore-serial-consoles logo.nologo vt.global_cursor_default=0

Install open box

sudo apt-get install --no-install-recommends xserver-xorg x11-xserver-utils xinit openbox

Install chromium

sudo apt-get install --no-install-recommends chromium-browser

Replace the open box autostart config file

sudo nano /etc/xdg/openbox/autostart

replace everything with the following

# Disable any form of screen saver / screen blanking / power management

xset s off

xset s noblank

xset -dpms

# Allow quitting the X server with CTRL-ATL-Backspace

setxkbmap -option terminate:ctrl_alt_bksp

# Start Chromium in kiosk mode

sed -i 's/"exited_cleanly":false/"exited_cleanly":true/' ~/.config/chromium/'Local State'

sed -i 's/"exited_cleanly":false/"exited_cleanly":true/; s/"exit_type":"[^"]\+"/"exit_type":"Normal"/' ~/.config/chromium/Default/Preferences

chromium-browser --disable-infobars --kiosk 'https://google.com'

Install unclutter

sudo apt-get install unclutter

sudo reboot

©2019 WiredZero.com
webmaster@wiredzero.com