From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/api/media_streams_api/index.html | 124 +++++++++++++++++++++++ 1 file changed, 124 insertions(+) create mode 100644 files/zh-cn/web/api/media_streams_api/index.html (limited to 'files/zh-cn/web/api/media_streams_api') diff --git a/files/zh-cn/web/api/media_streams_api/index.html b/files/zh-cn/web/api/media_streams_api/index.html new file mode 100644 index 0000000000..1bd63c3b59 --- /dev/null +++ b/files/zh-cn/web/api/media_streams_api/index.html @@ -0,0 +1,124 @@ +--- +title: MediaStream API +slug: Web/API/Media_Streams_API +tags: + - 媒体 + - 媒体流API + - 视频 + - 语音 + - 进一步的 + - 音频 +translation_of: Web/API/Media_Streams_API +--- +

{{SeeCompatTable}}

+ +

媒体流处理API(通常被称为媒体流API或流API)是描述音频或视频数据流的 WebRTC 的一部分,处理它们的方法,与数据类型相关的约束,成功和错误 当异步使用数据时的回调以及在处理期间触发的事件。

+ +

基本概念

+ +

这个API是基于操纵一个 MediaStream 对象代表音频或视频相关数据的流量。 通常一个 MediaStream是作为一个简单的URL string 它可以用来引用存储在DOM中的数据 {{domxref("File")}}, 或者一个 {{domxref("Blob")}} 对象建立 {{domxref("window.URL.createObjectURL()")}}, 如视频所描述的

+ +

一个 MediaStream 包含零个或更多的 MediaStreamTrack 对象,代表着各种的声轨和视频轨。 每一个 MediaStreamTrack 可能有一个或更多的通道。这个通道代表着媒体流的最小单元,比如一个音频信号对应着一个对应的扬声器,像是在立体声音轨中的左通道或右通道。

+ +

MediaStream 对象有着单一的输入和输出。由 getUserMedia() 创建的 MediaStream 对象是在本地借助用户相机和麦克风的源输入。非本地的 MediaStream 代表了一个媒体元素, 像是{{HTMLElement("video")}} 元素或是 {{HTMLElement("audio")}}元素, 一般是源自网络的流,并通过 WebRTC PeerConnection API 或使用 Web Audio API 获得{{domxref("MediaStreamAudioSourceNode")}} 元素。MediaStream 对象的输出能链接到一个用户。 它可以是一个媒体元素, 像是 <audio> 或者 <video>, the WebRTC PeerConnection API 或是 Web Audio API {{domxref("MediaStreamAudioDestinationNode")}}。

+ +

参考

+ +

在这些参考文章中,您将找到构成Media Capture和Streams API的每个接口和事件需要了解的基本信息。

+ +
+ +
+ +

 

+ +

浏览器支持

+ + + +

{{ CompatibilityTable() }}

+ +

{{Compat("api.MediaStream")}}

+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOpera Safari (WebKit)
Stream API 21{{ property_prefix("webkit") }} nightly 18{{ property_prefix("moz") }} {{ CompatUnknown() }} 12{{ CompatUnknown() }} 
+
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Stream API {{ CompatNo() }} {{ CompatUnknown() }}{{ CompatUnknown() }} {{ CompatNo() }} {{ CompatNo() }} 
+
+ +

当前已经支持在Chrome,欧朋,和Firefox Nightly 18 浏览器使用WenRTC获取相机功能 。在Firefox Nightly 中启用WebRTC 需要你在配置中进行设置:

+ + + +

See Also

+ + -- cgit v1.2.3-54-g00ecf