XtraSimplicity

Vor kurzem habe ich eine Anleitung gefunden, die erklärt, wie man Musik von seine iTunes Bibliothek nach sein iPod/iPhone streamt, für Computer, die Mac OSX haben. Deswegen habe ich entscheidet, eine Anleitung für der Windows Benutzer zu erstellen.

Die Originale Anleitung kann am folgender link gefunden werden: http://www.pixelcity.com/iphone-streaming-music/. Dieser Link ist auf Englisch geschrieben.

---

Zuerst werden Sie ein PHP-aktivierter HTTP (web) Server brauchen, der Sie benutzen kann, um das “Streaming” Paket zu Hosten.
Sie können entweder Apache HTTP Server und PHP5 manuell herunterladen und installieren, oder WAMP installieren, die der Installierungsprozess vereinfacht.

Bitte bemerken Sie: Wenn Ihrer Server äusserlich-verfügbar sein wird, sollten Sie Apache HTTP Server und PHP5 manuell installieren und konfigurieren.

1) Herunterladen Sie WAMP von hier (~16Mb).
2) Führen Sie die WAMP Installierungsanwendung aus, und folgen Sie der folgende Anweisungen.


Wählen Sie bitte ein Ordner aus, wo WAMP installiert werden soll. Ich habe es allein gelassen, da es fast kein Unterschied macht.


Wenn Sie Internet Explorer nutzen, Klicken Sie bitte “OK”. Andernfalls, navigieren Sie bitte zu der Ordner Ihres Browsers, um die EXE-datei zu wählen. Für Firefox, ist es C:\Programme\Mozilla Firefox\firefox.exe.

Wenn ein Dialogfenster erscheint, die über eine Windows Firewall Blockierung verwarnt, klicken Sie bitte “Zugriff zulassen”.

Schöne Arbeit, WAMP ist nun installiert.
Jetzt, Wenn Sie nach http://localhost/ navigieren, sollen Sie die folgende Seite sehen:

3) Sie müssen nun etwas ändern, um Ihrer Musik Ordner durch Ihre Web Server freizugeben.
Es gibt ja ein paar möglichkeiten, wie man dies macht:
1) Sie können Ihrer Musik nach der “www” (manchmal ist es “htdocs”) Ordner der WAMP-Installierung verschieben.
2) Sie können der Ort Ihrer Musik Ordner ändern.
3) Sie können ein Symbolischer Link erstellen, der sich erlaubt, Ihre Datei allein zu lassen.
Für diese Anleitung, werde ich die Symbolischer Link wählen.

Ein Symbolischer Link auf Windows Vista oder Windows 7 erstellen:
Auf ein Windows Vista oder Windows 7 Computer,
i) Klicken Sie Start
ii) Tippen Sie “cmd” im Suchfeld
iii) Drücken Sie Steuerung + shift + enter gemeinsam.
iv) Klicken Sie “Ja” auf dem UAC Dialogfenster.
v) Tippen Sie mklink /D <ordner 1> <ordner 2>
z.B. mklink /D C:\Test C:\Users\Username\Desktop\Test verbindet C:\Test und C:\Users\Username\Desktop\Test gemeinsam, also, Falls Sie Dateien in C:\Users\Username\Desktop\Test haben, können Sie solche Datei öffnen, wenn Sie entweder C:\Users\Username\Desktop\Test oder C:\Test öffnen.

Ein Symbolischer Link auf Windows XP erstellen:
Die gleiche Theorie (für Windows 7 und Vista) wendet sich auch auf Windows XP an, aber statt mklink, müssen Sie eine Anwendung nutzen, die Winbolic heißt. Sie können es hier herunterladen.

In diese Anleitung, habe ich mklink /D C:\wamp\www\itunes C:\wamp\www\itunes\iTunes Media\Music benutzt.

4) Herunterladen Sie Die PHP-datei fürs Streaming-paket von hier (die Seite des Eigentümers) oder hier (lokales Mirror).
5) Extrahieren Sie dieser Datei, und der iPhone Ordner zu Ihrem WAMP ‘www’ Ordner (normalerweise ist es C:\wamp\www) Kopieren. Falls Ihrer Computer fragt, ob Sie es überschreiben wollen, Klicken Sie bitte auf “Kopieren und Ersetzen”, oder ähnliche.
6) Kopieren Sie der iTunes Ordner nach Ihrem Musik Ordner. Für mich, war es C:\Benutzer\Andrew\Musik, aber für sich werde es vielleicht etwas verschiedenes sein. Es ist der gleicher Ordner, mit den Sie ein Symbolischer Link erstellt haben.
7) Und das ist alles! Wenn Sie diese Anleitung richtig gefolgt haben, werden Sie eine Seite wie diese sehen, wenn Sie Ihre Seite von Ihrer iPod/iPhone zugreifen.

