播放和預覽音訊與視訊 (HTML)

發行項
02/12/2016

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

本節包含在使用 JavaScript 的 Windows 執行階段應用程式中播放音訊與視訊的主題。

內容涵蓋如何使用 HTML5 audio 和 video 標記播放音訊與視訊、使用「播放至」分享或串流媒體，以及使用效果和自訂媒體延伸。

如需在使用 JavaScript 的 Windows 執行階段應用程式中使用音訊與視訊的範例，請參閱 HTML 媒體播放範例，以及下方 Related topics 中 Samples 一節所列的其他範例。

在這個章節中

主題	說明
快速入門：在應用程式中播放視訊	這個主題說明如何使用 HTML5 Video 元素在使用 JavaScript 的 Windows 執行階段應用程式中播放視訊。
如何使用 FileOpenPicker 控制項開啟本機媒體檔案	若要播放使用者電腦上的音訊或視訊檔案，請使用 FileOpenPicker 來存取並開啟檔案。
如何開啟網路上的媒體檔案	將 audio 或 video 元素的媒體來源設定成網路上的媒體檔案。
如何使用系統媒體傳輸控制項	SystemMediaTransportControls 類別可讓您的應用程式使用 Windows 提供的系統媒體傳輸控制項，並更新顯示的媒體資訊。
如何調整相機或麥克風設定	您可以調整相機或麥克風上的各種設定，例如亮度、對比、焦點 (相機) 或音量 (麥克風)。
如何在 <video> 標記中啟用效果	這個主題示範如何在使用 JavaScript 的 Windows 執行階段應用程式中啟用視訊和音訊效果。
如何啟用低延遲播放	在媒體元素上設定 msRealTime 屬性會啟用低延遲播放。
如何啟用立體視訊播放	這個主題示範如何透過設定 msStereo3DRenderMode 屬性，啟用立體視訊播放。
如何最佳化視訊轉譯	Windows 執行階段引進了一些適合 HTML5 video 元素的最佳化功能。
如何在媒體剪輯之間轉換	本主題說明輪流使用至少兩個媒體元素來確保視訊或音訊剪輯間的順暢轉換。
如何選取不同語言的音軌	您可以使用 audioTracks 屬性，在媒體檔案上的多個音軌之間進行切換。
如何選取音訊輸出裝置	這個主題說明如何在音訊標記中選取音訊輸出裝置。
如何放大視訊並移除上下黑邊	msZoom 屬性可以用來放大視訊，從呈現的視訊中移除上下黑邊或垂直黑邊。
如何在音訊/視訊播放期間保持顯示	了解如何使用 DisplayRequest 類別，在播放本機或串流視訊時保持顯示。
如何在背景播放音訊	這個教學課程會示範如何選取正確的音訊視訊 (AV) 串流類別，以便將它設定成在背景播放。
概觀：Windows Phone 背景音訊	您可以撰寫在背景播放音訊的 Windows Phone 8.1 應用程式。這表示即使使用者按裝置上的 [返回] 按鈕或 [開始] 按鈕離開應用程式，您的應用程式仍然可以繼續播放音訊。本文討論背景音訊應用程式的元件，以及它們如何搭配運作。
如何水平翻轉視訊	使用 msHorizontalMirror 屬性，水平翻轉視訊。
如何使用隨插即用 DRM	您可以使用 MediaProtectionManager，在使用 JavaScript 的 Windows 執行階段應用程式中啟用數位版權管理 (DRM) 保護的內容。
如何處理 DRM 錯誤	Windows 執行階段應用程式可以使用 MediaProtectionManager，來啟用數位版權管理 (DRM) 所保護的媒體內容的播放。 MediaError 介面已延伸為包含 msExtendedCode 屬性，開發人員可以在實作時得到回應。
使用媒體延伸	這個主題說明什麼是媒體延伸，以及如何應用到 Windows 執行階段應用程式。
撰寫省電的背景媒體應用程式
使用「播放至」將媒體串流至裝置	「播放至」功能可以讓使用者輕鬆地將電腦中的音訊、視訊或影像中串流到網路裝置。

共用方式為

播放和預覽音訊與視訊 (HTML)

在這個章節中

相關主題

其他資源