Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

[Fabric] Microsoft.UI.Composition lacks the necessary APIs to bind video content to composition visuals

オープン
  • 何か問題がありますか？
#15,631 コメント 2 件 リアクション 0 件 担当者 1 名 GitHub で見る

メンテナーはふだん 2 日以内に返信

@sreehari-rajan がすでに取り組んでいます。

2026年2月10日 から。

評価

この issue はまだ評価されていません。

説明

bug enhancement
Problem Description

I am trying to directly render frames to Fabric compositor visual tree natively for custom video frame rendering using zero-copy methods (direct via GPU swapchain).

I have tried several approaches, but so far failed to find a way.

The basic idea is to do the following in native c++ code:

  1. get the Fabric compositor
  2. create a sprite visual
  3. create a surface brush to hold the swapchain
  4. apply the brush to the visual
    5***. get the compositor interop (Fails with E_NOINTERFACE)
  5. Create a composition surface for the swapchain

I am able to do this with Paper architecture, but I don't want to be stuck on old architecture.

Any insights into alternative approaches or future plans/roadmap would be appreciated.

Steps To Reproduce
  1. get the Fabric compositor
  2. create a sprite visual
  3. create a surface brush to hold the swapchain
  4. apply the brush to the visual
    5***. get the compositor interop (Fails with E_NOINTERFACE)
Expected Results

I would expect to be able to render to the composition surface.

CLI version

19.1.2

Environment
npx @react-native-community/cli info
info Fetching system and libraries information...
System:
  OS: Windows 11 10.0.22631
  CPU: (16) x64 11th Gen Intel(R) Core(TM) i9-11950H @ 2.60GHz
  Memory: 7.26 GB / 31.72 GB
Binaries:
  Node:
    version: 22.14.0
    path: C:\nvm4w\nodejs\node.EXE
  Yarn:
    version: 1.22.22
    path: C:\Program Files (x86)\Yarn\bin\yarn.CMD
  npm:
    version: 11.8.0
    path: C:\nvm4w\nodejs\npm.CMD
  Watchman: Not Found
SDKs:
  Android SDK: Not Found
  Windows SDK:
    AllowDevelopmentWithoutDevLicense: Enabled
    AllowAllTrustedApps: Enabled
    Versions:
      - 10.0.19041.0
      - 10.0.22621.0
      - 10.0.26100.0
IDEs:
  Android Studio: Not Found
  Visual Studio:
    - 17.14.36705.20 (Visual Studio Professional 2022)
Languages:
  Java:
    version: 11.0.16.1
    path: C:\Program Files\Microsoft\jdk-11.0.16.101-hotspot\bin\javac.EXE
  Ruby: Not Found
npmPackages:
  "@react-native-community/cli":
    installed: 19.1.2
    wanted: ^19.0.0
  react:
    installed: 19.1.0
    wanted: 19.1.0
  react-native:
    installed: 0.81.5
    wanted: 0.81.5
  react-native-windows:
    installed: 0.81.2
    wanted: 0.81.2
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

info React Native v0.83.2 is now available (your project is running on v0.81.5).
info Changelog: https://github.com/facebook/react-native/releases/tag/v0.83.2
info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.81.5&to=0.83.2
info For more info, check out "https://reactnative.dev/docs/upgrading?os=windows".
Community Modules

"dependencies": {
"@react-native/new-app-screen": "0.81.5",
"protobufjs": "^7.5.4",
"react": "19.1.0",
"react-native": "0.81.5",
"react-native-windows": "0.81.2"
}

Target React Native Architecture

New Architecture (WinAppSDK) Only

Target Platform Version

10.0.22621

Visual Studio Version

Visual Studio 2022

Build Configuration

Debug

Snack, code example, screenshot, or link to a repository

No response

主要言語
C++
スター
17.4k
フォーク
1.2k
平均マージ
3日 10分
マージ済み PR（30日）
14

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

microsoft/react-native-windows のほかの issue

microsoft/react-native-windows の issue をすべて見る

似ている issue

C++ の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。