From 15adbc4f1efc5faf195a129c4435763e4d13eee8 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 21 Oct 2021 23:31:32 +0900 Subject: Web/Media を更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/10/20 時点の英語版に同期 --- files/ja/web/media/index.md | 119 +++++++++++++++++++------------------------- 1 file changed, 50 insertions(+), 69 deletions(-) (limited to 'files/ja/web') diff --git a/files/ja/web/media/index.md b/files/ja/web/media/index.md index 0a98ae2308..119844c9e8 100644 --- a/files/ja/web/media/index.md +++ b/files/ja/web/media/index.md @@ -1,5 +1,5 @@ --- -title: Web メディア技術 +title: ウェブメディア技術 slug: Web/Media tags: - Audio @@ -9,83 +9,64 @@ tags: - Web translation_of: Web/Media --- -

{{QuickLinksWithSubpages("/ja/docs/Web/Media")}}

+{{QuickLinksWithSubpages("/ja/docs/Web/Media")}} -

長年に渡り、オーディオ、ビデオおよび、その他のメディアを表示、作成および、管理するためのWeb の能力は、ますます速く成長してきました。今日では、HTML 要素、DOM インターフェイスおよび、これらのタスクを実行できる機能だけでなく、他のテクノロジーと並行しメディアを使用して本当に驚くべきことを可能にする、多数の API が使用可能です。この記事は、あなたがそれらを習得するために役立つであろう参考資料へのリンクを含む様々な API を列挙しています。

+長年に渡り、音声、動画、およびその他のメディアを表示、作成および、管理するためのウェブの能力は、ますます速度を上げて成長してきました。今日では数多くの API が利用可能であり、HTML 要素や DOM インターフェイスなどにより、これらの作業を行うだけでなく、メディアを他の技術と組み合わせて使用することで、本当に驚くべきことができるようになっています。この記事は、あなたがそれらを習得するために役立つであろう参考資料へのリンクを含む様々な API を列挙しています。 -
-
-

参考文献

+## 参考文献 -

HTML

+### HTML -

これらの記事は、メディア開発者向け HTML 機能について説明しています。

+これらの記事は、メディア開発者向け HTML 機能について説明しています。 -
-
{{HTMLElement("audio")}}
-
<audio> 要素は、Web のコンテキストでオーディオを再生するために使用されます。これらは、より複雑なメディアの宛先として非表示に、または、オーディオファイルのユーザー制御再生のための表示コントロールとともに、使用できます。JavaScript から {{domxref("HTMLAudioElement")}} オブジェクトとしてアクセスできます。
-
{{HTMLElement("video")}}
-
<video> 要素は、Web コンテキストにおけるビデオコンテンツのエンドポイントです。単純にビデオファイルを提示するためにまたは、ストリーミングビデオコンテンツの宛先として使用することができます。<video> は、メディア API を他の HTML および、DOM 技術とリンクさせるための手段としても、使用できます。例えば、{{HTMLElement("canvas")}} (フレームの取得と操作) です。JavaScript から {{domxref("HTMLVideoElement")}} オブジェクトとしてアクセスできます。
-
{{HTMLElement("track")}}
-
HTML の<track> 要素を {{HTMLElement("audio")}} または {{HTMLElement("video")}} 要素内に配置して、メディア再生時に使用する WebVTT 形式の字幕または、キャプショントラックへの参照を提供できます。JavaScript から {{domxref("HTMLTrackElement")}} オブジェクトとしてアクセスできます。
-
{{HTMLElement("source")}}
-
HTML の<source> 要素は、{{HTMLElement("audio")}} または {{HTMLElement("video")}} 要素内で使用して、表示するソースメディアを指定します。複数のソースを使用して、さまざまなフォーマット、サイズまたは、解像度により、メディアを提供できます。JavaScript から {{domxref("HTMLSourceElement")}} オブジェクトとしてアクセスできます。
-
+- {{HTMLElement("audio")}} + - : `
+- [Media Capabilities API](/ja/docs/Web/API/Media_Capabilities_API) + - : Media Capabilities API を使用すると、アプリやサイトが実行されているデバイスのエンコーディングとデコーディングの能力を判断できます。これにより、どのフォーマットをいつ使用するかをリアルタイムで判断することができます。 +- [メディアキャプチャと Streams API](/ja/docs/Web/API/Media_Streams_API) + - : ローカルおよび、ネットワークを介したメディアのストリーミング、記録、操作を可能にする API のリファレンスです。これには、ビデオ、オーディオおよび、静止画をキャプチャするためのローカルカメラとマイクの使用が含まれます。 +- [Media Session API](/en-US/docs/Web/API/Media_Session_API) + - : Media Session API は、メディア通知をカスタマイズする方法を提供します。Media Session API は、ウェブアプリが再生しているメディアのユーザーエージェントが表示するためのメタデータを提供します。また、キーボード、ヘッドセット、リモコンなどにあるハードウェアキーや、モバイル機器の通知領域やロック画面にあるソフトウェアキーなどのプラットフォームメディアキーにアクセスするためのアクションハンドラーも提供しています。 +- [MediaStream Recording API](/ja/docs/Web/API/MediaStream_Recording_API) + - : MediaStream Recording API を使用すると、メディアストリームをキャプチャしてデータ処理または、フィルターリングを行ったり、ディスクに記録したりすることができます。 +- [Web Audio API](/ja/docs/Web/API/Web_Audio_API) + - : Web Audio API を使用すると、サウンドデータをリアルタイムおよび、録音済み素材の両方で生成、フィルターリングおよび、操作してからそのオーディオを `
+- [Canvas API](/ja/docs/Web/API/Canvas_API) + - : Canvas API を使用すると、{{HTMLElement("canvas")}} に描画して、画像の内容を操作したり変更したりできます。これは、`` 要素を動画の再生先または、カメラのキャプチャ先として設定して、ビデオフレームをキャプチャして操作できるようにするなど、さまざまな方法によるメディア使用を可能にします。 +- [WebGL](/ja/docs/Web/API/WebGL_API) + - : WebGL は、既存の Canvas API 上に OpenGL ES 互換の API を提供し、ウェブ上で強力な 3D グラフィックスを実行することを可能にします。キャンバスを通して、これはメディアコンテンツに 3D画像を追加するように使用できます。 +- [WebXR](/ja/docs/Web/API/WebXR_API) + - : WebXR は最終的に、WebVR に代わるもので、バーチャルリアリティ (VR) と拡張現実 (AR) コンテンツの作成をサポートする技術です。複合現実的なコンテンツはその後、デバイスの画面に表示されるか、ゴーグルやヘッドセットを使用して表示されます。 +- [WebVR](/ja/docs/Web/API/WebVR_API) {{deprecated_inline}} + - : Web Virtual Reality API は、Oculus Rift や HTC Vive などのバーチャルリアリティ (VR) デバイスをサポートしているため、開発者はユーザーの位置や動きを 3D シーン内の動きに変換して、デバイスに表示することができます。WebVR は順次、WebXR に置き換えられることが望まれています。WebXR はより広範囲なユースケースをカバーします。 -- cgit v1.2.3-54-g00ecf