blob: 1dd29d413f2e336a3caf497156b126b75371dd61 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
---
title: Web media technologies
slug: Web/Media
tags:
- 媒體技術
- 網頁
- 視訊
- 音效
translation_of: Web/Media
---
<div>{{draft}}</div>
<p><span class="seoSummary">這些年來，網頁來表達，創作及運用視訊及音訊以至其他媒介的能力不斷上升。今時今日存在了 大量可供運用的API及HTML元件，DOM介面，及其他不止於 發揮傳統效果，還能與其他網頁層面的技術產生協同效應和真實地令人深刻銘記 的特效。本文列出不同的APIs和連結其詳細資料的超連結，希望你能認為這些資訊能幫你盡快純熟這些技術。</span></p>
<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="References">References</h2>
<h3 id="HTML">HTML</h3>
<p>這些文章包括HTML特效，供ＨＴＭＬ媒體開發者參考。</p>
<dl>
<dt>{{HTMLElement("audio")}}</dt>
<dd><code><audio></code> 元件，這是用來在網頁裡播放音效。此元件能 不被看見地運用來 作為一個 供更多其他繁雜的媒介放置的 位置。當然，也能放置一些可看見的控制器予用家來控制是否重播這些音訊。</dd>
<dt>{{HTMLElement("video")}}</dt>
<dd><code><video></code> 元件，這是一個為了視訊內容在網頁裡播放的端點(endpoint)．它能被簡單地只用作表現視訊，或者用作一個位置來放置即時視訊內容(streamed video).<code><video>也能被用作一個途徑來連結媒介APIs和其他HTML及DOM技術,當中包括</code> {{HTMLElement("canvas")}} (這是作 frame grabbing(?) 和其管控).</dd>
</dl>
<h3 id="APIs">APIs</h3>
<dl>
<dt><a href="/en-US/docs/Web/API/Media_Streams_API">Media Capture and Streams API</a></dt>
<dd>這是一個參考資料，關於串流，記錄，管控媒體資料，無論是本地的，透過網路的。這些包括本地的攝錄機及來捕流視訊，音效或圖像的麥克風。</dd>
<dt><a href="/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a></dt>
<dd>你可以藉由此API產出、篩選及操作即時的聲音或是預先錄製好的材料，然後將音效送至<code><audio></code>元件、影音串流或是儲存起來。</dd>
<dt><a href="/en-US/docs/Web/API/WebRTC_API">WebRTC</a></dt>
<dd>WebRTC (網頁即時通訊)能夠即時地串流影音，也能夠透過網際網路將兩個人的訊息資料互相傳遞，而不需要任何媒介。</dd>
</dl>
</div>
<div class="section">
<h2 class="Documentation" id="指南">指南</h2>
<dl>
<dt><a href="/en-US/docs/Web/Media/Overview">網頁傳播媒體的概述</a></dt>
<dd>支援影音撥放，操作與紀錄的網頁科技與API的概論。如果你不知道該使用哪一個API，請從這裡開始。</dd>
</dl>
<dl>
</dl>
<h2 id="Other_topics">Other topics</h2>
<p>Related topics which may be of interest, since they can be used in tandem with media APIs in interesting ways.</p>
<dl>
<dt><a href="/en-US/docs/Web/API/Canvas_API">The Canvas API</a></dt>
<dd>The Canvas API lets you draw into an {{HTMLElement("canvas")}}, manipulating and changing the contents of an image. This can be used with media in many ways, including by setting a <code><canvas></code> element as the destination for video playback or camera capture so that you can capture and manipulate video frames.</dd>
<dt><a href="/en-US/docs/Web/API/WebGL_API">WebGL</a></dt>
<dd>WebGL provides an OpenGL ES compatible API on top of the existing Canvas API, making it possible to do powerful 3D graphics on the Web. Through a canvas, this can be used to add 3D imagery to media content.</dd>
</dl>
</div>
</div>
|
