Support for: 7″ Touchscreen Monitor for Raspberry Pi

hondagx35

Hi all,

the image is nearly ready for distribution.

I had to wait for the newest kernel to be able to switch the display on and off.
I also have to implement a screen keyboard for the settings pages.
Please give me two to three days for testing.

Frank

Sprigo

Great news Frank, I'm itching to try this out.

guyb

Awesome, me too

guyb

What other changes will be released as part of the new image?

guyb

Hi Frank,

Sorry for bombarding you with questions but...

Is it possible to hide the scroll bar when showing the IU on the touchscreen when not scrolling? In the same fashion that Safari does on a Mac & iPad?

I have seen a few videos with peeps using the touchscreen with Rune (on a separate Pi) and when the browser was in kiosk mode you could still see some chrome such as the scroll bars always being present even when there was nothing to scroll.

Might seem like a strange request but I am intending on mounting the display inside a hi fi style case to make it look like an appliance rather than a 'computer' and the display with be mostly used to display track information and would look odd with a scroll bar permanently there.

Thanks,

Guy

hondagx35

Hi guyb,

Is it possible to hide the scroll bar when showing the IU on the touchscreen when not scrolling?

Yes it is, with midori you can do such things with local user styles.
It's also to disable / hide control elements like the volume knob without touching the rune source.

The image will include a preconfigured file:
- bigger fonts
- bigger buttons
- disable volume

Frank

guyb

hondagx35 wroteHi guyb,

Is it possible to hide the scroll bar when showing the IU on the touchscreen when not scrolling?
Yes it is, with midori you can do such things with local user styles.

Cool, will this be already configured in Rune or a setting in Rune or would I have to make the changes myself.

If so, is it easy to do?

Guy

hondagx35

Hi guyb,

The image will include a preconfigured file:

Frank

guyb

hondagx35 wroteHi guyb,

The image will include a preconfigured file:
Frank

OK, I missed that bit

Perfect

Thanks

Guy

JeffD

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

Regards, Jeff

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

# 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)

#!/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

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

[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:

#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

Perjan wroteHi 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

« Previous Page Next Page »