 |
|
| |
|
  |
7년 전
|
하이브리드 앱을 제작하다 보면 음악 혹은 효과음을 사용해야 할 경우 이런 질문들을 자주 듣는다.
“음악파일을 어디서 제어를 하는게 좋을까요?” 이런 부분은 이슈에 대한 부분만을 가지고 논하기는 어렵다.
가장 심플하고 손쉽게 사용할 수 있는 스크립트 소스이다.
var player = new Audio('');
function play(URL){
if(player.paused || url != player.src){
if(player.canPlayType('audio/mp3')){
player.src = URL;
}
palyer.play();
}else{
player.pause();
player.currentTIme = 0;
}
}
위 소스를 활용한 간단한 예제 html문서를 작성해보면 아래와 같다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Audio</title>
<script type="text/javascript">
if(window.HTMLAudioElement){
var player = new Audio('');
function play(url){
if(player.paused || url != player.src){
if(player.canPlayType('audio/mp3')){
player.src = url;
}
player.play();
} else {
player.pause();
player.currentTime = 0;
}
}
}
</script>
</head>
<body>
<a href="#" onClick="play('audioA.mp3')">audioA.mp3</a>
<a href="#" onClick="play('audioB.mp3')">audioA.mp3</a>
</body>
</html>
|
|
 추천 : 300 |
추천
목록
|
|
| |
|
