Snapshot¶
Das Snapshot-Control Alvine.Package.UI.Dialog.Snapshot
erlaubt die Aufnahme von Fotos mittels Web- oder Handykamera.
Schlüssel | Beschreibung | Standard | Beispiel |
---|---|---|---|
id | ID | zufällige ID | abc1425 |
autoplay | Aufnahme automatisch starten | true | true |
class | Klasse des Controls | card | my-2 |
mimetype | Bildformat (MIME) des Snapshots | image/webp | image/jpeg |
quality | Qulität des Bildes bei webp und jpg (von 0-1) | 0.1 | 0.8 |
video-class | Klasse des Video-Tags | card-img-top | my-2 |
body-class | Klasse des Card-Inhaltes | card-body | my-2 |
button-container-class | CSS-Klasse der Button-Toolbar | my-4 | my-2 |
snapshot = new Alvine.Package.UI.Dialog.Snapshot({
mimetype: 'image/jpeg', // Bilddatei als JPG erstellen
quality: 0.5 // Kleine Bildgröße, gernige Qualität
});
// Bild erstellen
image = new Alvine.Package.UI.Dialog.Image(undefined, {});
// Snapshot abholen und als Bild setzen
snapshot.attachObserver(new Alvine.Types.Observer(function(obj) {
image.set('src', obj.getLastSnapshot());
}));
Objektreferenz¶
Snapshot(options)
Neues Snapshot-Control erstellen
Parameter-Liste
options (Object)
Optionen (siehe obige Tabelle)
Rückgabewert
Neues Snapshot-Control
Snapshot.playEventHandler(event)
Standardhandler für das aktivieren der Aufnahme
Parameter-Liste
event (Event)
Event
Rückgabewert
undefined
Snapshot.stopEventHandler(event)
Standardhandler für das Beenden der Aufnahme
Parameter-Liste
event (Event)
Event
Rückgabewert
undefined
Snapshot.snapshotEventHandler(event)
Standardhandler für das Aufnehmen eines Standbildes (Snapshots)
Parameter-Liste
event (Event)
Event
Rückgabewert
undefined
Snapshot.attachObserver(observer)
Fügt einen Observer hinzu
Parameter-Liste
observer (Alvine.Types.Observer)
Hinzuzufügender Observer
Rückgabewert
Snapshot-Objekt
Snapshot.getLastSnapshot()
Holt das letzte gemachte Standbild (Snapshot)
Parameter-Liste
Rückgabewert
data URI des letzten Standbildes (Snapshot)
Snapshot.detachObserver(observer)
Entfernt einen Observer
Parameter-Liste
observer (Alvine.Types.Observer)
Zu entfernender Observer
Rückgabewert
Snapshot-Objekt
Snapshot.takeSnapshot()
Nimmt ein Standbild auf und liefert die data URI (Snapshot) zurück
Parameter-Liste
Rückgabewert
Snapshot-Objekt
Snapshot.setToolbar(toolbar)
Setzt die Toolbar des Controls
Parameter-Liste
toolbar (Alvine.Package.UI.Dialog.ButtonToolbar)
Button-Toolbar setzen
Rückgabewert
Snapshot-Objekt
Snapshot.createToolbar()
Button-Toolbar erstellen
Parameter-Liste
Rückgabewert
Snapshot-Objekt