volumio-raspberry-pi-display-touchscreen.jpg

Raspberry PI Display and Volumio: a touchscreen music player

4 Flares Twitter 0 Facebook 0 Google+ 3 Reddit 1 Pin It Share 0 StumbleUpon 0 Email -- 4 Flares ×

Finally, the touchscreen plugin is available!

One of the most awaited plugins for Volumio is finall here: the touchscreen plugin. With it you can easily show the gorgeous Volumio UI on any display, included the official Raspberry PI Display (available on the official Raspberry PI Shop, or on Amazon). Let’s see how to easily achieve a fantastic touchscreen for your favourite music player in less than 10 minutes. This tutorial will explain how to connect the Raspberry PI display and enable the Volumio UI with the plugin.

 

STEP 1: The wiring 

Assuming you’ve already downloaded and flashed Volumio to your Raspberry PI (we suggest to use the newest  Raspberry PI 3), the first step is the wiring:

  1. First, let’s attach the ribbon cable going from the Raspberry PI Display to the PI itself. On the Raspberry PI Side, make sure the blue part of the ribbon cable is facing outwards. Your final goal should look like this:
    volumio-raspberry-pi-display-touchscreen-2
  2. You’ll have 4 coloured cables to connect too. They are 5v, GND, SDA and SCL. You can look at the below image to identify the proper pin on the Pi itself.
    volumio-raspberry-pi-display-touchscreen-4Therefore, the wiring should look like thisvolumio-raspberry-pi-display-touchscreen-3
    Done! You’ve done the wiring required to connect the Raspberry PI official touchscren, let’s move on!

STEP 2: Power Supply Check 

Notoriously, feeding your PI with an adequate Power Supply is mandatory to have a reliable system. That’s especially true when we connect a power-hungry device like the Raspberry PI Display. Luckily, there’s a way to understand if your PSU is good enough: just power on your pi and observe the screen, if you see a coloured square on the top-right side of the screen, it means that power to your PI is not enough. Don’t you see it? Then all is good.

volumio-raspberry-pi-coloured-square

 

If you have such problems, don’t worry. Good power supply are cheap and easy to find. Here’s the NorthPada 5V 2000mA PSU, my personal favourite.

 

STEP 3: Install Volumio’s Touchscreen plugin 

That’s the easy one. Just connect to Volumio’s WebUi as you would usually do, and navigate to the Plugins page from the settings menu. In Miscellanea category, you’ll find the Touchscreen plugin. Just click install, nothing more. PLEASE NOTE: The touchscreen plugin is compatible with volumio version from 2.001 onwards

volumio-raspberry-pi-display-touchscreen-6

The installation will last about 7 minutes, so wait patiently until you see “Installation Complete”. Now you can enable or disable the Display output to your likings.

volumio-raspberry-pi-display-touchscreen-7

STEP 4: Enjoy it!!!

I must admit that altough this display is not particularly brilliant when it comes to resolution and colour accuracy, it looks indeed very nice with Volumio’s UI. Also, usability is very good on the Raspberry PI 3 and the UI runs smoothly also with big libraries… So, folks, enjoy!

 

Are you looking for alternatives? 

If you don’t have a Raspberry PI, or you’re simply looking for alternatives to the Official Raspberry PI Display, there are at least two extra options for you:

THE ODROID DISPLAY

7inchdisplaypackagem

The Odroid display is not only a viable alternative, it also have several advantages over its PI counterpart:

  • Since it takes power from USB and video signal from HDMI, it can be used virtually with any Computer with an HDMI output, not just the Odroid or the Raspberry PI.
  • It has a better resolution: 1024 x 600 vs 800×480 of the PI display
  • It’s somehow simpler to integrate into a beautiful case (thanks to its mounting holes)
  • You can still use an I2S DAC with the Display, since it does not use any GPIO port (both on Raspberry PI and Odroid)

The Odroid Touchscreen display is available at Odroid’s webshop or on Amazon

WAVESHARE 7” DISPLAY

7inch-hdmi-lcd-b-4_1

