React VR을 사용하여 이미지를 미리로드하고 캐시 할 수 있습니까?

Question

React VR을 사용하여 집에서 가상 투어를 만들고 있는데 사용자가 방에서 나올 때 다음 파노라마 이미지를 미리로드합니다. 미리로드 된 후 로컬 디스크 캐시의 이미지를 사용합니다.

나는

<Pano style={{ display: 'none' }} source={asset(`360/${this.thePanoImage}`)} /> 

아래에이 코드를 시도했다 그러나 아래의 이미지를 볼 수 없습니다. 가상 투어가 처음로드 될 때 빨간 선 위

이다. leefruimte.jpg은 9 밀리 초 안에 다운로드됩니다. 운송 후 (빨간색 줄 아래), leefruimte.jpg이 다시 다운로드되지만 12 밀리 초가됩니다.

이미지 leefruimte.jpg이 (가)로드 된 이미지 0에서 가져와 캐시 된 것으로 동의합니다.

이미지 navigationCircle.png 및 focusspot.png도 미리로드되지 않습니다.

Answer 1

참고 : 이것은 나중에 변경 될 가능성이 높지만 작성 시점에는 Prefetch 구성 요소를 살펴볼 수 있습니다.

프리 페치는 당시에는 파노 노스에서만 작동하지만 현재 필요로하는 것처럼 보입니다. S 캐시

import {Prefetch} from 'react-vr'; 
... 
... 
render() { 
    return (
     ... 
     <Prefetch key={someUniqueKey} source={asset(`360/${this.thePanoImage}`)} /> 
     ... 
    ); 
} 

Pano 'Prefetch 용의 source code 검사'이미지를로드. 따라서 을 this.thePanoImage으로로드하려고하면 이미지를 캐시에서 사용할 수 있어야하며 두 번째로 가져 오지 않아야합니다.