여러분 조건문으로 오디오 재생하는법, 혹시 아시는 분 계신가요?

Question

오디오 재생오류로 일주일간 골머리를 썩일 줄 몰랏습니다.고수님들 제발 도와주세요... 이것때문에 샤워하고 나면 머리가 두배로 빠집니다. async function predict() { // Prediction #1: run input through posenet // estimatePose can take in an image, video or canvas html element const { pose, posenetOutput } &#61; await model.estimatePose(webcam.canvas); // Prediction 2: run input through teachable machine classification model const prediction &#61; await model.predict(posenetOutput); if(prediction[0].probability.toFixed(2) > 0.95) { var audio &#61; new Audio('정확한 자세입니다.mp3') audio.play() } else if(prediction[1].probability.toFixed(2) > 0.90) { var audio &#61; new Audio('고개를 들어주세요.mp3') audio.play() ; } else if(prediction[2].probability.toFixed(2) > 0.90) { var audio &#61; new Audio('고개를 숙여주세요.mp3') audio.play() ; } else if(prediction[3].probability.toFixed(2) > 0.90) { var audio &#61; new Audio('상체를 숙여주세요.mp3') audio.play() ;코드를 대강 설명드리자면 웹캠으로 촬영한 자세(prediction)와 일정한 확률(probability) 이상일치 할 때오디오 재생코드 var audio &#61; new Audioaudio.play() 를 넣엇습니다. 저는 이 음악파일(.mp3파일) 이 동시간대에 1번만 재생될 줄 알았습니다.그러나 일정확률 (probability) 이상만 되면 음악파일이 무한재생됩니다. (ex) '상체를 숙여주세요' 라는 파일이 재생되야 한다고 치면...-상상상상 체체체체 르를르 숙숙숙숙숙숙숙숙숙숙숙 -이렇게 재생됩니다. 댓글에 제가 해놓은 방법들을 적어 놓았습니다. 마지막으로 남은 방법이, 조건문 안에 또다른 조건문을 넣어서 한 음악파일1 이 재생되는 동안 음악파일 1,2,3,4 가 재생되지 못하게하거나 멈추게하는 방법이라고 생각합니다. [오디오 클래스로 묶어 볼 생각입니다.] 혹시 이런 무한재생을 막을 방법 아시는 분 댓글로 알려주시면 감사하겟습니다. ㅠㅠㅠ 블로그에 전체 코드를 적어놓겟습니다.

안다미로 · Answer

https://blog.naver.com/juongho/222040760816블로그 주소입니다.//중간에 주석중에 sub 함수와 wait to complete 함수를 활용해서 오디오 무한재생을 해결보려고 했으나 실패했습니다.

스칼라가좋아 · Answer

현재 audio object가 predict() function에서 생성이 되는데 predict() function은 loop function 안에서 호출되고 있습니다.loop function은 window.requestAnimationFrame 안에서 호출 됩니다.이 경우 문제점은 loop 안에서 predict() function은 지속적으로 새로운 object를 생성하고 각 오브젝트가 소리를 재생하게 됩니다.이로 인해 무한 루프로 음성이 재생됩니다. loop 안의 predict의 function scope가 다르니 finish function의 pause() 도 작동하지 않습니다.audio 객체가 var을 사용하면 함수 단위로 scope가 정의되니까 사용을 피하시기 바랍니다. 객체들이가 var로 정의되고 이름도 같아서 매우 오해하기 좋습니다. 각각의 소리마다 적절한 이름을 지우주시기 바랍니다. 결론적으로 audio object를 predict 밖에서 생성하신 후 predict() function에서 audio가 playing 되고 있으면 재생하지 않게 설정해주시면 됩니다.궁금한 점이 있는데 지금 독학으로 배우시는 가요? 아니면 전공하는 학생이신가요? 아니면 학원에 다니시는 가요?

안다미로 · Answer

댓글쓰다가 405에러떠서 지워졋네요. 너무 감사합니다! 저는 코딩 독학한지 1개월된 비전공자입니다. 현재 발전이 더디다고 생각하여 국비지원학원 등록신청을 한 상태입니다. 루프함수 때문에 문제가 생긴다는건 알앗지만, 루프 밖에서 해결해야된다는 생각 자체를 못햇습니다. 그래서 무조건 Prediction 함수 안에 조건문으로 오디오가 연결되어야 한다고 생각햇습니다. 또 pause부분은 다시 질문드리려고 했는데 원인분석까지 해주셔서 너무 감사합니다. 오픈소스를 참고하다 보니 함수를 생성하는 것에 매우 서투르네요.

여러분 조건문으로 오디오 재생하는법, 혹시 아시는 분 계신가요?

3개의 답변

Q&A 목록