A8Dropzone

Die A8Dropzone ist die ideale Ergänzung für Ihre Website! Zum Beispiel für die Bereiche

Fotoausarbeitung Online Community Video-Portal Druckerei Bildergallerie

Dokumentenmanagement Wiki Web-Applikation File-Sharing Content Management System

und natürlich überall, wo Ihnen jemand beliebige Dateien schnell und unkompliziert aus dem Browser übermitteln möchte!

Die A8Dropzone vereinfacht alle Datei-Uploads und bietet folgende Vorteile:

• Upload durch Drag-&-Drop einer oder auch mehrerer Dateien auf die A8Dropzone
• Upload durch: Dateien im Datei-Explorer kopieren und A8Dropzone anklicken
• Upload aus Zwischenablage: Bilder (zB Screenshots), die in der Zwischenablage sind, durch Anklicken der A8Dropzone hochladen
• Media-Konverter PLUS
• Image Center PLUS
• Upload kompletter Verzeichnisse inkl. aller Unterverzeichnisse!
• NEU ab V2.9:
  • Apple Mac kompatibel
  • A8Dropzone aktivieren/deaktivieren mittels Javascript
  • Bildschirm-Schnappschuss ("Screenshot") erstellen (ohne separates Tool)
• Einfachste Integration in jede Website / Webapplikation
• Läuft in allen gängigen Browsern (Java Applet Technologie)
• Blockiert nicht den Browser - Upload läuft im Hintergrund

Das folgende Video zeigt kurz was die A8Dropzone leistet und wie Sie diese sofort und extrem einfach in Ihre Web-Applikation integrieren können.
Verglichen mit "normalen" Dateiuploads ist die A8Dropzone die "coole" Lösung für Sie und Ihre Kunden!

Media Converter PLUS

Der Media Converter PLUS akzeptiert viele verschiedene Audio- und Videoformate und konvertiert Dateien noch vor dem Upload am PC des Benutzers!

Der Media Converter PLUS öffnet sich, wenn beim Fallenlassen einer Datei die STRG-Taste gedrückt wird.

• (I) Input-Stream-Auswahl
  Audio und/oder Video konvertieren
  Codecs (mp3, aac, flv, mp4 [h.264])
  Bitraten und Sampling/Frame-Rate
  Mono/Stereo
• (C) ... Video horizontal/vertikal zuschneiden
• (S) ... Video Ausgabe-Größe einstellbar
• (O) ... Offset = Audio/Video Synchronisation
• Video am Anfang/Ende zuschneiden
• (G) ... GO-Button startet die Konvertierung
• (L) ... Log-Ausgabe
• (P) ... Fortschrittsanzeige & verbleibende Zeit
• (U) ... Upload-Button erscheint nach Konvertierung

So werden beliebige Mediendateien in ein Format umgewandelt, das im Web leicht wiederverwendet werden kann (Audio: mp3, Video: mp4 [H.264] oder flv). Davor können auch noch Datenraten, Bildraten, Auflösung, und andere nützliche Einstellungen vorgenommen werden. Durch die bereits beim Client optimierten Dateien verkürzt sich die Upload-Zeit und Datentransfer-Menge und der Server wird stark entlastet, da die Dateien bereits "transcodiert" hochgeladen werden und somit eine Konvertierung am Server komplett entfällt. h.264 kodierte mp4-Videos werden zusätzlich für ein automatisches Streaming vorbereitet.

Ideal also für alle Szenarien wo User auf einfachste Art und Weise auch umfangreiche Multimedia-Dateien hochladen können!

Features:

• HD Video transcoder Profile
• VOB / DVD zu h264 mp4/avi (kombiniart alle VOBs einer DVD automatisch!)
• BluRay / m2ts zu h264 mp4/avi full resolution!
• audio / video input stream selector für DVDs/BluRays
• video crop horizontal/vertikal (zB schwarze Balken wegschneiden)
• audio/video skew correction Audio und Video wieder synchron bringen
• asterisk Audio-Aufnahmen für asterisk / trixbox umwandeln
• powerful ffmpeg GUI frontend - gleich ausprobieren! (konvertierte Files liegen in C:\A8Dropzone)

media conversion using ffmpeg and MP4Box

Image Center PLUS

Im Image Center PLUS können Bilder vor dem Upload noch vorbereitet und zugeschnitten werden!

Das Image Center PLUS öffnet sich, wenn beim Fallenlassen einer Datei die STRG-Taste gedrückt wird
UND beim Upload eines Bildes aus der Systemzwischenablage (z.B. Screenshot).

1. Bildausschnitt wählen
   • Neu ab v2.8: Fixes Seitenverhältnis
2. Info Original- & Ausschnitts-Größe
3. Bild-Größe für Upload
4. Dateiname
5. Upload-Button

