138 lines
4.9 KiB
HTML
138 lines
4.9 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<title>piPlayer</title>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
|
<meta property="og:image" content="http://www.tilman.de/projekte/piplayer/photos/02.jpg" />
|
|
|
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
|
|
<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
|
|
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
|
|
|
|
<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 rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
|
|
|
|
<style type="text/css" media="all">
|
|
<!--
|
|
body {
|
|
background-color: #FFFFFF;
|
|
color: black;
|
|
font-family: 'Lora', serif;
|
|
font-size: 160%;
|
|
}
|
|
|
|
h1 {
|
|
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-weight: 800;
|
|
text-align: center;
|
|
color: #303030;
|
|
}
|
|
|
|
h2, h3 {
|
|
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-weight: 800;
|
|
color: #303030;
|
|
}
|
|
|
|
#subtitle {
|
|
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-weight: 800;
|
|
font-weight: 800;
|
|
text-align: center;
|
|
color: #303030;
|
|
font-size: 120%;
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.gallery {
|
|
text-align: center;
|
|
}
|
|
|
|
.timestamp {
|
|
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
text-align: right;
|
|
color: #888;
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.fancybox-title {
|
|
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
}
|
|
-->
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
$(".fancybox").fancybox({
|
|
openEffect : 'none',
|
|
closeEffect : 'none',
|
|
helpers : {
|
|
title : {
|
|
type : 'inside'
|
|
}
|
|
},
|
|
beforeShow : function() {
|
|
var alt = this.element.find('img').attr('alt');
|
|
this.inner.find('img').attr('alt', alt);
|
|
this.title = alt;
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div id="content" class="container">
|
|
<p class="timestamp">2017-01-08</p>
|
|
<h1>Music Ball</h1>
|
|
<p id="subtitle">An mp3 player for children based on the Raspberry Pi Zero and the JBL OnStage IIIp</p>
|
|
|
|
<!--
|
|
|
|
Gliederung:
|
|
- Motivation
|
|
- Ergebnis
|
|
- Hardware
|
|
- Software
|
|
- Misc
|
|
|
|
-->
|
|
|
|
<p style="font-weight: 700;">Der CD-Player im Kinderzimmer war zwar beliebt, aber nicht wirklich praktisch: Die CDs waren so
|
|
schnell zerkratzt, dass ich mit dem nachbrennen kaum hinterherkam und auch das Gerät selbst schien schon nach einem dreiviertel
|
|
Jahr seinem Ende entgegen zu gehen. Deshalb sollte eine neue Lösung her. Möglichst robust, ohne CDs und auf jeden Fall ohne
|
|
Hilfe der Eltern bedienbar.</p>
|
|
|
|
<p class="gallery" style="float:right;">
|
|
<a href="photos/02.jpg" class="fancybox"><img src="photos/02.jpg"
|
|
width="480" alt="Die Musikrakete. Durch den Schlitz in der Mitte werden Karten mit QR-Codes eingesteckt, der Player spielt dann das entsprechende Album ab. Mit den roten Schaltern kann man zwischen den Titeln springen und stoppen." /></a>
|
|
</p>
|
|
|
|
<p>
|
|
Es fing damit an, dass Anica mich mit Begeisterung auf den <a href="https://de-de.hoerbert.com/">hörbert</a> aufmerksam
|
|
machte. Das ist ein mp3-Player für Kinder, genauer gesagt ein Mono-Lautsprecher im Holzgehäuse mit einem SD-Slot und vier
|
|
AA-Batterien. An der Vorderseite können bis zu neun Tracks über bunte Tasten direkt ausgewählt werden.
|
|
</p>
|
|
|
|
<p class="gallery">
|
|
<a href="fotos/2016-03-25_08-25-01.jpg" class="fancybox" rel="strecke02"><img src="fotos/2016-03-25_08-25-01.jpg" width="320"
|
|
alt="Der Player wurde gut angenommen. Das Bedienprinzip war sofort klar und wurde ausgiebig erprobt." /></a> <a
|
|
href="fotos/IMG_0449_cut_rot.JPG" class="fancybox" rel="strecke02"><img src="fotos/IMG_0449_cut_rot.JPG" width="320"
|
|
alt="Großer Andrang: Auch dem Einjährigen war schnell klar, dass die Karte die Musik macht. Der Player würde seine Begeisterung wahrscheinlich sogar aushalten, aber die QR-Karten sollten möglichst nicht gekaut werden, außerdem möchte der große Bruder seine Hörspiele gerne bis zum Schluss hören. Deshalb wurde das Gerät erstmal außer Reichweite positioniert. Dafür hat der Kleine jetzt Exklusiv-Zugriff auf den alten CD-Player." /></a>
|
|
<a href="fotos/2016-04-02 09-36-39.jpg" class="fancybox" rel="strecke02"><img src="fotos/2016-04-02 09-36-39.jpg"
|
|
width="320"
|
|
alt="Die QR-Codes sind streifenweise auf DIN A4 gedruckt und danach einmal gefaltet, so dass der QR-Code auf der Unterseite und das Album-Cover auf der Oberseite ist." /></a>
|
|
</p>
|
|
<hr />
|
|
|
|
<p style="margin-top: 3em; font-style: italic;">Für alle, die es genau wissen wollen und als Dokumentation noch der
|
|
Projektverlauf mit allen Details:</p>
|
|
|
|
<h2 id="planung">Planung und erste Schritte</h2>
|
|
|
|
</div>
|
|
</body>
|
|
</html> |