← 返回首页
VideoEncoder - Web APIs | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Toggle sidebar
  1. Web
  2. Web APIs
  3. VideoEncoder
Theme
  • OS default
  • Light
  • Dark
English (US)
Remember language Learn more

VideoEncoder

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

Note: This feature is available in Dedicated Web Workers.

The VideoEncoder interface of the WebCodecs API encodes VideoFrame objects into EncodedVideoChunks.

EventTarget VideoEncoder

In this article

Constructor

VideoEncoder()

Creates a new VideoEncoder object.

Instance properties

Inherits properties from its parent, EventTarget.

VideoEncoder.encodeQueueSize Read only

An integer representing the number of encode queue requests.

VideoEncoder.state Read only

Represents the state of the underlying codec and whether it is configured for encoding.

Events

dequeue

Fires to signal a decrease in VideoEncoder.encodeQueueSize.

Static methods

VideoEncoder.isConfigSupported()

Returns a promise indicating whether the provided VideoEncoderConfig is supported.

Instance methods

Inherits methods from its parent, EventTarget.

VideoEncoder.configure()

Asynchronously prepares the encoder to accept video frames for encoding with the specified parameters.

VideoEncoder.encode()

Asynchronously encodes a VideoFrame.

VideoEncoder.flush()

Returns a promise that resolves once all pending encodes have been completed.

VideoEncoder.reset()

Cancels all pending encodes and callbacks.

VideoEncoder.close()

Ends all pending work and releases system resources.

Specifications

Specification
WebCodecs
# videoencoder-interface

Browser compatibility

Enable JavaScript to view this browser compatibility table.

See also

Video processing with WebCodecs

Help improve MDN

Was this page helpful to you?
Yes No
Learn how to contribute

This page was last modified on May 8, 2024 by MDN contributors.

View this page on GitHub • Report a problem with this content
  1. WebCodecs API
  2. VideoEncoder
  3. Constructor
    1. VideoEncoder()
  4. Instance properties
    1. encodeQueueSize
    2. state
  5. Static methods
    1. isConfigSupported()
  6. Instance methods
    1. close()
    2. configure()
    3. encode()
    4. flush()
    5. reset()
  7. Events
    1. dequeue
  8. Inheritance
    1. EventTarget
  9. Related pages for WebCodecs API
    1. AudioData
    2. AudioDecoder
    3. AudioEncoder
    4. EncodedAudioChunk
    5. EncodedVideoChunk
    6. ImageDecoder
    7. ImageTrack
    8. ImageTrackList
    9. VideoColorSpace
    10. VideoDecoder
    11. VideoFrame
  10. Guides
    1. Video processing concepts
    2. Using the WebCodecs API
    3. Codec selection

Your blueprint for a better internet.

MDN Contribute Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.