Durch die Möglichkeit, Bildausschnitte wählen und das Bild noch vor dem Upload zum Server verkleinern zu können, ist die A8Dropzone die ideale Lösung um schnell und unkompliziert z.B. Screenshot-Ausschnitte (über Alt-Druck erstellt) aber auch beliebige andere Bilddateien hochzuladen.

resizing/cropping of large image files using ImageMagick

Demo

Probieren Sie die A8Dropzone hier aus!

Hier können sie probeweise Dateien mittels A8Dropzone hochladen und selbst staunen wie einfach es ist. Testen Sie auch den Upload von Bildern und speziell den Upload von Bildschirmschnappschüssen. Drücken Sie dazu einfach die "Druck"-Taste auf Ihrer Tastatur und klicken Sie dann mit der linken Maustaste auf die A8Dropzone.

Hinweis: In dieser Demo können Sie Dateien bis max. 20M Größe hochladen.

Ihre installierte Java-Version(en):

Download

Aktuelle Version:

a8dropzone-2.9.4.jar   (2012-04-27)

Durch den Download akzeptieren Sie das License Agreement (Englisch).

zendesk Widget - GRATIS

Verwenden Sie das KOSTENLOSE Widget in Ihrem Support-System!

Wie?

Fügen Sie einfach die folgenden 2 Zeilen Code as "Custom Widget" auf der Ticket-Seite ein: <div id="a8dz">A8Dropzone goes here...</div> <script type="text/javascript">Widget.require('http://www.a8dropzone.com/zendesk/a8dropzone-zendesk-widget.js.php');</script>
(Widget und A8Dropzone sind KOSTENLOS für alle zendesk.com Subdomains)

System-Anforderungen

A8Dropzone ist ein Java Applet. Sie benötigen das aktuelle Java-Plugin in Ihrem Browser (Java 6):

• Java Runtime & Browser-Plugin gratis Download von java.com

Um den eingebauten Audio/Video-Konverter zu nutzen, lädt die A8Dropzone zusätzliche Tools herunter (ffmpeg, mp4box und andere benötigte Dateien), die - derzeit - nur auf Windows-Systemen funktionieren.

Joomla! Plugin - GRATIS

In wenigen Schritten zum kostenlosen A8Dropzone Joomla! Plugin:

1. Aktuelle Version herunterladen: a8dropzone-2.9.4-joomlaPlugin.zip

2. In Joomla "Erweiterungen" installieren

3. Plugin aktivieren

3.1 Optional: Integrations-Parameter bei Plugin einstellen (Parameter siehe "Integration")

4. Lizenzschlüssel installieren

Die A8Dropzone findet man nun direkt beim Bearbeiten eines Beitrags und in der Joomla!-Medienbibliothek:

Joomla! (www.joomla.org) ist ein sehr beliebtes, weit verbreitetes und lizenzkostenfreies Content Management System (CMS), das neben umfangreichen Standard-Funktionen zur Erstellung und Verwaltung von dynamischen Websites auch mit vielen verfügbaren Plugins erweitert werden kann. Das kostenlose A8Dropzone Joomla! Plugin ist so eine Erweiterung: Für Joomla! User Nutzen Sie die Power der A8Dropzone um sehr schnell ganze Verzeichnisstrukturen von Bildern und anderen Mediendateien mit einer einzigen Drag&Drop-Aktion in Ihre Joomla! Medienbibliothek hochzuladen. Für Hosting Provider Bieten Sie Ihren Kunden eine tolle Zusatzfunktion, die das sonst mühsame Hochladen von Bildern in Joomla! unglaublich einfach macht. Ihre Kunden werden begeistert sein und diesen Service besonders schätzen. Interesse an Joomla!-Hosting? Wir bieten Ihnen ein All-Inclusive-Paket für Ihren eigenen virtuellen Server inklusive Joomla! und vorinstalliertem A8Dropzone Joomla! Plugin.

Activ8 is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

Integration

Tutorial (Englisch)

Lesen Sie das aktuelle, umfangreiche Tutorial und lernen Sie, wie die A8Dropzone in Ihr Web-Projekt integriert werden kann für ein tolles Upload-Erlebnis!

Das Tutorial umfasst

• Client- und Server-seitige Implementierung (Javascript + PHP)
• How-To: Anzahl der Dateien begrenzen
• How-To: Datei-Icons und tolle Vorschaubilder hochgeladener Fotos
• How-To: Dateien löschen mittels AJAX
• How-To: Dateien umbennen sowie Beschreibung und Tags hinzufügen (Dialog + AJAX)

Upload zu Amazon S3

In diesem Spezial-Tutorial (Englisch) erfahren Sie alles über den Einsatz der A8Dropzone für direkte Datei- und Verzeichnis-Uploads zu Amazon S3.

Die Funktionsweise

