고수님들 ㅠㅠ.. audio 태그 질문드립니다. 오디오 태그를 누르면, 현재 재생되고 있는 오디오가 종료되고 해당 오디오만 재생되게 만들고싶습니다.

Question

안녕하세요. 여러 고민 끝에 고수님들께 조언 좀 얻고 싶어서 글씁니다.여러개의 audio태그가 있고, 다른 오디오 태그를 누르면, 현재 재생되고 있는 오디오가 종료되고 해당 오디오만 재생되게 만들고싶습니다.예: 1,2,3 audio태그가 있고, 현재 2번 재생 중 1번을 클릭하면 2번 종료되고 1번만 재생. 여러 커스텀 오디오를 찾아보다가, okky에서 비슷한 질문과 소스조언을 해주신 글을 찾았는데요.해당소스는 현재 재생되는 오디오가 종료되지않고, 클릭하는 오디오태그가 모두 플레이되어 여러 음악이 함께 재생됩니다.이것저것 바꿔보긴했지만, 정말 잘 안돼서 고민끝에 글 올립니다. 어떻게 하면 될까요?

I Want to Break Free

My Bad Guy

Who Wants to Live Forever

var aud; function aud(arg) { var target = $(arg).attr("id"); var audio = $("#"+target).parent().find("audio").get(0); if (audio.paused){ audio.play(); }else{ audio.pause(); } }

커피집개발자 · Answer

해당 오디오에 대한 정보를 담을수 있는 beforeAudio 변수에 담아서 beforeAudio를 정지시킨후 클릭되어진 Audio를 실행하는방법도 있고 지금 현존하는 audio태그를 다 paused하고 클릭된것만 start하게 해도 될거같은데욥

초급개발자(오) · Answer

클릭된 div의 부모를 찾아가서 자식태그 중 audio 태그를 찾아라 잖아요? 근데 정지되어야 할 태그들은 부모태그의 형제태그 안에 속해 있잖아요... 차라리 이런식으로 하시는건 어떠세요? var aud; function aud(arg) { var target &#61; $(arg).attr(&#34;id&#34;); var audio &#61; $(&#34;#&#34;&#43;target).parent().find(&#34;audio&#34;).get(0); $(&#34;.music&#34;).find(&#34;audio&#34;).pause(); audio.play(); }

고수님들 ㅠㅠ.. audio 태그 질문드립니다. 오디오 태그를 누르면, 현재 재생되고 있는 오디오가 종료되고 해당 오디오만 재생되게 만들고싶습니다.

2개의 답변

Q&A 목록