Giter Club home page Giter Club logo

spotify-desk-thing's Introduction

This project has been shut down temporarily due to university work


Spotify-Desk-Thing

name "@peiprjs"
project "Desk Thing"

Summary

Spotify has this device they call Car Thing. It's a screen that's supposed to go on your car (unsafe much?) and allow you to choose music and see what is currently playing at a glance. I would like that, but available for my desk, as I don't have a car (nor do I need one).
So my plan is to, using a Raspberry Orange Pi, a web server, a 3D-printed enclosure, a speaker, and a touchscreen, make something that allows me to see which song is playing (and album artwork, author and year), which song is next in the queue (and author), from which playlist/album, duration of the song and rough progress bar (can't be too exact because it will mostly comunicate through the API), basic controls (pause, skip, go back), and a sleep timer function (pause the music after a certain time).
The whole device would be built inside of a 3D printed structure, which would include a support for a Homepod mini (as I've heard that its sound is fairly flat and just a little bit of EQ makes it sing). The only problem is that streaming the music directly from the Pi would be very hard due to it being a very basic computer, which could reduce the quality of the music).

Plan

  1. Measure all of the parts, design, print, and sand a piece (or a few) that allow me to keep all of the tech parts together.
  2. Assemble the device and plug all of the tech in.
  3. Design a web interface that connects to the Spotify API and displays the data.
  4. Run the web interface on the local device, connect the speaker and voilà! A car desk thing.

Bill of materials

Product Supplier/Link Cost*
Touchscreen https://www.amazon.es/dp/B07PHFQF7W $56.43
PLA filament https://www.amazon.es/dp/B07R6PL63K $23.42
Electric plug https://www.amazon.es/dp/B06XXNPLJ9 $09.56
MiniHDMI->HDMI https://www.amazon.es/dp/B07PHFQF7W $06.10
Homepod Mini (Apple Store) $99.00
TP-Link TL-WN823N https://www.amazon.es/dp/B0088TKTY2 $09.25
Flat USB->USB https://www.amazon.es/dp/B0953LJ84W $10.80
Red paint (detailing) (Supermarket) $05.00
Current total $217.06

*Price is after EUR->USD conversion. Actual price may vary by ±5% due to currency fluctuations. Prices include VAT/IVA.

Funding

Finances are available transparently at HackClub Bank

spotify-desk-thing's People

Contributors

peiprjs avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

spotify-desk-thing's Issues

Test parts and assemble

This part includes two main steps:

  • Check that all the purchased materials function correctly
  • Assemble the electronics to the enclosure

Design web interface

This step will include designing the web interface:

  • Sketch it in paper
  • Write HTML and CSS for it.

Orange Pi

  • Purchased
  • Received
  • Checked (FAIL)

Assorted cables

  • USB-A to USB-C
  • HDMI-M to HDMI-M (supplied with screen)
  • USB-A to USB-mini (supplied with screen)
  • Temporary Ethernet

Develop backend and frontend

This task will focus on developing a system to communicate with the Spotify API, the buttons on the webpage and the text fields on the webpage.

Create server and browser autolaunch on startup

The plan for this step is to design some sort of shell executable that can be run on startup (maybe cron?) that will launch a browser window in fullscreen (probably Firefox) and the web server.

Print and prepare housing

This section includes a few steps:

  • Slice in the best way possible
  • Print
  • Assemble
  • Sand down
  • Paint details

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.