Die A8Dropzone generiert POST-Requests genau wie ein Upload-Element eines normalen HTML-Formulars. D.h. die Programmierung auf der Serverseite MUSS nicht geändert werden.
Aber durch Einsatz der A8Dropzone KANN man Web-Applikationen - und speziell die Datei-Uploads - für die Benutzer absolut neu und extrem einfach gestalten: Seiteninhalte können dynamisch ausgetauscht werden. Zur Demonstration bitte das oben stehende Video ansehen und natürlich die A8Dropzone selbt testen!
Übrigens: Hat der Benutzer ein Bild in der Systen-Zwischenablage und klickt einfach auf die A8Dropzone, so konvertiert die A8Dropzone das Bild in das PNG-Format und öffnet es im Image Center - optimal auch für Screenshots!

Einfache Integration

Stellen Sie einfach die Datei a8dropzone-X.Y.Z.jar auf Ihren Server und betten Sie z.B. so in Ihren HTML-Code ein:

Erklärung dazu: Das Applet generiert POST-Requests an die URL die Sie in postURL angeben. Sie können dem Request noch beliebige Parameter hinzufügen (z.B. Session-ID), die bei jedem Datei-Upload mitgeschickt werden: "postParamX" (X=0..n). Die Javascript-Funktion, die nach einem Datei-Upload ausgeführt werden soll, können Sie in "responseFunction" definieren. Diese Funktion wird mit einem Parameter aufgerufen: und zwar dem Response vom Server. (Hinweis: der "mayscript"-Parameter beim Applet-Tag teilt dem Browser mit, dass das Applet Javascript-Funktionen aufrufen darf). Wenn der Benutzer mehrere Dateien auf einmal hochlädt, so wird jede Datei über einen separaten POST-Request zum Server geladen. Nach jedem Request wird die Javascript-Funktion aufgerufen. Sie können die Beschriftung angeben, die angezeigt werden soll wenn die A8Dropzone inaktiv ist. Der "encoding"-Parameter teilt der A8Dropzone mit wie sie den Response vom Server lesen soll. Mit dem "directoryUpload"-Parameter bestimmen sie, ob ein Benutzer komplette Verzeichnisse (inkl. Unterverzeichnissen!) hochladen kann: Im Falle von "true" sendet die A8Dropzone pro POST-Request zusätzlich die HTTP-Header "A8AbsolutePath" und "A8RelativePath" mit.

Hier nur ein kleines Beispiel für die Implementierung einer "responseFunction":

Natürlich benötigen Ihre Benutzer das Java plugin im Browser, welches Teil der Java Runtime Environment (JRE) 6 ist und von folgendem Link heruntergeladen werden kann: SUN Java Downloads. Sehr große Bilder können in der Regel aufgrund der Java-Speicherplatzzuweisung durch den Browser nicht im ImageCenter bearbeitet werden. Für den Upload gibt es aber keine Größenbeschränkung.

Auf der Serverseite behandeln Sie den Request genau wie jeden anderen Datei-Upload-Request, den ein Standard-HTML-Formular mit enctype="multipart/form-data" auch generieren würde. Da dieser Upload "im Hintergrund" stattfindet während der Benutzer die aktuelle Seite nicht verlässt, sollten Sie diese Requests am Server auch separat bearbeiten - ähnlich wie Sie einen AJAX-Request am Server bearbeiten würden.

Wenn bei der Einbettung der Parameter "directoryUpload" auf true gestellt ist, können Benutzer komplette Verzeichnis-Strukturen hochladen indem sie ein Verzeichnis über Drag&Drop auf die A8Dropzone fallen lassen. In diesem Fall sendet die A8Dropzone folgende HTTP-Header pro Datei an den Server:

• A8AbsolutePath ... der Absolute Pfad der Datei am Client (zB: "C:\temp\test.pdf")
• A8RelativePath ... der Pfad der Datei relativ zum hochgeladenen Stammverzeichnis.
  zB: der Benutzer lädt das Verzeichnis "C:\temp\files" hoch:
  C:\temp\files\f1.pdf
  C:\temp\files\subdir1\f2.pdf
  A8RelativePath ist dann entsprechend "files\f1.pdf" und "files\subdir1\f2.pdf". Somit kann am Server sehr leicht die hochgelandene Verzeichnisstruktur inkl. der Pfade ausgelesen werden.

Hinweis: Die Pfade beinhalten die systemspezifischen Pfad-Separatoren (\ unter Windows und / unter Linux).

Lädt ein Benutzer eine große Datei (siehe Parameter "chunkSize" unten) hoch, so wird diese in Teilstücke zerlegt und die HTTP-Header A8Chunk und A8Chunks werden in jedem Request mitgesendet. Um die Teile am Server wieder zusammenzufügen kann man z.B. cat chunks* > all auf einem Linux-System verwenden.

