import React, { memo, useRef, useEffect } from 'react'; import JoLPlayer, { useVideo } from './app'; import useWindowClient from '@/utils/useWindowClient'; import '@/icons/'; const AppComponent = memo(function AppComponent(props) { const videoRef = useRef(null!); const { clientX } = useWindowClient(); const xx = useRef(); const { isPlay, handleChangePlayState, currentTime } = useVideo( { videoElement: videoRef.current && (videoRef.current as HTMLVideoElement & { video: HTMLVideoElement }).video, // onPause: (val: any) => { // console.log(val, xx.current); // }, // onPlay: (val: any) => { // console.log(val, xx.current); // }, // onTimeChange: (val: any) => { // console.log(val); // }, // onEndEd: (val: any) => { // console.log('结束', val); // }, onProgressSlide: (val: any) => { console.log(`童东风`, val); }, }, [videoRef.current], ); xx.current = clientX; return ( <> {isPlay ? '播放' : '暂停'} {/* */} ); }); export default AppComponent;