Du bist hier:Start»Javascript»FreeCloudProxy

Free Cloud Proxy - Musik im Browser

freecloudproxy logo

10.04.2015

Was haben Bilder und Musik gemeinsam? Beide können als digitale Daten gespeichert werden. Free Cloud Proxy kann Musik in Bilder umwandeln und Bilder in Musik. Es gibt viele kostenlose Bildspeicher-Dienste im Internet, die keine Registrierung erfordern (aktueller Stand: 2015). Free Cloud Proxy ermöglicht es Musik bei Bildspeicher-Diensten kostenlos und ohne Registrierung zu speichern. Daher der Name "Free Cloud Proxy". Dieses kleine Projekt habe ich bei freecloudproxy.sourceforge.net gespeichert.

Demo

Die Demo lädt ein Beispiellied, das in Bildern gespeichert ist. Die Bilder werden durch Javascript in Musik umgewandelt und in den Webbrowser als HTML5-Audio-Element geladen. Getestet mit Firefox. Andere Browser mit Addons wie z.B. Chrome könnten ebenfalls funktionieren. Die ursprüngliche Version des Skripts benutzte einen Proxy. Mit der Browser-Erweiterung "Greasemonkey" geht es auch ohne unzuverlässige Proxies.

Demo mit dem Greasemonkey-Skript

Für den Browser Firefox gibt es die Erweiterung Greasemonkey. Wenn die Erweiterung installiert ist, dann kann das Greasemonkey-Skript freecloudproxy.user.js die sogenannte "Same Origin Policy" des Browsers Firefox umgehen. Es kann dadurch Bilder von verschiedenen Bildspeicher-Diensten laden (von verschiedenen Domains). Da die "Same Origin Policy" durch das Skript umgangen wird, ist die Benutzerin beziehungsweise der Benutzer für die Datensicherheit verantwortlich. Bitte schau dir die Links an, die durch das Skript geladen und angezeigt werden. Wenn diese Links auf JPG-Bilder verweisen, dann drücke "OK".

Sicherheit

Wie oben bereits beschrieben kann Greasemonkey die "Same Origin Policy" des Webbrowsers umgehen. Zusammen mit der Linkliste, die von unbekannten Menschen zur Verfügung gestellt wird, kann das zu einem Sicherheitsproblem werden. Zum Beispiel kann eine Person mit bösen Absichten einen heimtückischen Link in die Downloadliste einfügen - ein bösartiger Link kann z.B. so aussehen: https://router-im-internen-netzwerk/?aktion=schalteFirewallAus Da das Skript freecloudproxy.user.js nicht entscheiden kann, welcher Link bösartig ist und welcher Link auf ein Bild verweist, muss vorm Laden der Links "OK" oder "Cancel" geklickt werden. Wenn alle Links auf JPG-Bilder von Image Hostern verweisen, dann kann "OK" geklickt werden.

Unterstützte Browser

Das Greasemonkey-Skript wurde nur mit dem Firefox Webbrowser getestet. Damit das <audio>-Element im Firefox für Linux funktioniert, muss in der Adresszeile "about:config" eingegeben und geprüft werden, dass media.gstreamer.enabled auf true gesetzt ist (ist der voreingestellte Wert bei Firefox unter Linux).

Wie Free Cloud Proxy funktioniert

Im Webbrowser siehst du nur, dass eine Musik-Datei geladen wird. Hier erkläre ich, was im Hintergrund passiert:

Die Version mit dem Greasemonkey-Skript

Sequenzdiagramm für Freecloudproxy mit greasemonkey

Zunächst lädt das Greasemonkey-Skript eine Textdatei mit Links von einem Textspeicherdienst (Free Text Host). Die Benutzerin beziehungsweise Benutzer ist dafür zuständig, die Links auf gültige Bilddateien zu überprüfen und bei bösartigen Links "Cancel" zu klicken. Sind alle Links nach der Überprüfung in Ordnung, dann muss "OK" angeklickt werden. Anschließend lädt das Greasemonkey-Skript die Bilder vom Bildspeicherdienst (Free Image Host) und wandelt die Bilder in Musik um.

Wie die Bilder aus einer Musik-Datei erzeugt werden können

# on a Linux system:

wget https://freecloudproxy.sourceforge.net/fileToImages.sh
chmod 755 fileToImages.sh
./fileToImages.sh cdk_-_Demons.mp3

# creates a directory with images and the link file:
cd parts.cdk_-_Demons.mp3/

oder für andere Betriebssysteme:

# on other system with ruby - download fileToImagesConverter.rb:

wget https://freecloudproxy.sourceforge.net/fileToImagesConverter.rb

ruby fileToImagesConverter.rb cdk_-_Demons.mp3

# creates a directory with images and the link file:
cd parts.cdk_-_Demons.mp3/

Lade die erzeugten Bilder zu einem Bildspeicherdienst hoch. Füge die Links zu der Datei linkfile.txt hinzu. Lade den Inhalt der linkfile.txt zu einer "Paste"-Seite hoch. Schließlich muss der Downloadlink wie oben beschrieben zusammengebaut werden.

Ausblick

Wie immer gibt es Spielraum für Verbesserungen. Einige Ideen:

  • kreativerer Umgang mit den Bildern - z.B. jedes Pixel eines Bildes zum Kodieren benutzen (canvas-Element)
  • die Textdatei mit den Links mit AES und einem Passwort verschlüsseln
  • Software entwickeln, die außerhalb des Browsers läuft und die Bilder zur Offline-Nutzung speichert
  • die Textdatei mit den Links könnte natürlich auch in Bildern versteckt werden

Kostenlose Cloud-Anbieter mit Stand vom April 2015

Beispiele für Bildspeicherdienste beziehungsweise "free image hosting" sind:

Viele Textspeicherdienste benutzen heutzutage CAPTCHAs, um sich gegen Spam zu schützen. Eine Alternative wäre es den Text mit den Bilder-Links ebenfalls in einem Bild zu speichern. Beispiele für Textspeicherdienste sind:

Viel Spaß beim Ausprobieren! Falls noch etwas unklar sein sollte, dann kannst du die Kommentar-Funktion benutzen.

Kommentar schreiben

Ihre Daten werden verschlüsselt übertragen. Der Kommentar wird gelesen und eventuell veröffentlicht.
Wenn der Inhalt des Kommentars oder Teile des Kommentars nicht veröffentlicht werden, dann werden die gespeicherten Daten nach maximal 4 Wochen gelöscht. Um zukünftigen Missbrauch der Kommentarfunktion zu verhindern, werden die zum Kommentar gehörenden IP Adressen maximal 4 Wochen gespeichert.