Damit das Applet all diese Funktionen im Browser durchführen darf, wird die JAR-Datei mit unserem Code-Signing-Zertifikat signiert.

Parameter

Obligatorische Parameter

licenseKey

Der Lizenzschlüssel, den Sie von uns nach Bestellung erhalten

postURL

Ziel-URL für Datei-Uploads (üblicherweise Script am Server, das Dateien entgegennimmt und bearbeitet)

responseFunction

Name der JavaScript-Funktion, die von A8Dropzone nach jedem Upload einer Datei aufgerufen wird
1 Parameter = Response-Body vom Server

encoding

Zeichen-Kodierung des HTTP-Responses vom Server (z.B: UTF-8)

Optionale Parameter

parameterName

Der Parameter-Name der Datei für den Server (default = "file" entspricht <input type="file" name="file">)

chunkSize

Große Dateien werden aufgeteilt auf mehrere Requests an den Server gesendet. Dieser Parameter gibt die max. Request-Größe an. (in Bytes, default = "2147483648" .. 2GB)
Bsp: wird bei einer chunkSize von 1073741824 (=1GB) eine Datei mit 2,5GB hochgeladen, so werden 3 Requests zum Server gesendet: 1GB, 1GB, 0.5GB. Am Server können die Teile wieder zu einer großen Datei zusammengefügt werden.
Pro Request sendet die A8Dropzone die zusätzlichen HTTP-Header A8Chunk und A8Chunks mit.

postParam0, postParam1, ...

Parameter die im POST-Request an den Server pro Datei mitgeschickt werden (z.B. Session-ID)

postParamsFunction

Name einer Javascript-Funktion, die vor jedem File-Upload aufgerufen wird. So können dynamische Parameter mitgeschickt werden. Bsp:

function myPostParamsFunction() {
  var a = new Array();
  a[0] = "dynamicParam1=value1";
  a[1] = "dynamicParam2=" + document.getElementById("aHiddenInput").value;
  return a;
}

delayBetweenFiles

Pause zwischen Files (in Millisekunden, default = 0)

label

A8Dropzone-Beschriftung

directoryUpload

true / false ... Verzeichnis-Upload akzeptieren

filenameMustMatch

Java Regular Expression um genau zu definieren welche Dateien hochgeladen werden können
Bsp: ^.*\.(jpg|wav)$ ... akzeptiert nur jpg und wav Dateien

filenameMustMatchError

Fehlermeldung wenn Dateiname nicht zu 'filenameMustMatch' passt

maxFileSize

Dateigrößenbeschränkung (in Bytes)

maxFileSizeError

Fehlermeldung wenn eine Datei die Dateigrößenbeschränkung überschreitet

imageCenter

never, possible (=default), always ... Image Center PLUS verhindern / erlauben / erzwingen (für Bilder)

imageMaxWidth

Maximale Bildbreite des Bild-Uploads aus Image Center (in Pixel)

imageMaxHeight

Maximale Bildhöhe des Bild-Uploads aus Image Center (in Pixel)

imageAspect

Seitenverhältnis erzwingen, Bsp "16:9" oder "1,7777777")

imageDownload0, imageDownload1, ...

optionale URLs für Downloads der ImageMagick-Utilities (convert.exe, DLLs, ...)

transcoder

never, possible (=default), always ... Media Converter PLUS verhindern / erlauben / erzwingen (für Audio/Video-Dateien)

transcoderDownload0, transcoderDownload1, ...

optionale URLs für Downloads der Utilities (ffmpeg.exe, preset-files, MP4Box.exe, ...)

transcoderAudio

true / false ... Audio-Uploads akzeptieren

audioProfile0, audioProfile1, ...

Audio-Profil-Definition im Format
name|ffmpeg-encoder|extension|bitraten|samplingraten|kanäle|ffmpeg params
Bsp: mp3|libmp3lame|.mp3|32k,64k,96k*,128k,192k,256k,320k|22050*,44100,48000|1,2
Bsp: aac|aac|.aac|32k,64k,128k,256k*|22050,44100*|1,2|-strict experimental
(Sternchen = Default-Auswahl)

transcoderVideo

true/false ... Video-Uploads akzeptieren

videoProfile0, videoProfile1, ...

Video-Profil-Definition im Format
name|ffmpeg-encoder|extension|bitraten|frameraten|audioprofil|ffmpeg params|mp4box params
Bsp: h264|libx264|.mp4|256k,512k*,768k,1024k|6,12,25*|aac|-g 50 -filter:v yadif|-inter 1000
(Sternchen = Default-Auswahl)

videoMaxWidth

Maximale Videobreite des Video-Uploads aus Media Converter (in Pixel)

videoMaxHeight

Maximale Videohöhe des Video-Uploads aus Media Center (in Pixel)

Jetzt bestellen