The Waveshare 7” display has become rapidly a widely adopted display, thanks to its cheap price. However this particular touchscreen has shown several reliability issues (altough this seems fixed in latest models, thanks to a firmware update), it requires a particular touchscreen driver which is not always included in major distros and its colour reproduction is not the best.

It can be found at the Waveshare Shop or on Amazon

 

Here we are folks! Hope you found this article helpful, you can share via comment below how you use your Volumio’s touchscreen setup and if there are other display alternatives!

4 Flares Twitter 0 Facebook 0 Google+ 3 Reddit 1 Pin It Share 0 StumbleUpon 0 Email -- 4 Flares ×

Michelangelo Guarise

Passionate. Heretical. Deeply in love with Technology and Music. I live in Florence, Italy where I teach Interaction Design and Marketing. I'm Volumio's founder and CEO, and I love every second of this great adventure. My audio gear is some strange mix of valve and digital amplifiers, all self built in some cold winter sleepless nights. And I just can't turn that volume knob down.
  • Tobias Bruns

    Great News! Does this also work with smaller Touchscreens (2,5″, 3,5″…) ?

    • volumio

      We’ll add some options for configuring different display sizes

      • Reinder Reinders

        Cool I am also waiting for this, I tried volumio about a year ago, but it didn’t fit good on my PiTFT Plus 480×320 3.5″ TFT

      • mrsmrs78

        Is there a time line for that?

        I have a 7″ Display (Pollin LS-7T). It works widely with the plugin except of the calibration of the touchpanel.
        Is it possible (for a boob) to change the touch calibration manually?
        Thanks for all your work!
        Marcel

        • Pka

          Also looking for answer this one. X11 won’t start if i touch & edit 99-calibration.conf file.

      • thisisnotsparta

        waiting for that too. Is it planned?

  • Justin

    I would like to see Tontec 3.5″ support – it would be like having a wall thermostat for music.

  • helloiamgary

    Hi,

    Thanks for this. Is there any plans to include a screensaver or a time out for the screen to dim? I’ve been using the waveshare 7″ for a few days since upgrading and am starting to see some screen burn on it from the white buttons on the now playing screen.

    thanks

    • olli

      you can install xscreensaver and configure it to blank, see above

      • helloiamgary

        Cheers Olli, I’ll give that a go

  • Holger

    Hello Michelangelo, I was so happy when reading this! I immediately bought the official Display, but then I looked closer at the used GPIO2-3; these are used by the Hifiberry Amp+ as well. So, is there any way to combine the Pi3, the Amp+ AND the display? I have posted a request for help in the related help topic in the volumio forum, 2days ago, addressed at you. Maybe you – or someone else – can help me. Thank you in advance, all the best, Holger aka hannibal….

    • Tom Van Wehaege

      Hello Holger, i have the exact same order comming in. rPI3, hifiberry amp+ and 7” screen.
      Did you find out how to connect the parts and make it work?

      • Walter van Eijk

        You should be able to connect them as follows:
        – 7 Inch screen
        – Raspberri Pi
        – HifiBerry AMP+

        At least, that’s how I did it. This picture is taken with a 2B Pi, but it works exactly the same with a Pi3 (already tested). I am installing Volumio2 on it as I am typing this.
        https://tweakers.net/ext/f/WcGJCgRfUR7YfnD9xWzgx2Cx/full.jpg

        • Tom Van Wehaege

          Do you power the screen and the pi? 3 chargers? What about the gpio’s?

          • Walter van Eijk

            I am using a 12V adapter and/or battery, that is connected to the Hifiberry AMP+. From there, it powers both the Pi as the screen.
            Also, by using a accusafe (www.accusafe.com), I can switch between the battery and the adapter.
            So, when I’m at home, it simply runs on the adapter, when I’m not at home, it runs on the battery (for at least 6 hours). I got Volumio2 running flawlessly yesterday evening, now only to see if the volume is as loud as it was before.

          • scot-e-dog

            I have this set up. I have the official RPi3 power supply connected to the screen and then a very short USB cable from the screen’s USB-A port to the USB-B power in for the RPi. With a HiFiBerry DAC+ as well, this is pushing the capability of the power supply, so you will need quality cables, etc.

          • julienlarivee

            Hi Walter,
            What is the A output of your battery?

          • Walter van Eijk

            Not really sure, and I can’t check it, because the crate the battery is in is glued shut….
            However, I’m using this battery, it’s a 12 V 7.2 Ah battery:

            http://store.accusafe.nl/csb-loodgel-accu-12v-7-2ah

          • julienlarivee

            Thanks

      • Holger

        Hello Tom,
        sorry for the late response, I’m currently re-organizing my media for volumio 😉
        As Walter already said, it works – even without the I2Cs being connected.
        I use 2 separate power inputs: one for the DAC and the Pi3 and one for the Display.
        After flashing Volumio 2 you’ll have to install the display plugin, get the lcd rotated and that’s it.
        I
        still haven’t got response by Michaelangelo or the Volumio team if/for
        what the I2C connection is really needed; that’s the only thing I want
        to know.
        all the best,
        Holger

  • Sven Nyström

    Hello, Works perfect except that in my view the display is upside down if one uses the standard case for the official touch screen. Could an option to rotate the display 180 degrees be added?

    • olli

      add lcd_rotate=2 to file /boot/config.txt and reboot

  • stereofromlate90ies

    That’s excellent! Could you just add something to the suggested display types?
    I would like to keep the pi hidden in a wardrobe but having just the
    display outside for the GUI. This would require a cable length > 1m. I
    don’t think the ribbon cable of the Pi display would do it, right? Any
    other suggestions for a good display with a longer connection cable? I’d
    really like to have the system stable so I’m not keen on the Waveshare.
    Thanks a lot!

  • Binh Ton

    I got the touch screen worked correctly. However, I have tried to find a way to enable screen saver to put the screen into blank mode after sometimes. I could not find any way yet. Without screen saver option, I am afraid the screen would be burn.

    • olli

      you can install xscreensaver, set it to “blank screen only” after X min with “quick power off in blank only mode”

  • pancakeroll

    Successfully installed this plugin and setup with an HDMI monitor but receive no output but a flashing cursor under the volumio login ? I have the plugin set to active and have tried a reboot. What am I doing wrong ? Thanks…

  • Tom Van Wehaege

    with a screen on the RPi, the sound from Volumio goes to the jack. isn’t that a step back for the sound? What with a DAC-board of even a AMP-board?

    • olli

      no need for the jack, got it smoothly running with a hifiberry dac+

  • asmotiondesign

    I’m getting just a blank screen with a cursor (touch works – you can move the cursor) but no UI.
    Installed the touchscreen plugin, did everything as per guide – no dice.
    Anyone have any ideas?
    rPi 1 b+.

  • olli

    love it 😉 is there a way to decrease the size of the web ui by some pixels so that this ugly scrollbar on the right hand side disappears in playback view on the official display?

    • Mike Willems

      I have a similar issue. I have a Rpi3 with official touch screen w/ Raspbian installed. I have chromium browser set to launch on startup and launching my volumio.local screen. The browser window doesn’t fit exactly so the volume doesn’t slide nicely. You have to touch the volume repeatedly to turn up the volume. PLEASE HELP!

  • Vewehr

    Does touchscreen of Odroid VU7 PLUS work out of the box (with the plugin installed) on Raspberry Pi 3? And what about VU5? I’d like to use 5″ screen for my DIY kitchen Internet radio. THX.

    • Petr Gratz

      I have successfully installed Odroid VU5 (hdmi + usb cables), but you would need to modify display resolution to 800×600 – I added hdmi_group=2 and hdmi_mode=9 into /boot/config.txt. It works as a “display” only now – no control using touchscreen. does anybody know how to do it?

      • Ryd

        Same problem here. Odroid forums hint at needing a driver compiled for the kernel? Display works fine, but touch does not work. I suppose I will order Odroid C1/C2 instead of using an old rPi I had..

  • Massimo

    Uhm, does the touchscreen UI need a *real* keyboard attached to make a search? It’s useless in that way… Any workaround?
    And I would really like a better way to sort, as suggested by kaosmagix here https://volumio.org/forum/#p23265

    • Matika

      I found a solution to this by installing matchbox-window-manager and matchbox-keyboard and editing a file:

      Step-by-Step:

      – (ssh) login to the volumio box

      [quote]apt-get install matchbox-window-manager matchbox-keyboard
      nano /opt/volumiokiosk.sh
      [/quote]

      change the file to the following:

      [quote]
      #!/bin/bash
      xset -dpms
      xset s off
      xset s noblank

      matchbox-keyboard -d &
      matchbox-window-manager -use_titlebar no &

      # openbox-session &
      while true; do
      rm -rf ~/.{config,cache}/chromium/
      /usr/bin/chromium-browser –disable-session-crashed-bubble –disable-infobars –kiosk –no-first-run ‘http://localhost:3000’
      done
      [/quote]

      reboot. voilá – onscreen keyboard.

      • Ian Stone

        Well that brings up the matchbox keyboard but it now boots to a web browser and no touchscreen volumio access… any idea why?

        Could it be I used sudo nano to edit the kiosk file? just using nano meant that I wasn’t allowed to edit the file when I tried to save it?

  • torrie0712

    I have a question. I installed the plugin and it’s active. But the only thing I see on my touchscreen is a log in screen for volumio and not the volumio ui. Do I have to log in manually or how does the plugin work.

    Thnx

  • Kevin Majewski (fisch02)

    My System shows only the cursor after installing the plugin

    • Doc Schneider

      Me too. Any idea what went wrong? I use a Waveshare 5″ touchscreen, fresh install of Volumio 2 on a Raspberry Pi 2 and a Iqaudio Dac attached to it. Just installed the touchscreen plugin, activated it and rebooted.

      • Ryd

        Same here, using odroid display on rpi1.

  • nick singh

    I went out and bought the screen just so i could use volumino but I am stuck on the 70% when trying to install the plugin on my raspberry pi 3 . Now i can not even get to miscelleano section in the plugin area. Anybody know what might be going on?

  • Jason Girard

    Hello,

    I just got Volumio 2.041 working on my RPi 3. I am very interested in this plugin but have a couple questions before proceeding:

    The normal login screen is a terminal. How will the Volumio GUI show up on a touch screen connected to the Pi? Do I need to install/launch a window manager, bring up a web browser, and use it as I have been using on a remote PC? Or does the Volumio GUI launch by itself once I log in from the terminal?

    The touch screen will be a Waveshare 7″ which I also recently purchased. Please advise of any configuration items that need to be tweaked as I haven’t set it up yet.

  • Cristian

    ciao ma e’ possibile collegare un waveshare 4 inch hdmi lcd?
    come?

  • Daniel Gaczol

    Will Raspberry Pi 3b be supported?

  • Ken Ip

    How could I know if this touch screen is supported by Volumio? It’s 5 inch, 800×480 pixels, HDMI, power by 5V 2A micro USB. The manufacturer said that they will provide a version of Raspbian with the driver for the touch screen but not any other OS.

    https://item.taobao.com/item.htm?spm=a1z10.5-c.w4002-3977990940.27.KQOmqk&id=521058704652

  • julienlarivee

    Hi,
    I am looking into making a wireless music box running on volumio.
    It would have the Raspberry Pi 3, HifiBerry AMP+ and the 7 Inch touchscreen.
    All this would be powered by a battery connected to the Pi by the Adafruit Powerboost 1000C. https://learn.adafruit.com/adafruit-powerboost-1000c-load-share-usb-charge-boost/overview

    Does anyone know if the powerboost can deliver enough power for the Pi, the amp and the screen running all together?
    Thanks

  • Mickey9801

    Hi, can the touch screen UI support multi-lang? I found that the plugin works great but Japanese and Chinese become “???”. Is it possible to replace some font file and let the system support UTF-8 encode for work around? Thank you.

Related Posts