2010-05-04 3 views
22

jQuery에서 요소 호버/클릭시 사운드를 재생하려고합니다. (플래시없는 플래시 웹 사이트와 비슷합니다.)크로스 플랫폼, 크로스 브라우저 방식으로 jQuery 1.4를 사용하여 사운드를 재생할 수 있습니까?

Cross-platform, cross-browser way to play sound from Javascript?에서 권장하는 방법, jQuery Sound 플러그인 및 몇 가지 다른 튜토리얼을 아무런 성공없이 시도했습니다. 2008 년 이후로 업데이트되지 않았기 때문이라고 가정합니다.

추천이있는 사람이 있습니까?

+2

http://dev.jquery.com/browser/trunk/plugins/sound/jquery.sound.js에서 jQuery 사운드 플러그를 찾을 수 있습니다. – Erin

+1

이 jQuery 사운드 플러그인 (http : // www. happyworm.com/jquery/jplayer/)? – Mottie

+0

나는 그것을 훑어 보았지만, 내가 원하는 것을 위해 너무 무거웠다 고 생각했다. 나는 그것을 다시 볼 것이다. 감사! – Erin

답변

33

아무 것도 필요하지 않습니다. 자바 스크립트와 결합 된 HTML 태그는 트릭을 수행합니다. http://swaggplayer.no.de/demos 는 소리 를 재생하기 위해 플래시를 사용하거나 하나의 http://www.schillmania.com/projects/soundmanager2/

+0

그것은 짧은 코드입니다. jQuery에 익숙해졌지만 이벤트를 통해 마우스를 연결하는 방법은 무엇입니까? – Erin

+11

@Erin : Javascript! = Java, 그리고 이것은 순수한 자바 스크립트입니다. 그러나 HTML5 '

+4

왜 이것을 downvoted입니까? 이 ** **가 갈 길이어야합니다. 예, 브라우저 간 (아직)은 아니지만 곧 출시 될 예정이며 ** 표준입니다 **. 사실, 현재 지원하지 않는 유일한 브라우저 **는 Internet Explorer입니다. 출처 : http://caniuse.com/#feat=audio – Felix

2

이 시도 오직 전용 플레이어 "페이지"에. 그러나 다른 답변의 플러그인 중 일부는 대부분의 (데스크톱) 브라우저에서 사용해야합니다.

+3

iPhone 또는 iPad에서는 플래시가 지원되지 않습니다. – n4rzul

6

사실 그것은 사운드를 재생합니다 예를 들어, 아이폰에 관해서는 진정한 크로스 브라우저 호환 방식으로 할 불가능 :

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

왜 downvote입니까? –

0

http://codecanyon.net/item/fancy-music-player-v20-jquery-plugin/498071?ref=1stwebdesigner

이 플레이어는 다음과 같이 작동합니다 - 플래시 플레이어 9 이상이 설치되어있는 경우 먼저 감지. 그렇다면 숨겨진 플래시 무비 (swf)가 사용되며 자바 스크립트를 통해 HTML 사용자 인터페이스와 통신합니다. Flash Player가 설치되어 있지 않으면 모든 iToys (iPhone, iPad 등)에서 지원하는 새로운 HTML5 오디오 엔진이 사용됩니다. 나는이 함수를 호출 (... onMouseover와, 온 클릭, 온로드)

function playBuzzer(){ 
     $("body").append("<embed src='/web/sounds/Buzz.mp3' autostart='true' loop='false' width='2' height='0'></embed>"); 
} 

나는 사운드를 재생 할 때마다 :

5

오디오 태그 그래서 내가 그것을 완료 됐는지 일부 브라우저에서 나를 위해 작동하지 않았다 .

+0

우수. 호환성 모드에서 IE에서도 작동합니다. – iliask