elalemanyo/raspberry-pi-kiosk-screen elalemanyo/raspberry-pi-kiosk-screen

  • Stars
    star
    403
  • Rank 107,140 (Top 3 %)
  • Language
  • Created about 9 years ago
  • Updated over 4 years ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
elalemanyo/raspberry-pi-kiosk-screen
github

elalemanyo

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Raspberry Pi Kiosk Screen

Create Raspberry Pi Kiosk on Raspbian Debian Wheezy

Table of Contents

  1. Raspbian Wheezy
    1.1. Chromium Browser
    1.2. Epiphany Browser
    1.3. Midori Browser
    1.4. Firefox (Iceweasel)
  2. Raspbian Jessie
    2.1. Chromium Browser
  3. Connecting to Wi-Fi on boot
  4. Splashscreen
  5. References
  6. Sources

Raspbian Wheezy

*Chromium is not available in Debian Wheezy on the armhf architcture for the Raspberry Pi 3. If you get a "package not found" error when attempting to install chromium, try another browser below."

Chromium Browser

  1. Install Raspbian Debian Wheezy

  2. sudo raspi-config

    • Update the Raspi config tool (Advanced Options)
    • Enable SSH
    • Disable overscan. (Advanced Options)
    • Change your boot to desktop environment.

  3. Now start the terminal and update your system:

    sudo apt-get update
sudo apt-get upgrade

  4. Install chromium (browser), x11 server utils and unclutter (hide the cursor from the screen)

    sudo apt-get install chromium x11-xserver-utils unclutter

  5. When the GUI starts up chromium needs to boot in kiosk-mode and open the webpage. Because of that we edit the autostart file:

    nano ~/.config/lxsession/LXDE-pi/autostart

    The autostart files needs to look like this:

    @lxpanel --profile LXDE
@pcmanfm --desktop --profile LXDE
@xset s off
@xset -dpms
@xset s noblank
@sed -i 's/"exited_cleanly": false/"exited_cleanly": true/' ~/.config/chromium Default/Preferences
@chromium-desktop --noerrdialogs --kiosk [URL] --incognito --disable-translate

Epiphany Browser

  1. Install Raspbian Debian Wheezy

  2. sudo raspi-config

    • Update the Raspi config tool (Advanced Options)
    • Enable SSH
    • Disable overscan. (Advanced Options)
    • Change your boot to desktop environment.

  3. Now start the terminal and update your system:

    sudo apt-get update
