as published

This commit is contained in:
2019-02-15 13:32:08 +01:00
parent 884f31c03e
commit 4de2b6a835
+16 -8
View File
@@ -2,18 +2,19 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Qudio - a QR-enabled Audio Player for Children</title> <title>Qudio - A QR-enabled Audio Player for Children</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://tilman.de/projekte/qudio/" /> <meta property="og:url" content="http://tilman.de/projekte/qudio/" />
<meta property="og:title" content="Qudio - a QR-enabled Audio Player for Children" /> <meta property="og:title" content="Qudio - A QR-enabled Audio Player for Children" />
<meta property="og:description" content="After building the first version of this music player for my oldest son in 2016, I recently had to update my project for his younger brother. As before, music can be played by simply placing a card with a QR code on the player. The new version has an improved case and is cheaper and easier to build. Internally it uses the volumio player which allows to not only play all MP3s from the local network, but also to connect streaming services like Spotify. Oh, and there is a rocket again, too. But this time it is optional." /> <meta property="og:description" content="The update for my music player. Again, music can be played with QR code cards and it is now easier to use for parents as well. Oh, and there is a rocket again, too. But this time it is optional." />
<meta property="og:image" content="http://tilman.de/projekte/qudio/images/qudio-01-space-02.jpg" /> <meta property="og:image" content="http://tilman.de/projekte/qudio/images/qudio-01-space-02.jpg" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.css" />
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css' /> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css' />
<!-- <link href='https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic' rel='stylesheet' type='text/css' /> -->
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700" rel="stylesheet" type='text/css'> <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700" rel="stylesheet" type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
@@ -84,7 +85,7 @@ h2, h3, h4 {
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.js"></script>
<div id="content" class="container"> <div id="content" class="container">
<p class="timestamp">2019-02-14</p> <p class="timestamp">2019-02-15</p>
<h1>Qudio Player</h1> <h1>Qudio Player</h1>
<p id="subtitle">An easy-to-use music player for children based on the Raspberry Pi Zero and the JBL On Stage IIIp (again)</p> <p id="subtitle">An easy-to-use music player for children based on the Raspberry Pi Zero and the JBL On Stage IIIp (again)</p>
@@ -134,10 +135,10 @@ h2, h3, h4 {
<h2 id="parts">Parts list</h2> <h2 id="parts">Parts list</h2>
<a data-fancybox style="float:right;margin: 2em;" href="images/IMG_20190122_094245.jpg"><img src="images/IMG_20190122_094245.jpg" <a data-fancybox style="float:right;margin: 2em;" href="images/IMG_20190122_094245.jpg"><img src="images/IMG_20190122_094245.jpg"
width="480" alt="Electronic parts for the Qudio player" /></a> width="380" alt="Electronic parts for the Qudio player" /></a>
<ul> <ul>
<li>JBL On Stage IIIP - can be found on ebay for little money<br/><span style="color:red;">Caution:</span> The older On Stage III with the mini USB port will probably <em>not work!</em> I tried several and they either did not power the Raspberry Pi properly or I had noise issues that I could not resolve.</li> <li>JBL On Stage IIIP - can be found on ebay for little money<br/><span style="color:red;">Caution:</span> The older On Stage III with the mini USB port will probably <em>not work!</em><br/>I tried several and they either did not power the Raspberry Pi properly or I had noise issues that I could not resolve.</li>
<li>The <a href="https://github.com/tliero/qudio/tree/master/case">case, which consists of four parts</a>. I printed mine in standard PLA. You can also <a href="https://cad.onshape.com/documents/2762d09f63c9b517c9286983/w/eb40037adee1466d85023e8d/e/802477ccf62b15a257cef26e">copy and modify it on OnShape.com</a></li> <li>The <a href="https://github.com/tliero/qudio/tree/master/case">case, which consists of four parts</a>. I printed mine in standard PLA. You can also <a href="https://cad.onshape.com/documents/2762d09f63c9b517c9286983/w/eb40037adee1466d85023e8d/e/802477ccf62b15a257cef26e">copy and modify it on OnShape.com</a></li>
<li>Raspberry Pi Zero W with a micro SD card a pin header</li> <li>Raspberry Pi Zero W with a micro SD card a pin header</li>
<li><a href="images/IMG_20190122_091336.jpg" data-fancybox="part" data-caption="CJMCU-5102 with 10 k&#8486; resistor">CJMCU-5102 plus a 10 k&#8486; resistor</a>, some PCM5102A based module or any other I2S DAC that is supported by volumio. Search for 'pHAT DAC'. A USB sound card will not work, since the USB port is used by the webcam.</li> <li><a href="images/IMG_20190122_091336.jpg" data-fancybox="part" data-caption="CJMCU-5102 with 10 k&#8486; resistor">CJMCU-5102 plus a 10 k&#8486; resistor</a>, some PCM5102A based module or any other I2S DAC that is supported by volumio. Search for 'pHAT DAC'. A USB sound card will not work, since the USB port is used by the webcam.</li>
@@ -529,7 +530,14 @@ sudo reboot</code></pre>
</p> </p>
<p> <p>
You can use <a href="misc/QR-Card_Template.odt">this ODT template</a> for creating your own cards. Since the creation of the cards can be a bit of a hassle when the collection grows larger, I have written a card generator for Spotify links. It takes a list of Spotify URIs as input and generates a PDF with the QR codes, the title and the album art. The information is printed both on the front and the back of the cards in order to make sorting of card stacks easier. I will put the generator online as soon as possible. You can use <a href="misc/QR-Card_Template.odt">this ODT template</a> for creating your own cards.
</p>
<h2 id="future">What's left</h2>
<p>
Since the creation of the cards can be a bit of a hassle when the collection grows larger, I have written a card generator for Spotify links. It takes a list of Spotify URIs as input and generates a PDF with the QR codes, the title and the album art. The information is printed both on the front and the back of the cards in order to make sorting of card stacks easier. I will put the generator online as soon as possible.
</p> </p>
<p> <p>