---
logosub: "Hardware tweaker"
language: "jp"
title: "Raspberry Pi Jukebox"
year: "2016"
date: "2016-01-01"
---

<div class="alert alert-warning" role="alert">
   <div>
<span>申し訳ありませんが、このページはまだ日本語に翻訳されていません。</span>
   </div>
</div>

I used a <a href="https://www.raspberrypi.org/" target="_blank" rel="noopener noreferrer">Raspberry Pi</a> to stream internet radio. <a href="https://www.python.org/" target="_blank" rel="noopener noreferrer">Python</a> and <a href="https://flask.palletsprojects.com/" target="_blank" rel="noopener noreferrer">Flask</a> were used to create a simple website interface that resided on the Raspberry Pi using the Apache web engine. This simple site had buttons to control the LEDs, the station to stream and to adjust the volume.

The LEDs were controlled using an <a href="https://www.arduino.cc/" target="_blank" rel="noopener noreferrer">Arduino</a> and a <a href="https://www.analog.com/media/en/technical-documentation/data-sheets/max7219-max7221.pdf" target="_blank" rel="noopener noreferrer">Maxim MAX7219 IC</a>.

I posted a tutorial about this long ago on Instructables: <a href="https://www.instructables.com/Raspberry-Pi-Internet-Radio-With-Flask/" target="_blank" rel="noopener noreferrer">instructables.com/Raspberry-Pi-Internet-Radio-With-Flask</a>

<figure class="text-center">
  <picture class="d-flex justify-content-center">
    <source
      media="(max-width: 510px)"
      srcset="/images/software/projects/raspberry-pi-jukebox/disassembly-w240.webp"
    />
    <source
      media="(max-width: 850px)"
      srcset="/images/software/projects/raspberry-pi-jukebox/disassembly-w480.webp"
    />
    <img
      src="/images/software/projects/raspberry-pi-jukebox/disassembly.webp"
      alt="Jukebox disassembly"
      class="img-fluid"
    />
  </picture>
    <figcaption class="figure-caption mt-2">
    <a href="/images/software/projects/raspberry-pi-jukebox/disassembly.webp">
      Jukebox disassembly
    </a>
  </figcaption>
</figure>

---

<figure class="text-center">
  <picture class="d-flex justify-content-center">
    <source
      media="(max-width: 510px)"
      srcset="/images/software/projects/raspberry-pi-jukebox/old-interiour-w240.webp"
    />
    <source
      media="(max-width: 850px)"
      srcset="/images/software/projects/raspberry-pi-jukebox/old-interiour-w480.webp"
    />
    <img
      src="/images/software/projects/raspberry-pi-jukebox/old-interiour.webp"
      alt="Jukebox old interiour"
      class="img-fluid"
    />
  </picture>
    <figcaption class="figure-caption mt-2">
    <a href="/images/software/projects/raspberry-pi-jukebox/old-interiour.webp">
      Jukebox old interiour
    </a>
  </figcaption>
</figure>

---

<figure class="text-center">
  <picture class="d-flex justify-content-center">
    <source
      media="(max-width: 510px)"
      srcset="/images/software/projects/raspberry-pi-jukebox/led-matrix-w240.webp"
    />
    <source
      media="(max-width: 850px)"
      srcset="/images/software/projects/raspberry-pi-jukebox/led-matrix-w480.webp"
    />
    <img
      src="/images/software/projects/raspberry-pi-jukebox/led-matrix.webp"
      alt="Jukebox LED matrix"
      class="img-fluid"
    />
  </picture>
    <figcaption class="figure-caption mt-2">
    <a href="/images/software/projects/raspberry-pi-jukebox/led-matrix.webp">
      Jukebox LED matrix
    </a>
  </figcaption>
</figure>

---

<figure class="text-center">
  <picture class="d-flex justify-content-center">
    <source
      media="(max-width: 510px)"
      srcset="/images/software/projects/raspberry-pi-jukebox/fully-assembled-w240.webp"
    />
    <source
      media="(max-width: 850px)"
      srcset="/images/software/projects/raspberry-pi-jukebox/fully-assembled-w480.webp"
    />
    <img
      src="/images/software/projects/raspberry-pi-jukebox/fully-assembled.webp"
      alt="Jukebox fully assembled"
      class="img-fluid"
    />
  </picture>
    <figcaption class="figure-caption mt-2">
    <a href="/images/software/projects/raspberry-pi-jukebox/fully-assembled.webp">
      Jukebox fully assembled
    </a>
  </figcaption>
</figure>
