Playing and previewing audio and video (HTML)
[This article is for Windows 8.x and Windows Phone 8.x developers writing Windows Runtime apps. If you’re developing for Windows 10, see the latest documentation]
This section contains topics on playing audio and video in your Windows Runtime app using JavaScript.
It covers how to play audio and video using the HTML5 audio and video tags, share or stream media with Play To, and use effects and custom media extensions.
For samples that use audio and video in a Windows Runtime app using JavaScript, see the HTML media playback sample and the other samples listed in the Samples section in the Related topics below.
In this section
| Topic | Description |
|---|---|
This topic shows how use the HTML5 Video element to play a video in a Windows Runtime app using JavaScript. |
|
How to open local media files using the FileOpenPicker control |
Play audio or video files that are on the user's computer using the FileOpenPicker to get access to and open the file. |
Set the media source of an audio or video element to a media file on the network. |
|
The SystemMediaTransportControls class enables your app to use the system media transport controls provided by Windows and update the media info that is displayed. |
|
You can adjust various settings on the camera or microphone, such as brightness, contrast, focus (on the camera) or volume (on the microphone). |
|
This topic shows how to enable video and audio effects in a Windows Runtime app using JavaScript. |
|
Setting the msRealTime attribute on a media element enables low-latency playback. |
|
This topic shows how to enable stereo video playback by setting the msStereo3DRenderMode attribute. |
|
Windows Runtime introduces several optimizations when using the HTML5 video element. |
|
This topic describes a way of ensuring smooth transitions between video or audio clips by having at least two media elements and alternating between them. |
|
You can use the audioTracks property to switch between multiple audio tracks on a media file. |
|
This topic describes how to select an audio output device on the audio tag. |
|
The msZoom property can be used to zoom into a video to remove the letterbox or pillarbox from the rendered video. |
|
Learn how to keep the display on while playing back local or streaming video by using the DisplayRequest class. |
|
This tutorial shows you how to select the correct category for an audio-video (AV) stream to configure it to play in the background. |
|
You can write apps for Windows Phone 8.1 that play audio in the background. This means that even after the user has left your app by pressing the Back button or the Start button on their device, your app can continue to play audio. This article discusses the components of a background audio app and how they work together. |
|
Use the msHorizontalMirror attribute to flip a video horizontally. |
|
You can enable Digital Rights Management (DRM) protected content in your Windows Runtime app using JavaScript by using the MediaProtectionManager. |
|
Windows Runtime apps can enable playback of DRM protected media content by using the MediaProtectionManager. The MediaError interface is extended to include an msExtendedCode attribute so developers can get feedback during implementation. |
|
This topic describes what media extensions are and how to use them in your Windows Runtime app. |
|
Play To enables users to easily stream audio, video, or images from their computer to networked devices. |
Related topics
Roadmaps
Roadmap for Windows Runtime apps using JavaScript
Samples
Reference
Other resources