react-vegas/dist/hooks/useVisibilityChange.js

Vegas.js for React

import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
const useVisibilityChange = (play, pause, log)=>{
    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
        const handleVisibilityChange = ()=>{
            if (document.hidden) {
                log("页面隐藏，暂停播放幻灯片");
                pause();
            } else {
                log("页面可见，继续播放幻灯片");
                play();
            }
        };
        document.addEventListener("visibilitychange", handleVisibilityChange);
        return ()=>{
            document.removeEventListener("visibilitychange", handleVisibilityChange);
        };
    }, [
        play,
        pause
    ]);
};
export { useVisibilityChange };