VideoColorSpaceLimited availabilityThis feature is not Baseline because it does not work in some of the most widely-used browsers.Learn moreSee full compatibilityReport feedbackNote: This feature is available in Dedicated Web Workers. The VideoColorSpace interface of the WebCodecs API represents the color space of a video.Constructor VideoColorSpace() Creates a new VideoColorSpace object. Instance properties VideoColorSpace.primaries Read only A string containing the color primary describing the color gamut of a video sample. VideoColorSpace.transfer A string containing the transfer characteristics of video samples. VideoColorSpace.matrix A string containing the matrix coefficients describing the relationship between sample component values and color coordinates. VideoColorSpace.fullRange A Boolean. If true indicates that full-range color values are used. Instance methods VideoColorSpace.toJSON() Returns a JSON representation of the VideoColorSpace object. ExamplesIn the following example, colorSpace is a VideoColorSpace object returned from VideoFrame. The object is then printed to the console. jslet colorSpace = VideoFrame.colorSpace; console.log(colorSpace); SpecificationsSpecificationWebCodecs # videocolorspaceBrowser compatibilitydesktopmobileChromeEdgeFirefoxOperaSafariChrome AndroidFirefox for AndroidOpera AndroidSafari on iOSSamsung InternetWebView AndroidWebView on iOSVideoColorSpaceChrome – Full supportChrome94Toggle historyEdge – Full supportEdge94Toggle historyFirefox – Full supportFirefox130Toggle historyOpera – Full supportOpera80Toggle historySafari – Full supportSafari15.4Toggle historyChrome Android – Full supportChrome Android94Toggle historyFirefox for Android – Full supportFirefox for Android130Toggle historyOpera Android – Full supportOpera Android66Toggle historySafari on iOS – Full supportSafari on iOS15.4Toggle historySamsung Internet – Full supportSamsung Internet17.0Toggle historyWebView Android – Full supportWebView Android94Toggle historyWebView on iOS – Full supportWebView on iOS15.4Toggle historyVideoColorSpace() constructorChrome – Full supportChrome94Toggle historyEdge – Full supportEdge94Toggle historyFirefox – Full supportFirefox130Toggle historyOpera – Full supportOpera80Toggle historySafari – Full supportSafari17Toggle historyChrome Android – Full supportChrome Android94Toggle historyFirefox for Android – Full supportFirefox for Android130Toggle historyOpera Android – Full supportOpera Android66Toggle historySafari on iOS – Full supportSafari on iOS17Toggle historySamsung Internet – Full supportSamsung Internet17.0Toggle historyWebView Android – Full supportWebView Android94Toggle historyWebView on iOS – Full supportWebView on iOS17Toggle historyfullRangeChrome – Full supportChrome94Toggle historyEdge – Full supportEdge94Toggle historyFirefox – Full supportFirefox130Toggle historyOpera – Full supportOpera80Toggle historySafari – Full supportSafari15.4Toggle historyChrome Android – Full supportChrome Android94Toggle historyFirefox for Android – Full supportFirefox for Android130Toggle historyOpera Android – Full supportOpera Android66Toggle historySafari on iOS – Full supportSafari on iOS15.4Toggle historySamsung Internet – Full supportSamsung Internet17.0Toggle historyWebView Android – Full supportWebView Android94Toggle historyWebView on iOS – Full supportWebView on iOS15.4Toggle historymatrixChrome – Full supportChrome94Toggle historyEdge – Full supportEdge94Toggle historyFirefox – Full supportFirefox130Toggle historyOpera – Full supportOpera80Toggle historySafari – Full supportSafari15.4Toggle historyChrome Android – Full supportChrome Android94Toggle historyFirefox for Android – Full supportFirefox for Android130Toggle historyOpera Android – Full supportOpera Android66Toggle historySafari on iOS – Full supportSafari on iOS15.4Toggle historySamsung Internet – Full supportSamsung Internet17.0Toggle historyWebView Android – Full supportWebView Android94Toggle historyWebView on iOS – Full supportWebView on iOS15.4Toggle historyprimariesChrome – Full supportChrome94Toggle historyEdge – Full supportEdge94Toggle historyFirefox – Full supportFirefox130Toggle historyOpera – Full supportOpera80Toggle historySafari – Full supportSafari15.4Toggle historyChrome Android – Full supportChrome Android94Toggle historyFirefox for Android – Full supportFirefox for Android130Toggle historyOpera Android – Full supportOpera Android66Toggle historySafari on iOS – Full supportSafari on iOS15.4Toggle historySamsung Internet – Full supportSamsung Internet17.0Toggle historyWebView Android – Full supportWebView Android94Toggle historyWebView on iOS – Full supportWebView on iOS15.4Toggle historytoJSONChrome – Full supportChrome94Toggle historyEdge – Full supportEdge94Toggle historyFirefox – Full supportFirefox130Toggle historyOpera – Full supportOpera80Toggle historySafari – Full supportSafari15.4Toggle historyChrome Android – Full supportChrome Android94Toggle historyFirefox for Android – Full supportFirefox for Android130Toggle historyOpera Android – Full supportOpera Android66Toggle historySafari on iOS – Full supportSafari on iOS15.4Toggle historySamsung Internet – Full supportSamsung Internet17.0Toggle historyWebView Android – Full supportWebView Android94Toggle historyWebView on iOS – Full supportWebView on iOS15.4Toggle historytransferChrome – Full supportChrome94Toggle historyEdge – Full supportEdge94Toggle historyFirefox – Full supportFirefox130Toggle historyOpera – Full supportOpera80Toggle historySafari – Full supportSafari15.4Toggle historyChrome Android – Full supportChrome Android94Toggle historyFirefox for Android – Full supportFirefox for Android130Toggle historyOpera Android – Full supportOpera Android66Toggle historySafari on iOS – Full supportSafari on iOS15.4Toggle historySamsung Internet – Full supportSamsung Internet17.0Toggle historyWebView Android – Full supportWebView Android94Toggle historyWebView on iOS – Full supportWebView on iOS15.4Toggle history