Текстура видео, не отображаясь на модели iPhone в React Three Fiber (R3F) ⇐ Javascript

[Anonymous]

Я работаю над проектом React Three Fiber (R3F), где я хочу отобразить видео текстуру на модели iPhone. Сцена использует @React-Three/Fiber, @React-Three/Drei и GSAP для анимации. Тем не менее, видео не рендеринг на экране iPhone < /p>
Я передаю видеопат в компонент iPhone, где его следует применять в виде трех. VideOtexture на экране iPhone. Видеофайл действителен, но он не отображается. < /P>
import React, { useRef, useEffect } from 'react'
import { useGLTF, useVideoTexture } from '@react-three/drei'
import * as THREE from 'three'

const Iphone = ({ videoPath = "/textures/project/project2.mp4", ...props }) => {
const { nodes, materials } = useGLTF('/models/iphone_16_pro_max.glb')

// Simple video texture setup - exactly like DemoComputer
const txt = useVideoTexture(videoPath);

// Simple texture flip - exactly like DemoComputer
useEffect(() => {
if (txt) {
txt.flipY = false;
}
}, [txt]);

return (

& g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . t s g y T K h p o l C m w x x . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . z w n V x b h B D H Z G b P o } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . h r Z a E j X D m C I L o b U . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . o O h S z a s U K H W s R E s } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . F Q K f F q Y N H m E z e u Y . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . Q J G V i m E i b r V P D g l } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . p d M v C m w p e A k o C e W . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . N G O E Z C W B E S e x L K h } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . v r z j T i K m Y L o p i P d . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . M E V j M z J T E h a Z c v s } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . C v k O W H z r m z e b c Z J . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . w f n r E K g a V f v f q W K } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . y O T K i D j i Y X u W N i O . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . Y h U w b O o w N t z Q Z L e } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . S x L f b t O d u X y l A B k . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . Q B l E N h k j c a L J e p A } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . E n N A O S E I V a S u W p J . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . O F X H p r Q R Y z L W h k t } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > castShadow
receiveShadow
geometry={nodes.ADonefYsvcXtKpH.geometry}
material={materials.DLNsJhTsXOXyRyv}
/>


























& l t ; m e s h B a s i c M a t e r i a l < b r / > m a p = { t x t } < b r / > t o n e M a p p e d = { f a l s e } < b r / > / & g t ; < b r / > & l t ; / m e s h & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . D Y V T L t q M H T s Y I j j . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . i H j X N C b U Y N h b b s Z } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . i s W R M w S j K G q b T V D . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . k B K c x p w X d i S G t c j } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . P T N F F Q Q R B k F U t R F . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . a w G b S h L p H N n W F s k } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . u I Y C q b l Z m u X P Y Y I . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . M E V j M z J T E h a Z c v s } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . M d A x m Z R Z i X v B T S O . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . Q B l E N h k j c a L J e p A } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . T f d H b c S i Q v Z F j b F . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . g j h X p i T p Q E g C x G d } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . m N q Q y Z j h w W c i N U h . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . Z N H J V G K I j N r O z R W } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . y l W R H N d l C R P q t s y . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . q I X a G T Q g p p L z N u S } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . t J N Z W j O t M f b y h U T . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . v W G S h I U I F D W I H Y r } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . k I Z Q X P m e D W R V q t z . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . n b O n Q E W a Q W g F L w I } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . v a i p I E i i a M h z z b v . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . Y h U w b O o w N t z Q Z L e } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . Y o n v K v L H V P x i P h x . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . q n E U n G Q j u Q X N K x N } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c e i v e S h a d o w < b r / > g e o m e t r y = { n o d e s . A a h I x h y d z t c J Z u H . g e o m e t r y } < b r / > m a t e r i a l = { m a t e r i a l s . a w G b S h L p H N n W F s k } < b r / > / & g t ; < b r / > & l t ; m e s h < b r / > c a s t S h a d o w < b r / > r e c eiveShadow
geometry={nodes.EdYbTyFeZQnIeQC.geometry}
material={materials.MEVjMzJTEhaZcvs}
/>




























)
}

useGLTF.preload('/models/iphone_16_pro_max.glb')
export default Iphone;


Подробнее здесь: https://stackoverflow.com/questions/794 ... -fiber-r3f