MPV CPU 渲染故障播放

如何解决MPV CPU 渲染故障播放

我在 MPV 中播放高分辨率视频样本，但出现故障。

import React,{ useState,useRef,useEffect } from 'react';

function App() {
    const [buttonClicked,setButtonClicked] = useState(false);

    const isFirstRender = useRef(true);

    useEffect(() => {
        isFirstRender.current = false;
    },[]);

    const renderRepresentation = () => {
        if (isFirstRender.current) {
            return (
                <symbol id="Component">
                    <Path />
                </symbol>
            );
        }
        else {
            return (
                <use href="#Component" />
            );
        }
    }

    return (
        <>
            {renderRepresentation()}
            <button onClick={() => setButtonClicked(true)}>SIMULATE STATE CHANGE</button>
        </>
    );
}

我的两个 GPU 都不支持这种格式，所以重新渲染是在 cpu 上将其加载到大约 50%

Stream #0:0: Video: hevc (Main 10),yuv420p10le(tv),3840x2160 [SAR 1:1 DAR 16:9],59.94 fps,59.94 tbr,1k tbn,59.94 tbc (default)

另一个帧率较低的视频正常播放时将 cpu 加载到 20-40%

product: Intel(R) Core(TM) i7-4700MQ cpu @ 2.40GHz

如果 cpu 能力不是这里的瓶颈，那可能是什么？

无法从 MPV log

中找出任何信息