인프런 커뮤니티 질문&답변

gksdygks2124님의 프로필 이미지

작성한 질문수

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

12.9 Slider 노래 재생 연동 - 1

state에서 buffer랑 time이 안 나옵니다

해결된 질문

24.07.06 00:41 작성

·

100

0

Screenshot 2024-07-05 at 23.39.01.png예시 코드 따라하는데 재생버튼이 계속 안 나오고 로딩바만 돌아가서 state를 찍어보니까 buffer랑 time 값이 저렇게 빈 값으로 나옵니다. 그런데 isLoading으로 로딩스피너 구현하는 걸 제거하고 바로 play, pause버튼 나오게 하면 노래 자체는 재생이 됩니다만 여전히 buffered와 time 부분 값은 빈 값으로 찍힙니다ㅜㅜ 무엇이 문제일까 모르겠습니다... 코드는 몇번이고 똑같은 걸 검토했는데...

답변 2

0

도도(코딩루팡)님의 프로필 이미지
도도(코딩루팡)
지식공유자

2024. 07. 06. 13:55

흠.. 노래 자체가 재생이 되신다면 time, buffer 등 미디어 파일에 대한 정보는 잘 가져오신걸로 보입니다.

문제가 되는 코드를 전문을 좀 더 보여 주세요.!

 

아래는 예상되는 문제점 입니다.

1."노래 자체는 재생이 된다." 라는 점에서 미디어 파일은 잘 가지고 왔다.

2.하지만 pause, play 관련 기능을 넣으면 잘 안된다.

 

3.1 컨트롤러 및 이벤트 핸들러 함수랑 잘 연결되었는지 체크하기.

image

3.2 {audio} 를 빼먹었는지 체크

image

원본 소스 코드를 복붙해보셔서 천천히 디버깅 부탁드려용

0

gksdygks2124님의 프로필 이미지
gksdygks2124
질문자

2024. 07. 06. 00:43

time이 아니라 duration입니다1