@amazon-devices/kepler-graphics

"@amazon-devices/kepler-graphics": "~2.4.0",

[[needs.privilege]]
id = "com.amazon.graphics.privilege.display.manager"

import {
    Display,
    DisplayManager,
    DisplayController,
    ColorDepth,
    ColorSpace,
    HdcpLevel,
    HdrType,
    LlmState,
    HdrMode,
    IDisplayConfig,
    IDisplayListener,
    IDisplayControllerListener,
    ISubscription
} from '@amazon-devices/kepler-graphics';

const displayConnected = DisplayController.isPrimaryDisplayConnected();
if (displayConnected) {
    // ディスプレイで操作を実行します。
} else {
    // ディスプレイが接続されていません。「Display」メソッドと「DisplayManager」メソッドは使用しないでください。
    // この場合、ホットプラグイベントのコールバックを使用すると、
    // 新しいディスプレイの接続を検知できます。
}

const displayControllerListener: IDisplayControllerListener = {

    onAddDisplay: (id: Int32) => {
      console.log("IDisplayControllerListener::onAddDisplay - ", id);
      // 新しいディスプレイが接続されたときの初期化処理。
    },
    onRemoveDisplay: (id: Int32) => {
      console.log("IDisplayControllerListener::onRemoveDisplay - ", id);
      // 必要なクリーンアップ処理。
      // 「Display」と「DisplayManager」メソッドは、
      // ディスプレイの接続解除時には機能しません。
    },
  };

// イベントを受信するリスナーコールバックオブジェクトを登録します。
const subscription: ISubscription = DisplayController.addListener(displayControllerListener);

// 現在アクティブなディスプレイ構成を取得します。
const displayConfig = Display.getCurrentConfig();
// 現在の幅（ピクセル単位）。
const width = displayConfig.widthInPixels;
// 現在の高さ（ピクセル単位）。
const height = displayConfig.heightInPixels;
// 画面密度（DPI（1インチあたりのドット数）単位）。
const dpi = displayConfig.screenDensityInDpi;

// 現在のリフレッシュレート（ミリHz単位。例： 60000 = 60Hz)。
const currentRefreshRate = Display.getCurrentRefreshRateInMillihertz();

// ディスプレイとデバイスがいずれかのHDR形式をサポートしているかどうかを確認します。
const hdrSupport = Display.isHDRSupported();

// 現在ユーザーが選択しているHDRモードを取得します。有効な値は「enum HdrMode」に列挙されています。
const hdrMode = Display.getHdrMode();

if (hdrSupport && (hdrMode !== HdrMode.DISABLED)) {
    // HDRがサポートされています。
    // 次に、現在の構成を取得して、必要なHDR形式がサポートされているかどうかを確認します。
    const displayConfig = Display.getCurrentConfig();
    for (const hdrType of displayConfig.supportedHdrType) {
        if (hdrType === HdrType.HDR10) {
            // HDR10がサポートされています。
        } else if (hdrType === HdrType.HDR10_PLUS) {
            // HDR10+がサポートされています。
        } else if (hdrType === HdrType.HLG) {
            // HLGがサポートされています。
        } else if (hdrType == HdrType.DOLBY_VISION) {
            // Dolby Visionがサポートされています。
        }
    }
} else {
    // HDRはサポートされていないか、ユーザーが無効にしています。
}

// ディスプレイコネクタ名を照会します。
const name = Display.getName();

// 現在のHDCPレベルを取得します。有効な値は「enum HdcpLevel」に列挙されています。
const hdcpLevel = Display.getCurrentHdcpLevel();

// 現在の色深度を取得します。有効な値は「enum ColorDepth」に列挙されています。
const colorDepth = Display.getColorDepth();

// 現在の色空間を取得します。有効な値は「enum ColorSpace」に列挙されています。
const colorSpace = Display.getColorSpace();

// デバイスで低遅延モードがサポートされているかどうかを確認します。
llmSupported = Display.isLowLatencyModeSupported();
if (llmSupported) {
    // ディスプレイで低遅延モードがサポートされています。
}

const displayListener: IDisplayListener = {

    onConfigChange: (config: IDisplayConfig) => {
      console.log("IDisplayListener onConfigChange  ==  ", config);
    },
    onRefreshRateChange: (refreshRateInrMillihertz: Int32) => {
      console.log("IDisplayListener onRefreshRateChange  ==  ", refreshRateInrMillihertz);
    },
    onColorDepthChange: (colorDepth: ColorDepth) => {
      Alert.alert("IDisplayListener onConfigChange  == ");
      console.log("IDisplayListener onColorDepthChange  ==  ", colorDepth);
    },
    onColorSpaceChange: (colorSpace: ColorSpace) => {
      console.log("IDisplayListener onColorSpaceChange  ==  ", colorSpace);
    },
    onHdcpLevelChange: (level: HdcpLevel) => {
      console.log("IDisplayListener onHdcpLevelChange  ==  ", level);
    },
    onAutoConfigSwitchStateChange: (state: boolean) => {
      console.log("IDisplayListener onAutoConfigSwitchStateChange  ==  ", state);
    },
    onMultipleRefreshRateStateChange: (state: boolean) => {
      console.log("IDisplayListener onMultipleRefreshRateStateChange  ==  ", state);
    },
    onLowLatencyModeStateChange: (state: LlmState) => {
      console.log("IDisplayListener onLowLatencyModeStateChange  ==  ", state);
    },
    onHdrModeChange: (hdr_mode: HdrMode) => {
      console.log("IDisplayListener onHdrModeChange  ==  ", hdr_mode);
    },
    onSinkStateChange: (active: boolean) => {
      console.log("IDisplayListener onSinkStateChange  ==  ", active);
    }
};

// コールバックを受信するリスナーオブジェクトを登録します。
const subscription: ISubscription = Display.addDisplayListener(displayListener);

  useEffect(() => {
    const subscription: ISubscription = DisplayController.addListener(displayControllerListener);
    return () => {
      subscription.unsubscribe();
    };
  }, []);

  {
      "heightInPixels": 1080,
      "maxHdcpLevel": 7,
      "screenDensityInDpi": 81,
      "supportedHdrType": [
          1,
          1,
          1,
          1,
          1
      ],
      "supportedRefreshRatesInMillihertz": [
          60000,
          50000,
          30000,
          25000,
          24000
      ],
      "widthInPixels": 1920
  }