A8Dropzone "SEXY" UPLOADS
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 der "normalen" Art und Weise von Dateiuploads im Internet ist die A8Dropzone der neue "Web 2.0"-Weg 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 (abhängig von Einstellung).
|
-
(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
media conversion using ffmpeg and MP4Box
|
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!
! Neu ab v2.6:
- 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)
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 (abhängig von Einstellung) und
beim Upload eines Bildes aus der Systemzwischenablage (z.B. Screenshot).
|
-
Bildausschnitt wählen
- Neu ab v2.8: Fixes Seitenverhältnis
- Info Original- & Ausschnitts-Größe
- Bild-Größe für Upload
- Dateiname
- Upload-Button
resizing/cropping of large image files using ImageMagick
|
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.
A8Dropzone hier testen!
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.
Dateien werden nach dem Upload hier erscheinen
Ihre installierte Java-Version(en):
Download
zendesk Widget - GRATIS!
Nutzen auch sie das konstenlose Widget für Ihr zendesk Support-System!
Alle Infos HIER...
Joomla! Plugin - GRATIS!
In 3 schnellen Schritten zum kostenlosen A8Dropzone Joomla! Plugin:
- Aktuelle Version herunterladen: a8dropzone-2.9.0-joomlaPlugin.zip
- In Jommla "Erweiterungen" installieren:

-
Plugin aktivieren:
- Optional: Integrations-Parameter bei Plugin einstellen (Parameter siehe "Integration")
- 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? A8Hosting bietet 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
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)
Tutorial öffnen...
Für eine Beschreibung aller A8Dropzone Optionen und Parameter klicken Sie bitte unten "Details ein/ausblenden" an:
Details ein/ausblenden
Bitte HIER klicken um die technischen Integrations-Details ein/auszublenden
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-2.7.0.jar auf Ihren Server und betten Sie z.B. so in Ihren HTML-Code ein:
<applet mayscript code="at.activ8.a8dropzone.A8Dropzone" codebase="http://your.domain.com/a8dropzone" archive="a8dropzone-2.7.0.jar" name="A8Dropzone" width="150" height="50">
<param name="licenseKey" value="YOUR LICENSE KEY">
<param name="postURL" value="http://your.domain.com/a8dropzoneuploads.php">
<param name="postParam0" value="someParam1=someValue1">
<param name="postParam1" value="someParam2=someValue2">
<param name="responseFunction" value="updateFiles">
<param name="label" value="Dropzone">
<param name="encoding" value="UTF-8">
<param name="directoryUpload" value="true">
</applet>
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":
function updateFiles(html) {
document.getElementById("someElement").innerHTML = html;
}
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:
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 (Version 2.6)
- 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|-fpre libx264-hq.ffpreset|-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)
A8Dropzone jetzt bestellen
Bitte HIER klicken...