---
title: "VideoFrame | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# Variable VideoFrame

VideoFrame: {  
    prototype: [VideoFrame](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.VideoFrame/);  
    new (image: [CanvasImageSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasImageSource/), init?: [VideoFrameInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.VideoFrameInit/)): [VideoFrame](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.VideoFrame/);  
    new (data: [AllowSharedBufferSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.AllowSharedBufferSource/), init: [VideoFrameBufferInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.VideoFrameBufferInit/)): [VideoFrame](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.VideoFrame/);  
}

#### Type Declaration

-   -   new (image: [CanvasImageSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasImageSource/), init?: [VideoFrameInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.VideoFrameInit/)): [VideoFrame](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.VideoFrame/)
    -   #### Parameters
        
        -   image: [CanvasImageSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.CanvasImageSource/)
        -   `Optional`init: [VideoFrameInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.VideoFrameInit/)
        
        #### Returns [VideoFrame](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.VideoFrame/)
        
    -   new (data: [AllowSharedBufferSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.AllowSharedBufferSource/), init: [VideoFrameBufferInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.VideoFrameBufferInit/)): [VideoFrame](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.VideoFrame/)
    -   #### Parameters
        
        -   data: [AllowSharedBufferSource](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.AllowSharedBufferSource/)
        -   init: [VideoFrameBufferInit](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.VideoFrameBufferInit/)
        
        #### Returns [VideoFrame](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.VideoFrame/)
        
-   ##### prototype: [VideoFrame](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.VideoFrame/)