Support for: 7″ Touchscreen Monitor for Raspberry Pi

[hondagx35]

Hi Jeff,

GREAT! Will this image also be available for the cubietruck?

Not yet!

Next image to update and add local browser will be the ODROID one.
After that i will work on the cubietruck image.

@all: I'm uploading the first test image right now.

Frank

[Martin-Fell-C]

Hi Frank

Thanks for all the hard work on this

I've seen you said you are uploading the test image >> where do you put these (I may be missing something, but cant see a link to it anywhere)?

[hondagx35]

Hi all,

here is the first test image:

Download from onedrive

I will post a how to configure in a few minutes.

Frank

[maurob74]

Thanks for your work!!!!

[hondagx35]

Hi all,

here some notes to the new RP2 image.

- this image can also be used without the 7" touchscreen
- the optional "local browser" runs on the first display detected (HDMI / DSI)
- the kernel version is 4.1.12-1-ARCH
- mpd is updated to version 0.19.10 released June 21, 2015
- the browser is midori version 0.5.11
- the browser runs on matchbox-window-manager, so no desktop environment has to be started.
- if enabled under "MENU->Settings->Local Browser" midori starts after rune is ready to handle requests.
- the UI is optimized for touch use
- the output to the 7" screen is upside down (rotation 180°) by default*.
- the local browser comes with an onscreen keyboard.
- the tft (backlight) gets switched off when shutting down rune

* this is because the screen for the new 7" touchscreen is mounted upside down in the frame (stand)

Configuration:

- /boot/config.txt

Code: Select all

# LCD settings
# 180 degrees
lcd_rotate=2
# Normal
#lcd_rotate=0

If you have to rotate the output you can change it here.

- /root/.xinitrc (don't miss the dot)

Code: Select all

#!/bin/bash
export XDG_CACHE_HOME="/tmp/.cache" &
export DISPLAY=:0

# start the touchscreen calibration utility
# needed for some screens (Pollin 7" tft)
# for this to work you have to disable loading midori
#xinput_calibrator &

# turn off display power management
xset -dpms &

# turn off screensaver
xset s off &

# start the window manager without titlebar and mouse
matchbox-window-manager -use_titlebar no -use_cursor no &

# start midori in privat mode with fullscreen display
midori -p -e Fullscreen http://localhost


Here you can can change things like mouse usage.

- /root/.local/share/midori/styles/local-styles.css

Code: Select all

body {
   -webkit-user-select: none;
   user-select: none;
    font-size: 24px !important;
}

/*
html {
    overflow: hidden;
}

#volume-knob { display: none; }
*/

.knobs {
    margin-top: 0px !important;
    line-height: 0 !important;
}

.txtmid {
    visibility: hidden !important;
}

.col-sm-12 {
    width: 100% !important;
    height: 0 !important;
   visibility: hidden !important;
}

#currentalbum  .notag {
   font-size: 18px !important;
}

#currentalbum  {
    margin-bottom: 5px !important;
}

#menu-top {
   height: 47px !important;
   margin: 10px 0px 0px 0px !important;
}

#menu-top .dropdown .dropdown-menu {
    font-size: 24px !important;
}

#menu-top .playback-controls {
    left: 40% !important;
   width: 400px !important;
}

#menu-bottom {
   height: 48px !important;
}

#menu-bottom li a {
    font-size: 24px !important;
}

.dropdown-menu {
    font-size: 24px !important;
}

#currentartist, #currentalbum {
    font-size: 24px !important;
}

.btn {
    font-size: 24px !important;
}

.btnlist.btnlist-bottom .btn {
    font-size: 36px !important;
   margin-top: 5px !important;
   padding: 0px 20px !important;
}

.pl-nextPage, .db-nextPage, .pl-lastPage, .db-lastPage, .btnlist-bottom {
    bottom: 50px !important;
    padding: 0px 20px !important;
}

.btnlist-top {
    top: 60px !important;
    padding: 0px 10px !important;
   height: 50px !important;
}

.btnlist-bottom {
    height: 60px !important;
    font-size: 20px !important;
   //visibility: hidden !important;
}

#db-search input, #pl-search input {
    height: 42px !important;
}

#playlist, #database {
    padding: 120px 0px !important;
}

#playlist-entries li {
    font-size: 24px !important;
}

#playlist-entries .pl-action {
    font-size: 24px !important;
}

#database-entries li {
    font-size: 24px !important;
}

#database-entries .db-action {
    font-size: 24px !important;
}

.col-sm-10 {
    width: 75% !important;
}

.col-sm-2 {
    width: 25% !important;
}

.input-lg {
    height: 60px !important;
    font-size: 24px !important;
}

.help-block, .help-inline {
    font-size: 18px !important;
}

These are the tweaks for better touch usability. You can change font and button sizes.
This will change with the upcoming versions of RuneAudio.

- /root/.config/midori/config

Code: Select all

[settings]
default-encoding=ISO-8859-1
enforce-96-dpi=true
enable-developer-extras=true
enable-site-specific-quirks=true
enable-javascript=true
default-charset=ISO-8859-1
last-window-width=800
last-window-height=480
last-panel-position=523
last-panel-page=5
location-entry-search=https://duckduckgo.com/?q=%s
show-menubar=true
toolbar-items=Back,Forward,ReloadStop,Location,Search,
find-while-typing=true
zoom-level=0.77567797899246216
middle-click-opens-selection=false
homepage=http://localhost
tabhome=about:dial
download-folder=/home/army
http-proxy=127.0.0.1:8118
maximum-cache-size=50
maximum-history-age=0
load-on-startup=MIDORI_STARTUP_HOMEPAGE
proxy-type=MIDORI_PROXY_NONE
user-agent=Mozilla/5.0 (X11; Linux) AppleWebKit/538.15 (KHTML, like Gecko) Chrome/18.0.1025.133 Safari/538.15 Midori/0.5
user-stylesheet-uri=file:///root/.local/share/midori/styles/local-styles.css

[extensions]
libaddons.so=true

This is the config file for midori. Here you can change things like zoom level.
If you do not like the modified UI (larger fonts) you can comment out this line:

Code: Select all

#user-stylesheet-uri=file:///root/.local/share/midori/styles/local-styles.css

Have fun and please report your findings.

Frank

[Perjan]

Hi Frank,

I'm sorry to say but, you're image does not seem to work. It wont connect to the network (wired). And boot on the display hangs on a login screen (don't have a keyboard to check what happens when you login).

[Sprigo]

Hi Frank,

I'm sorry to say but, you're image does not seem to work. It wont connect to the network (wired). And boot on the display hangs on a login screen (don't have a keyboard to check what happens when you login).

The image seems to have a fixed IP address of 192.168.0.14 and gateway address of 192.168.0.1. By default the local browser option in settings is turned off.

At the moment all I can get on the display is a white screen.

[hondagx35]

Hi all,

sorry my fault.

Will be updated soon.

Frank

[Perjan]

That's what i was afraid off.

Problem solved:

Changed my routers gateway adres and logged in to 192.168.0.14 and set runeaudio to DHCP.

Reset my routers adres to original

Reboot both router and raspberry

Set Local browser to on in runeaudio settings..

Reboot and now its all working

Now lets try it out!!!

[hondagx35]

Hi Perjan,

thank for the report and your effort to fix the problem.

This happens when you are in a hurry.
Last thing i tested on the image was fixed IP.

I'll change this and upload a new image.

Sorry guys

Frank