sudo apt-get upgrade

  4. Install Epiphany (browser), x11 server utils, xautomation and unclutter (hide the cursor from the screen)

    sudo apt-get install epiphany-browser x11-xserver-utils xautomation unclutter

  5. Save this shell script: /home/pi/fullscreen.sh

    nano /home/pi/fullscreen.sh

    Fullscreen shell script should look like this: (example replace [URL] http://github.com/elalemanyo/raspberry-pi-kiosk-screen)

    sudo -u pi epiphany-browser -a -i --profile ~/.config [URL] --display=:0 &
sleep 15s;
xte "key F11" -x:0

    Change file mode:

    chmod 755 /home/pi/fullscreen.sh

  6. Edit the autostart file to run the script:

    nano ~/.config/lxsession/LXDE-pi/autostart

    The autostart files needs to look like this:

    @xset s off
@xset -dpms
@xset s noblank
@/home/pi/fullscreen.sh

  7. Reload the page (if needed) every hour:

    crontab -e

    Add this:

    0 */1 * * * xte -x :0 "key F5"

Midori Browser

  1. Install Raspbian Debian Wheezy

  2. sudo raspi-config

    • Update the Raspi config tool (Advanced Options)
    • Enable SSH
    • Disable overscan. (Advanced Options)

  3. Now start the terminal and update your system:

    sudo apt-get update
sudo apt-get upgrade

  4. Install Midori (browser), x11 server utils, matchbox and unclutter (hide the cursor from the screen)

    sudo apt-get install midori x11-xserver-utils matchbox unclutter

  5. Save this shell script: /home/pi/fullscreen.sh

    nano /home/pi/fullscreen.sh

    Fullscreen shell script should look like this:

    unclutter &
matchbox-window-manager &
midori -e Fullscreen -a [URL]

    Change file mode:

    chmod 755 /home/pi/fullscreen.sh

  6. Edit the autostart file to run the script:

    nano ~/.config/lxsession/LXDE-pi/autostart

    The autostart files needs to look like this:

    @xset s off
@xset -dpms
@xset s noblank
@/home/pi/fullscreen.sh

  7. Auto StartX (Run LXDE):

    sudo nano /etc/rc.local

    Scroll to the bottom and add the following above exit 0:

    su -l pi -c startx

Firefox (Iceweasel)

  1. Install Raspbian Debian Wheezy

  2. sudo raspi-config

    • Update the Raspi config tool (Advanced Options)
    • Enable SSH
    • Disable overscan (Advanced Options)
    • Memory Split (Advanced Options)

  3. Now start the terminal and update your system:

    sudo apt-get update
sudo apt-get upgrade

  4. Install Firefox (Iceweasel), Gnash, x11 server utils, matchbox, xautomation and unclutter (hide the cursor from the screen)

    sudo apt-get install iceweasel gnash gnash-common browser-plugin-gnash x11-xserver-utils matchbox xautomation unclutter

  5. Save this shell script: /home/pi/fullscreen.sh

    nano /home/pi/fullscreen.sh

    Fullscreen shell script should look like this:

    unclutter &
matchbox-window-manager &
iceweasel http://www.domradio.de/foyer/wrapper --display=:0 &
sleep 15s;
xte "key F11" -x:0

    Change file mode:

    chmod 755 /home/pi/fullscreen.sh

  6. Edit the autostart file to run the script:

    sudo nano ~/.config/lxsession/LXDE-pi/autostart

    The autostart files needs to look like this:

    @xset s off
@xset -dpms
@xset s noblank
@/home/pi/fullscreen.sh

  7. Auto StartX (Run LXDE):

    sudo nano /etc/rc.local

    Scroll to the bottom and add the following above exit 0:

    su -l pi -c startx

  8. Reload the page (if needed) every hour:

    crontab -e

    Add this:

    0 */1 * * * xte -x :0 "key F5"

Raspbian Jessie

Chromium Browser

  1. Install Raspbian Debian Jessie

  2. sudo raspi-config

    • Update the Raspi config tool (Advanced Options)
    • Enable SSH
    • Disable overscan. (Advanced Options)

  3. Now start the terminal and update your system:

    sudo apt-get update
sudo apt-get upgrade

  4. Install unclutter (hide the cursor from the screen)

    sudo apt-get install unclutter

  5. When the GUI starts up chromium needs to boot in kiosk-mode and open the webpage. Because of that we edit the autostart file:

    nano ~/.config/lxsession/LXDE-pi/autostart

    or

    sudo nano /etc/xdg/lxsession/LXDE-pi/autostarts

    The autostart files needs to look like this:

    @lxpanel --profile LXDE-pi
@pcmanfm --desktop --profile LXDE-pi
@xset s off
@xset -dpms
@xset s noblank
@sed -i 's/"exited_cleanly": false/"exited_cleanly": true/' ~/.config/chromium-browser Default/Preferences
@chromium-browser --noerrdialogs --kiosk [URL] --incognito --disable-translate

Connecting to Wi-Fi on boot

You may wish to have your Kiosk device connect automatically both to your home wifi (where you test it) as well as the wireless network where you deploy it.

In /etc/network/interfaces Add a line that says to cause wireless to connect automatically auto wlan0.

Then edit /etc/wpa_supplicant/wpa_supplicant.conf to define one or more wireless networks, changing the SSIDs and passwords to match your networks. The id_str values just need to be unique.

ctrl_interface=DIR=/var/run/wpa_supplicant GROUP=netdev
update_config=1

network={
	ssid="SCHOOLS NETWORK NAME"
	psk="SCHOOLS PASSWORD"
	id_str="school"
}

network={
	ssid="HOME NETWORK NAME"
	psk="HOME PASSWORD"
	id_str="home"
}

Splashscreen

  1. Install Frame Buffer Imageviewer (FBI):

    sudo apt-get install fbi

  2. Upload splash.png:

    scp splash.png pi@[IP raspberry pi]:splash.png

  3. Move splash image to /etc/:

    sudo mv splash.png /etc/

  4. Add script:

    sudo nano /etc/asplashscreen

    do_start () {
	/usr/bin/fbi -T 1 -noverbose -a /etc/splash.png
	exit 0
}
case "$1" in
	start|"")
do_start
;;
restart|reload|force-reload)
echo "Error: argument '$1' not supported" >&2
exit 3
;;
stop)
# No-op
;;
status)
exit 0
;;
*)
echo "Usage: asplashscreen [start|stop]" >&2
exit 3
;;
esac
:

  5. Run:

    sudo mv asplashscreen /etc/init.d/asplashscreen

  6. Run:

    sudo chmod a+x /etc/init.d/asplashscreen
sudo insserv /etc/init.d/asplashscreen

References:

Sources

More Repositories

1

thumbnail-webvtt

Generate tooltip thumbnail images for videos & associated WebVTT files for use with JWPlayer.
PHP
12
star
2

1and1-ionos-git-deployment

Using 1&1 IONOS git repository for website deployment
Shell
9
star
3

docker-localhost

This project provides a basic Docker setup, for building a local development environment.
8
star
4

dumpling-heroku

A Simple Rake Task for Importing Heroku Postgres Databases Locally for Rails Apps
Ruby
3
star
5

alfred-workflows

A collection of Alfred Workflows that will rock your world.
PHP
3
star
6

dev-in-docker

Multi-project local development environment & toolset on Docker
2
star
7

bitbar-covid-19-tracker

JavaScript
2
star
8

socketio_omxplayer_sync

Use socket.io to loop video with omxplayer synchronously
JavaScript
1
star
9

docker-environment

Create the ultimate development environment
Shell
1
star
10

clock-without-dates

Implement a clock that handles times without dates.
Ruby
1
star