オーディオとビデオの再生とプレビュー (HTML)

[ この記事は、Windows ランタイム アプリを作成する Windows 8.x および Windows Phone 8.x 開発者を対象としています。Windows 10 向けの開発を行っている場合は、「最新のドキュメント」をご覧ください]

このセクションでは、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 要素の使用時に最適化の方法がいくつか取り入れられています。

メディア クリップ間を移行する方法

このトピックでは、2 つ以上のメディア要素を使用して、これらを切り替えることにより、ビデオ クリップとオーディオ クリップの間を円滑に移行させる方法について説明します。

さまざまな言語のオーディオ トラックを選ぶ方法

audioTracks プロパティを使って、メディア ファイルの複数のオーディオ トラックを切り替えることができます。

オーディオ出力デバイスの選択方法

このトピックでは、audio タグでオーディオ出力デバイスを選択する方法について説明します。

拡大し、ビデオからレターボックスを削除する方法

msZoom プロパティを使って、ビデオを拡大し、レンダリングされたビデオからレターボックスまたはピラーボックスを削除できます。

オーディオ/ビデオの再生中に表示をオンのままにする方法

DisplayRequest クラスを使って、ローカル ビデオまたはストリーミング ビデオの再生中に表示をオンのままにする方法について説明します。

バックグラウンドでオーディオを再生する方法

このチュートリアルでは、オーディオ ビデオ (AV) ストリームに正しいカテゴリを選び、バックグラウンドで再生するよう構成するための方法を示します。

概要: Windows Phone のバックグラウンド オーディオ

バックグラウンドでオーディオを再生する Windows Phone 8.1 用のアプリを作ることができます。つまり、ユーザーがデバイスの [戻る] ボタンまたは [スタート] ボタンを押してアプリから離れても、アプリでオーディオを再生し続けることができます。この記事では、バックグラウンド オーディオ アプリの構成要素と、それらの連携のしくみについて説明します。

ビデオを横方向に反転する方法

msHorizontalMirror 属性を使って、ビデオを横方向に反転します。

ホット プラグ可能な DRM の使用方法

MediaProtectionManager を使って、JavaScript を使った Windows ランタイム アプリで、デジタル著作権管理 (DRM) で保護されたコンテンツを有効にできます。

DRM エラーの処理方法

Windows ランタイム アプリは MediaProtectionManager を使ってデジタル著作権管理 (DRM) 保護メディア コンテンツの再生を可能にします。 MediaError インターフェイスは、msExtendedCode 属性を含むように拡張されているので、開発者は実装中にフィードバックを得ることができます。

メディアの拡張機能の使用

このトピックでは、メディアの拡張機能について、および Windows ランタイム アプリでメディアの拡張機能を使う方法について説明します。

電力を節約するバックグラウンド メディア アプリを作る

リモート再生を使用してデバイスにメディアをストリーミングする

リモート再生を使うと、オーディオ、ビデオ、または画像をコンピューターからネットワーク デバイスに簡単にストリーミングできます。

 

関連トピック

ロードマップ

JavaScript を使った Windows ランタイム アプリのためのロードマップ

アプリの UX の設計

サンプル

HTML メディア再生のサンプル

メディアのコード変換のサンプル

メディア拡張機能のサンプル

メディアのリモート再生のサンプル

PlayToReceiver のサンプル

再生マネージャーのサンプル

辞書/リファレンス

Windows.Media

Windows.Media.PlayTo

Windows.Media.Protection

HTML5 のオーディオとビデオ

その他のリソース

サポートされるオーディオとビデオの形式

オーディオとビデオのパフォーマンス