[react] 현재 오디오 재생 시간을 받아오고 싶습니다. = 해결완료

Question

안녕하세요! 학교에서 하는 프로젝트로 react를 다루고 있는데요, react를 처음 하다 보니 혼자 해결하지 못한 부분이 있어 질문드립니다. 1초마다 현재 오디오 재생 시간을 받아서 콘솔에서 출력하고 싶은데, 현재 재생 시간이 콘솔에 찍히지도 않고 오디오가 재생되다가 currentTime이 없다는 오류가 뜹니다.프로젝트를 진행하는 과정에서 꼭 필요한 부분인데요,혹시 이 부분에 대해 도움을 구할 수 있을까요?감사합니다.const [currentSection, setCurrentSection] = useState({ content: '', other: '' }); const [currentTime, setCurrentTime] = useState(0); const audioElement = document.getElementById('audio'); const handleListen = (e) => { setCurrentTime(e.target.currentTime); }; useEffect(() => { const interval = setInterval(() => { setCurrentTime(audioElement.currentTime); console.log('현재 오디오 시간 체크 중: ', audioElement.currentTime); }, 1000); return () => { clearInterval(interval); console.log('오디오 종료'); } }); ================================================================수정하여 진행하고 있는 코드입니다.현재 재생 시간은 undefined 라고 나오는데 아직 해결 중입니다ㅜㅜ혹시 아는 분이 계시다면 조언 부탁드립니다ㅜㅜconst [currentTime, setCurrentTime] = useState(0); const audioRef = useRef(null); useEffect(() => { const updateCurrentTime = () => { if (audioRef.current) { const newCurrentTime = audioRef.current.currentTime; setCurrentTime(newCurrentTime); console.log('현재 재생 시간은 ', newCurrentTime); } }; const intervalId = setInterval(updateCurrentTime, 1000); return () => { clearInterval(intervalId); }; }, []};

Gear · Accepted Answer

웬만하면 dom api를 직접 다루지 말고 useRef를 쓰시기 바랍니다

[react] 현재 오디오 재생 시간을 받아오고 싶습니다. => 해결완료

1개의 답변

기술 목록