isit-hdr-ready

1.1.1 • Public • Published

HDR check

Pure js NPM package to check hdr support in css (browser and hardware)

homepage | github

Installation

Install it in a project

npm install isit-hdr-ready

Basic usage

You can use it in your markup like this:

<p class="hdr-not-ready-message">✅ Browser support sRGB</p>
<p class="hdr-ready-message hidden">✅ Browser and Hardware is HDR ready</p>

Then check hdr support and change block, picture or js logic:

import isitHDRReady from "isit-hdr-ready";

const hdrReadyMessage = document.querySelector(".hdr-ready-message");
if (isitHDRReady()) {
  hdrReadyMessage.classList.remove("hidden");
}

⚠️ It checks only display-p3 support

Contributors

Dependents (1)

Package Sidebar

Install

npm i isit-hdr-ready

Weekly Downloads

4

Version

1.1.1

License

MIT

Unpacked Size

8.86 kB

Total Files

6

Last publish

Collaborators

  • loopreport