Photo display

Table of contents
Clone this source

Dashboard

Dashboard weather

https://www.smashingmagazine.com/2019/02/interactive-weather-dashboard-api-vue-js/

Inspiration

Libraries

P5.js

Javascript library for processing https://p5js.org/get-started/

Vibrant.js

Get colors from image https://jariz.github.io/vibrant.js/

Image Transition by Szenia Zadvornykh

https://codepen.io/last-first/pen/QNoWmO

Pixel sort

Pixel sorting is an interesting, glitchy effect which selectively orders the pixels in the rows/columns of an image.

Pixelsort

Echoprint

Echoprint is an open source music fingerprint and resolving framework powered by the The Echo Nest. The code generator (library to convert PCM samples from a microphone or file into Echoprint codes) is open source (MIT licensed) and free for any use.

Displays

LG LM270WQ1-SDE3 - 27"

LM270WQ1-SDE3

Driver:

Raspberry Pi 4 Model B - config

/boot/config.txt

# uncomment if hdmi display is not detected and composite is being output
hdmi_force_hotplug=1

# uncomment to force a specific HDMI mode (this will force VGA)
hdmi_group=2
hdmi_mode=69

LG LM215WF3-SDA1 - 21.5"

LM215WF3-SDA1

Driver:

IPAD 4th generation 9.7"

LG LP097QX1-SPC1/2/3/

Driver

Raspberry Pi 4 Model B - config

/boot/config.txt

# 2048x1536
overscan_left=0
overscan_right=0
overscan_top=0
overscan_bottom=0
#disable_overscan=1
hdmi_drive=1
hdmi_ignore_edid=0xa5000080
hdmi_group=2
hdmi_mode=87
hdmi_pixel_freq_limit=206000000
# 40hz
# hdmi_timings=2048 0 150 6 6 1536 0 4 2 10 0 0 0 40 0 205210000 1
# 60hz
hdmi_timings=2048 0 150 6 6 1536 0 4 2 10 0 0 0 60 0 205210000 1
max_framebuffer_width=2048
max_framebuffer_height=1536
display_rotate=0
framebuffer_width=2048
framebuffer_height=1536

Raspberry Pi - Kiosk mode

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

@xset s off
@xset -dpms
@xest s noblank
@chromium-browser --noerrdialogs --incognito --kiosk http://dakboard.com/app