모바일 audio 기능 질문
- 작성자 :
- 현*규
- 작성일 :
- 2014-12-08 17:20:28
- 조회수 :
- 500
- 구분 :
- 모바일
- 진행상태 :
- 완료
Q
안녕하세요 제가 지금 모바일을 하나 만들고 있는데요..
audio가 지금 사용하는 방식이 잘 안되서 그러는데 어떻게 해야 되는지 알여주세요
스크렙트에서
//audio 객체 작성
var audio = new Audio("/sound/a/001a046_sound.mp3");
//사운드 버튼 관련
$('.btn_icon .sound > a').click(function(){
var $this_parant = $(this).parent();
if($this_parant.hasClass('play')){
$this_parant.removeClass('on');
$this_parant.parent().find('.sound.stop').addClass('on');
// 사운드 재생 명령어 이곳에..
audio.play();
}
else if($this_parant.hasClass('stop')){
$this_parant.removeClass('on');
$this_parant.parent().find('.sound.play').addClass('on');
// 사운드 정지 명령어 이곳에..
audio.pause();
}
return false;
});
이렇게 javaScript에 작성을 했고요...
body에서는
<ul>
<li class="sound play on"><a href="#"><img src="../img/common/icon_sound.png" alt="소리듣기" /></a></li>
<li class="sound stop"><a href="#"><img src="../img/common/icon_sound_off.png" alt="소리끄기" /></a></li>
</ul>
이렇게 만들어서 사용할여고 하는데요...
이미지를 클릭해도 소리가 안나오는데 어떻게 해야 되는 걸까요..??
부탁드립니다.. 알려주세요..
audio가 지금 사용하는 방식이 잘 안되서 그러는데 어떻게 해야 되는지 알여주세요
스크렙트에서
//audio 객체 작성
var audio = new Audio("/sound/a/001a046_sound.mp3");
//사운드 버튼 관련
$('.btn_icon .sound > a').click(function(){
var $this_parant = $(this).parent();
if($this_parant.hasClass('play')){
$this_parant.removeClass('on');
$this_parant.parent().find('.sound.stop').addClass('on');
// 사운드 재생 명령어 이곳에..
audio.play();
}
else if($this_parant.hasClass('stop')){
$this_parant.removeClass('on');
$this_parant.parent().find('.sound.play').addClass('on');
// 사운드 정지 명령어 이곳에..
audio.pause();
}
return false;
});
이렇게 javaScript에 작성을 했고요...
body에서는
<ul>
<li class="sound play on"><a href="#"><img src="../img/common/icon_sound.png" alt="소리듣기" /></a></li>
<li class="sound stop"><a href="#"><img src="../img/common/icon_sound_off.png" alt="소리끄기" /></a></li>
</ul>
이렇게 만들어서 사용할여고 하는데요...
이미지를 클릭해도 소리가 안나오는데 어떻게 해야 되는 걸까요..??
부탁드립니다.. 알려주세요..
A
안녕하세요. 현창규님.
사용하신 부분 상에 Audio에 대한 기능 부분이 동작하지 않으시는건지, jquery 기반의 javascript 처리가 되지 않으시는 건지 확인 부탁드립니다.
(Audio 객체 생성 후 바로 play() 메소드 호출)
참고로 해당 오디오 기능은 HTML5 상의 기능으로 HTML5를 지원하는 브라우저에서만 실행이 가능합니다.
추가적으로 jquery 부분에 대한 javascript 구분 부분 상의 문제는 저희 표준프레임워크센터에서 지원해 드릴 내용은 아닙니다.
그럼, 즐거운 하루되십시오.
감사합니다.
사용하신 부분 상에 Audio에 대한 기능 부분이 동작하지 않으시는건지, jquery 기반의 javascript 처리가 되지 않으시는 건지 확인 부탁드립니다.
(Audio 객체 생성 후 바로 play() 메소드 호출)
참고로 해당 오디오 기능은 HTML5 상의 기능으로 HTML5를 지원하는 브라우저에서만 실행이 가능합니다.
추가적으로 jquery 부분에 대한 javascript 구분 부분 상의 문제는 저희 표준프레임워크센터에서 지원해 드릴 내용은 아닙니다.
그럼, 즐거운 하루되십시오.
감사합니다.