MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-survey

翻譯不完整。請協助 翻譯此英文文件

編撰中
本頁仍未完成

這些年來,網頁來表達,創作及運用視訊及音訊以至其他媒介的能力不斷上升。今時今日存在了 大量可供運用的API及HTML元件,DOM介面,及其他不止於 發揮傳統效果,還能與其他網頁層面的技術產生協同效應和真實地令人深刻銘記 的特效。本文列出不同的APIs和連結其詳細資料的超連結,希望你能認為這些資訊能幫你盡快純熟這些技術。

References

HTML

這些文章包括HTML特效,供HTML媒體開發者參考。

<audio>
<audio> 元件,這是用來在網頁裡播放音效。此元件能 不被看見地運用來 作為一個 供更多其他繁雜的媒介放置的 位置。當然,也能放置一些可看見的控制器予用家來控制是否重播這些音訊。
<video>
<video> 元件,這是一個為了視訊內容在網頁裡播放的端點(endpoint).它能被簡單地只用作表現視訊,或者用作一個位置來放置即時視訊內容(streamed video).<video>也能被用作一個途徑來連結媒介APIs和其他HTML及DOM技術,當中包括 <canvas> (這是作 frame grabbing(?) 和其管控).

APIs

Media Capture and Streams API
這是一個參考資料,關於串流,記錄,管控媒體資料,無論是本地的,透過網路的。這些包括本地的攝錄機及來捕流視訊,音效或圖像的麥克風。
Web Audio API
The Web Audio API lets you generate, filter, and manipulate sound data both in real-time and on pre-recorded material, then send that audio to a destination such as an <audio> element, a media stream, or to disk.
WebRTC
WebRTC (Web Real-Time Communication) makes it possible to stream live audio and video, as well as transfer arbitrary data, between two peers over the Internet, without requiring an intermediary.

Guides

Overview of media technology on the web
A general look at the open Web technologies and APIs that provide support for audio and video playback, manipulation, and recording. If you're not sure which API you should use, this is the place to start.

Other topics

Related topics which may be of interest, since they can be used in tandem with media APIs in interesting ways.

The Canvas API
The Canvas API lets you draw into an <canvas>, manipulating and changing the contents of an image. This can be used with media in many ways, including by setting a <canvas> element as the destination for video playback or camera capture so that you can capture and manipulate video frames.
WebGL
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.

文件標籤與貢獻者

 此頁面的貢獻者: learnfromfail
 最近更新: learnfromfail,