버튼에 클릭 노이즈 추가

Question

내 사이트에 3 개의 div가 있으며 그 중 하나가 사진 슬라이드와 같은 페이지로 표시됩니다. 기능 및 코드를 참조하십시오 : http://jsfiddle.net/jasper/EXfnN/29/

이제 두 번째 페이지에 몇 가지 버튼 노이즈를 추가해야합니다. 예를 들어 ABC/내셔널/기타 링크를 클릭 할 때마다 클릭 노이즈가 발생해야합니다. 버튼에 클릭 노이즈를 추가하려면 어떻게합니까?

이 사이트는 일반용이 아닌 키오스크 용이므로 적절한 Firefox 추가 기능이 작동합니다. 그러나 Firefox Noise Addon을 사용해 보았지만 링크가 다른 페이지에 링크되어있을 때만 작동하지만 링크가 내 상황과 같은 페이지에있을 때는 작동하지 않습니다.

두 번째 페이지에서 클릭 한 각 버튼에 버튼 노이즈를 추가 할 수있는 방법이 있습니까? 그렇다면 어떻게해야합니까? 모든 코드/예제/자습서는 큰 도움이 될 것입니다. 사전에

감사합니다.

편집 : 답장을 보내 주셔서 감사합니다. 나는 너의 도움으로 절반 밖에 가지 않는다. 현재 이메일 제출 기능이 있으며 버튼을 클릭하면 다음 페이지로 슬라이드됩니다.

유용한 코드를 아래 기능과 함께 사용할 수 있습니까? here? 하나의 클릭 기능으로 두 개의 이벤트가 손실되었지만 (사운드 및 이메일 제출) 감사합니다!

다음은 추가 이메일 제출 js입니다.

function abcSubmit() { 
$.ajax({ 
    type: "POST", 
    url: "email.php", 
    data: "abc=abc", 
}); 
} 

function nationalSubmit() { 
$.ajax({ 
    type: "POST", 
    url: "email.php", 
    data: "national=national", 
}); 
} 

function otherSubmit() { 
$.ajax({ 
    type: "POST", 
    url: "email.php", 
    data: "other=other" 
}); 
} 

및 email.php로는

같은

if(isset($_POST['abc'])) 
{ 
$to  = 'abc@site.com'; 
$subject = 'Entrance notice'; 
$message = 'Hello ABC.'; 
$headers = 'From: webmaster@example.com' . "\r\n" . 
    'Reply-To: webmaster@example.com' . "\r\n" . 
    'X-Mailer: PHP/' . phpversion(); 
mail($to, $subject, $message, $headers); 

} 

Answer 1

당신은 소리를 재생하는 새로운 HTML5 audio 태그를 사용할 수 있습니다. 다음은 샘플입니다 (한 번에 하나의 사운드를 미리로드하고 허용 함). 대부분의 브라우저에서 작동합니다.

<input type="button" onclick="playSound()" value="Click me!" /> 

<script> 

    var sound = document.createElement("audio"); 

    var src = document.createElement("source"); 
    src.src = "sound.wav"; 
    sound.appendChild(src); 
    //More srcs... 

    sound.load(); 
    sound.volume = 0; 
    sound.play(); 

    function playSound() { 

     sound.volume = 1; 
     sound.currentTime = 0.01; 
     setTimeout(function(){sound.play();},1); 

    } 

</script> 

... 또한 사용자가 그것을 기대하지 않는 경우 소리를 재생하지 않는다)

Answer 2

Playing sounds in Javascript입니다.

관련 인용 : 파이어 폭스, 사파리에서

, 구글 크롬 은 애플 퀵타임과 같은 플러그인에 의존 오디오 재생 기능을 제공합니다. 오디오 플러그인 이 설치되어있는 경우 브라우저에 플러그인을 활성화하기 위해 OBJECT 태그가 필요합니다. 당신은 또한 SoundManager 프로젝트와 같은 플러그인으로 플래시를 사용하여 사운드를 재생할 수 있습니다

<OBJECT DATA="audioURL.mid" TYPE="audio/midi" TITLE="Description" WIDTH=250 HEIGHT=20> 
<PARAM NAME=autostart VALUE=true>  
<PARAM NAME=hidden VALUE=false> </OBJECT> 

: 여기 OBJECT 태그의 예입니다.

Answer 3

다음은 오디오를로드하는 코드입니다. 버튼 클릭에 사운드를 연결하기 만하면됩니다. Cross-platform, cross-browser way to play sound using jQuery 1.4?

<audio id="soundHandle" style="display: none;"></audio> 
<script> 
    soundHandle = document.getElementById('soundHandle'); 
    soundHandle.src = '/blah/blah.mp3'; 
    soundHandle.play(); 
</script>