Tutorial: Musik einfügen
In diesem Tutorial wird erklärt, wie es möglich ist im Rahmen des Multimedia-Projektes Musik in DereGlobus einzufügen. Die Musik kann in einem kleinen Flash-Player innerhalb eines Beschreibungskastens einer Ortsmarke angehört werden. Die Musikstücke von unseren Partnern Orkpack, DSA-Soundtracks und Erdenstern befinden sich bereicht auf dem DereGlobus-Server oder werden auf Nachfrage hochgeladen.
Ortsmarke erstellen (Google Earth Editor)
Möchte man mehrere Musikstücke einbinden (jedes in einer eigenen Ortsmarke) erstellt man sich am besten zuerst einen Ordner im Seitenmenü (Rechtklick > Hinzufügen > Ordner) um markiert ihn.
Ortsmarke setzen
Mit dem gelben Pin-Symbol in der Symbolleiste oder über Rechtsklick > Hinzufügen > Ortsmarkierung fügt man dann eine neue Ortsmarke hinzu und schiebt sie mit der Maus an die gewünschte Position auf dem Globus. Das Musikstück sollte natürlich zu dieser Region passen. Als Titel wählt man den Titel des Musikstückes (ohne Interpreten).
Code einfügen
Nun folgt der Beschreibungstext der Ortsmarke, in welchen auch der MP3-Flash-Player eingebettet ist. Dazu kopiert man einfach untenstehenden Code (ohne die gestrichelten Linien) und fügt ihn unter "Beschreibung" in die Ortsmarke ein. (Falls man das Editor-Fenster schon wieder geschlossen hat, kann dieses mit Rechtsklick auf die Ortsmarke > Eigenschaften wieder öffnen.)
---------------------------------------------------------------------------------------------------
<style type="text/css"><!--
a:link, a:visited { text-decoration: none; color: #B21C19; }
a:hover { text-decoration: underline; color: #B21C19; }
hr { width:100%; color:black; background-color:black; height:1px; margin-bottom:0px; }
#wiki { font-size:10px; }
--></style>
<table cellpadding="10" cellspacing="0" align="center"><tr><td>
<!-- EDIT MP3-URL (mp3url=) UND NAMEN DES STUECKES (txt=) -->
<embed src="http://www.dereglobus.orkenspalter.de/public/DereGlobus/Multimedia/player/mp3.swf?
mp3url=http://dereglobus.orkenspalter.de/public/Medien/Multimedia/media/mp3/Orkpack/Regionalmusik/Tulamidenlande%20von%20Orkpack.mp3
&
txt=Tulamidenlande%20von%20Orkpack
&barbgcolor=#c89959&loadbar=#7a7979&posbar=#b21c19
& quality="high" bgcolor="#c89959" width="300" height="25" name="mp3" align="middle" allowScriptAccess="sameDomain"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
<hr><div id="wiki">
<!-- EDIT HOMEPAGE-URL UND ICON-URL -->
<a href="http://www.orkpack.de"><img src="http://dereglobus.orkenspalter.de/public/DereGlobus/Menue/media/Orkpack_Icon.png"
align="left"></a></p>
<!-- EDIT NAME DES INTERPRETEN UND HOMEPAGE-URL UND DOWNLOAD-URL -->
<p>Vielen Dank an Ralf Kurtsiefer von <a href="http://www.orkpack.de">Orkpack.de</a>, der uns dieses
Musikstück zur Verfügung gestellt hat. <a href="http://www.orkpack.de/?page_id=110" title="Klicken und dann oben rechts
<Open in Externem Browser> wählen">Download >></a></p>
</div>
</td></tr></table>
---------------------------------------------------------------------------------------------------
Code editieren
Nun gilt es alle markierten Elemente im Code zu ersetzen. Zuerst fügt man die URL des Musikstückes hinter "mp3url=" ein. Die URL eines Stückes erhält man hier in der Musik-Mediathek indem man auf das gewünschte Stück Rechtklick > Link-URL kopieren ausführt (kann ja nach Browser variieren). Sodann kopiert man den Namen des Stückes einfach aus der URL heraus (wichtig: die "%20" müssen drin bleiben, sie stehen im HTLM-Code für ein Leerzeichen) und fügt ihn hinter "txt=" als Titel ein.
Als nächstes wird der eigentliche Beschreibungstext - also hier die Danksagung an den Interpreten - editiert. Die URL der Homepage ist selbsterkärend: http://www.orkpack.de, http://www.dsa-soundtracks.de oder http//www.erdenstern.de eben. Dann folgt die URL des Icons: Diese lauten je nach Interpreten "Orkpack_Icon.png", "DSA-Soundtracks_Icon.png" oder "Erdenstern_Icon.png".
Schlussendlich wird der Name des Interpreten angepasst: "Ralf Kurtsiefer" für Orkpack, "Jan Elster" für DSA-Soundtracks oder "Per Dittmann" für Erdenstern. Nach erneutem einfügen der Homepage-URL folgt als letztes die Download-URL zu diesem konkreten Stück. Die muss auf den Homepages gesucht, aus der Browserzeile kopiert an entsprechender Stelle eingefügt werden.
Ortsmarke speichern
Die Arbeit in Google Earth ist nun getan und die Ortsmarke für weitere Bearbeitung gespeichert. Dies geht mittels Rechtsklick > Ort speichern unter > Name eingeben (Wichtig: als KML und nicht als KMZ speichern!) > OK. Hat man in einem Ordner mehrere Ortsmarken erstellt, ist es sinnvoll den gesamten Ordner zu speichern (auf gleiche Art und Weise).
Ortsmarke stylen (Text-Editor)
Noch sieht die Ortsmarke wie ein gelber Standard-Pin aus, mit weißem Beschreibungskasten. Deshalb folgt jetzt die Verschönerung, indem wir der Ortsmarke ans DereGlobus Design anpassen. Dazu benötigt man einen Text-Editor, wir empfehlen Notepad++ (download), da es keine Probleme bei der Codierung macht.
Style-Müll löschen
Zuerst muss dafür der Style-Code gelöscht werden, den Google Earth in die KML-Datei geschrieben hat. Dazu öffnet man die zuvor gespeicherte KML-Datei im Text-Editor und löscht alle <Style> und <StyleMap> KML-Tags incl. Inhalt.
Style-URL setzen
Dann löscht man das was zwischen <StyleUrl>LÖSCHEN</StyleUrl> steht und ersetzt es durch die DereGlobus Style-Datei für Musik:
http://dereglobus.orkenspalter.de/public/DereGlobus/Multimedia/style/Multimedia.kml#Musik
Nun kann man die Datei abspeichern und auf den Server hochladen bzw. per Mail an upload@dereglobus.org einsenden.
Ergebnis
Das Ergebnis müsste dann so aussehen. Klickt man auf den Play-Butten ist die Musik zu hören! (Leider hört sie auch sofort wieder auf, wenn man den Beschreibungskasten schließt...)