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