Freigeben über


Aufzeichnen oder Rendern von Audio, Video und Bildern (HTML)

[ Dieser Artikel richtet sich an Windows 8.x- und Windows Phone 8.x-Entwickler, die Windows-Runtime-Apps schreiben. Wenn Sie für Windows 10 entwickeln, finden Sie weitere Informationen unter neueste Dokumentation ]

Dieser Abschnitt enthält Informationen zum Aufnehmen von Fotos und Videos mit einem Aufnahmegerät (z. B. einer integrierten Kamera oder einer angeschlossenen Webcam) sowie zum Rendern von Audiodatenströmen in einer Windows-Runtime-App mit JavaScript.

Beispiele, in denen Medienaufnahme in einer Windows-Runtime-App mit JavaScript verwendet wird, finden Sie unter Beispiel für Medienaufzeichnungen und den anderen Beispielen, die im Abschnitt Samples unter Related topics unten aufgeführt sind.

Wenn Sie die Arbeit mit der Medienaufzeichnung und anderen wichtigen Windows 8-Features ausprobieren möchten, sollten Sie die praktischen Übungen für Windows 8 herunterladen. Diese Übungen bieten eine modulare, schrittweise Einführung in das Erstellen einer Windows Store-Beispiel-App in der Programmiersprache Ihrer Wahl (JavaScript und HTML oder C# und XAML).

Inhalt dieses Abschnitts

Thema Beschreibung

Schnellstart: Aufnehmen eines Fotos oder Videos mit der Kameraaufnahme-UI

In diesem Thema wird Ihnen die einfachste Möglichkeit gezeigt, wie Sie mithilfe der CameraCaptureUI-API ein Foto oder Video über Ihre integrierte oder angeschlossene Kamera aufnehmen können. Diese API startet ein Dialogfeld mit einer Kamerabenutzeroberfläche im Vollbildmodus und ermöglicht Ihnen die Aufnahme eines Fotos oder Videos mit nur einem Methodenaufruf.

Schnellstart: Videoaufzeichnung mit der MediaCapture-API

In diesem Thema wird erläutert, wie Sie Video mithilfe der Windows.Media.Capture-API in einer Datei aufzeichnen. Sie können die Windows.Media.Capture-API zum Steuern des asynchronen Aufzeichnungsvorgangs, zum Auswählen eines Codierungsprofils und zum Senden des erstellten Videos an eine Datei verwenden.

So wird's gemacht: Anzeigen einer Videovorschau von einer Webcam

Sie können einem "<video>"-Tag eine Kamera zuordnen, um eine Vorschau des Videos anzuzeigen.

So wird's gemacht: Aufzeichnen von Audio oder Video

Sie können Videodaten der Kamera und/oder Audiodaten des Mikrofons aufzeichnen.

So wird's gemacht: Drehen des Videos

Sie können von einer Kamera erfasste Videos mit den Methoden SetPreviewRotation und SetRecordRotation der MediaCapture-Klasse drehen.

So wird's gemacht: Spiegeln des Videos

Das Spiegeln des Vorschaubilds ist vor allem für Videokonferenzen und Videochatanwendungen hilfreich. Im Allgemeinen möchten Benutzer ein gespiegeltes Bild von sich sehen. Die "richtige" (nicht gespiegelte) Ansicht kann merkwürdig wirken, da wir es gewohnt sind, uns in einem Spiel anzuschauen.

Hinzufügen der Videostabilisierung

Der VideoStabilization-Effekt kann ein Verwackeln bei Videoaufnahmen reduzieren, wie es z. B. bei Aufnahmen mit einer Handkamera häufig auftritt.

So wird's gemacht: Anwendungen von Effekten auf aufgenommene Videos

Verwenden Sie die MediaCapture.AddEffectAsync-Methode, um Effekte auf aufgenommene Videos anzuwenden.

Schnellstart: Audio in einer Windows Store-App

In diesem Thema werden die Audiostreamingkategorien sowie die Verwendung des <audio>-Tags zum Hinzufügen von Audiostreamingfunktionalität zu Ihrer App erläutert.

Konfigurieren von Schaltflächen zur Mediensteuerung

Dieses Lernprogramm zeigt Ihnen die Konfiguration der Hardwaremedientasten auf einer Tastatur und die Verwendung der konfigurierten Tasten, um einen Audio-Video-(AV)-Datenstrom zu steuern, indem Sie die Tasten für die Wiedergabe, Pause, Stopp usw. verwenden.

So wird's gemacht: Kategorisieren eines AV-Datenstroms für das Audiostreaming

In diesem Lernprogramm erfahren Sie, wie Sie die richtige Kategorie für einen AV-Datenstrom (Audio-Video) auswählen, um ihn als Datenstrom für die Audiowiedergabe zu konfigurieren.

So wird's gemacht: Verwalten von Anrufen auf dem standardmäßigen Bluetooth-Kommunikationsgerät.

Dieses Lernprogramm zeigt, wie Sie das standardmäßige Bluetooth-Kommunikationsgerät für die Verarbeitung von Anrufen konfigurieren.

 

Verwandte Themen

Roadmaps

Roadmap für Windows-Runtime-Apps mit JavaScript

UX-Design für Apps

Beispiele

Beispiel für Medienaufzeichnungen

Beispiel für Kameraaufnahme-UI

Beispiel für Kameraoptions-UI

Beispiel für Geräteenumeration

Beispiel für Echtzeitkommunikation

Beispiel für Medienerweiterungen

Praktische Übungen für Windows 8

Referenz

Windows.Media

Windows.Media.Capture

Windows.Media.Devices

Windows.Media.MediaProperties

HTML5-Elemente "Audio" und "Video"

Weitere Ressourcen

Unterstützte Audio- und Videoformate

Audio- und Videoleistung