Sie können Ihrer Website durch http://<IP_Ihres_Computers>/iphone zugreifen.
Sie können es auf den Computer, denen die WAMP-server hat, durch http://localhost/iphone/ zugreifen.

In letzter Zeit verbrachte ich etwas Zeit für die Übersetzung meiner Website, die persönlich von mir Übersetzt wurde.

Zurzeit biete ich Englisch und Deutsch (und bald Russisch) an. Ich werde natürlich “Google Language Tools” nutzen, um die Russische Übersetzung zu erstellen, da mein Russisch ja nicht so gut ist.

Haben Sie sich je gewundert, wie man eine Seite verdunkelt, wenn man auf ein Popup-link klickt? Ich hab es mich ja gewundert… naja, bis ich heute eine Lösung gefunden haben.

Der Code folgt:

---

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Unbenannte Dokument</title>

<script language="javascript" type="text/javascript">
// <!CDATA[

function SignUpForNewsletter()
{
    DarkenPage(); // Die seite verdunkeln
    ShowNewsletterPanel(); // NewsLetterPanel Anzeigen
}

function ShowNewsletterPanel()
{
    var newsletter_panel = document.getElementById('newsletter_panel');

    // w ist die Breite des newsletter panels
    w = 300;
    // h ist die Größe des newsletter panels
    h = 300;

    // x und y Koordinaten bekommen, um der Newsletter panel zu centrieren.
    xc = Math.round((document.body.clientWidth/2)-(w/2))
    yc = Math.round((document.body.clientHeight/2)-(h/2))

    // Newsletter panel anzeigen
    newsletter_panel.style.left = xc + "px";
    newsletter_panel.style.top  = yc + "px";
    newsletter_panel.style.display = 'block';
}

function SignUp()
{
    // hide the newsletter panel
    var newsletter_panel = document.getElementById('newsletter_panel');
    newsletter_panel.style.display = 'none';
    // lighten the page again
    LightenPage();
}

// this function puts the dark screen over the entire page
function DarkenPage()
{
    var page_screen = document.getElementById('page_screen');
    page_screen.style.height = document.body.parentNode.scrollHeight + 'px';
    page_screen.style.display = 'block';
}

// this function removes the dark screen and the page is light again
function LightenPage()
{
    var page_screen = document.getElementById('page_screen');
    page_screen.style.display = 'none';
}

// ]]>
</script>

<style type="text/css">

body
{
 padding:0px;
 margin:0px;
}

#page_screen
{
   background-color:#000000;
   filter:alpha(opacity=80);
   opacity: 0.8;
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   display:none;
}

#newsletter_panel
{
   width:300px;
   height:300px;
   background-color:#FFFFFF;
   border:1px solid #000000;
   position:absolute;
   top:0px;
   left:0px;
}
</style>

</head>
<body>
    <h2>

        <span style="font-family: Trebuchet MS">Blur test&nbsp;
            <input id="Button1" type="button" value="Sign up for newsletter!" onclick="SignUpForNewsletter();" /></span></h2>
    <div id="lipsum">
        <p>
            <span style="font-size: 10pt; font-family: Trebuchet MS"></span>
        </p>
        <p>
            <span style="font-size: 10pt; font-family: Trebuchet MS">

                <img src="image_1.jpg" style="float: left; margin-right: 10px" width="400" />

            </span>
        </p>
        <p>
            <span style="font-size: 10pt; font-family: Trebuchet MS">
                </span>
        </p>
        <p>
            <span style="font-size: 10pt; font-family: Trebuchet MS"> </span>

        </p>
        <p>
            <span style="font-size: 10pt; font-family: Trebuchet MS"></span>
        </p>
    </div>

    <div id="page_screen">
        &nbsp;
    </div>

    <div id="newsletter_panel" style="display:none;">
        Sign up for our
        <h3 style="color:#FF6600;">NEWSLETTER</h3>

        your email address :
        <input type="text" />
        <br />

        <input type="button" value="Sign up!" onclick="SignUp();" />
    </div>

</body>

</html>

---

You can use the above as a template.

Enjoy!