共用方式為


擷取或轉譯音訊、視訊和影像 (HTML)

[ 本文的目標對象是撰寫 Windows 執行階段 App 的 Windows 8.x 和 Windows Phone 8.x 開發人員。如果您正在開發適用於 Windows 10 的 App,請參閱 最新文件 ]

本節包含如何從擷取裝置 (例如內建相機或連線的網路攝影機) 擷取相片和視訊,以及如何在使用 JavaScript 的 Windows 執行階段應用程式中轉譯音訊串流。

如需在使用 JavaScript 的 Windows 執行階段應用程式中使用媒體擷取的範例,請參閱媒體擷取範例,以及下方 Related topicsSamples 一節所列的其他範例。

如果您想嘗試使用媒體擷取與其他主要的 Windows 8 功能,請下載 Windows 8 的實機操作實驗室 (英文)。這些實驗室提供一個模組化的逐步介紹,以您選擇的程式設計語言 (JavaScript 和 HTML 或 C# 和 XAML) 建立 Windows 市集應用程式範例。

在這個章節中

主題 說明

快速入門:使用相機擷取 UI 拍攝相片或影片

這個主題示範最簡單的方法,讓您利用 CameraCaptureUI API 從內建或外接相機拍攝相片或影片。這個 API 會啟動一個呈現相機 UI 的全螢幕對話方塊,您只需要呼叫一個方法,就可以用它來拍攝相片或影片。

快速入門:使用 MediaCapture API 拍攝影片

這個主題說明如何利用 Windows.Media.Capture API 拍攝視訊儲存成檔案。您可以使用 Windows.Media.Capture API 控制非同步拍攝作業、選取編碼設定檔,以及將產生的影片傳送至檔案。

如何預覽網路攝影機中的影片

您可以將相機與 <video> 標記建立關聯,以預覽視訊。

如何錄製音訊或視訊

您可以從相機錄製視訊和/或從麥克風錄製音訊。

如何旋轉視訊

您可以在 MediaCapture 類別上使用 SetPreviewRotationSetRecordRotation 方法,以旋轉從相機拍攝的視訊。

如何鏡像處理視訊

鏡像處理預覽影像對於視訊會議和視訊交談應用程式非常有用。通常使用者會想看到自己反射的影像。「正確」(非鏡像的) 檢視可能看起來很奇怪,因為我們習慣在鏡子中看到自己。

如何新增影像防震

VideoStabilization 效果可以協助降低視訊中所產生的震動,例如用手持相機時。

如何將效果套用至拍攝的視訊

使用 MediaCapture.AddEffectAsync 方法,將效果套用至拍攝的視訊。

快速入門:Windows 市集應用程式中的音訊

本主題說明音訊串流類別,以及如何使用 <audio> 標記為您的應用程式新增音訊串流功能。

如何設定媒體控制項的按鍵

這個教學課程說明如何在鍵盤上設定硬體媒體按鍵,然後透過按或按一下播放、暫停、停止等,使用設定的按鍵來控制音訊視訊 (AV) 串流。

如何進行音訊串流處理的 AV 串流分類

這個教學課程會示範如何選取正確的音訊視訊 (AV) 串流類別,以便將它設定成音訊播放串流。

如何管理預設藍牙通訊裝置的通話

這個教學課程說明如何設定預設的藍牙通訊裝置來處理通話。

 

相關主題

藍圖

使用 JavaScript 建立 Windows 執行階段應用程式的藍圖

設計應用程式的 UX

範例

媒體擷取範例

相機擷取 UI 範例

相機選項 UI 範例

裝置列舉範例

即時通訊範例

媒體延伸範例

Windows 8 的實機操作實驗室

參考

Windows.Media

Windows.Media.Capture

Windows.Media.Devices

Windows.Media.MediaProperties

HTML5 音訊和視訊

其他資源

支援的音訊與視訊格式

音訊與視訊效能