2010-05-04 28 views
22

jQuery öğesinin hover/klik sesini çalmasını sağlamaya çalışıyorum. (Flash olmadan bir flash web sitesi gibi)jQuery 1.4 kullanarak ses yürütmek için çapraz platform, çapraz tarayıcı yolu?

Cross-platform, cross-browser way to play sound from Javascript?, jQuery Sound eklentisi ve herhangi bir başarı olmaksızın birkaç diğer öğreticilerde önerilen yöntemleri denedim. Bunun varsayıldığını düşünüyorum çünkü 2008'den beri güncellenmemişler.

Herhangi bir tavsiyen var mı?

+2

jQuery ses fişini şu adreste bulabilirsiniz: http://dev.jquery.com/browser/trunk/plugins/sound/jquery.sound.js – Erin

+1

Bu jQuery ses eklentisini (http: // www. happyworm.com/jquery/jplayer/)? – Mottie

+0

Ben ona baktı, ama istediğim için biraz fazla ağır olduğunu düşündüm. Ben ikinci bir bakış vereceğim. Teşekkürler! – Erin

cevap

33

Bunlardan hiçbirine gerek yoktur. JavaScript ile birlikte HTML etiketi, hile yapacaktır. http://swaggplayer.no.de/demos bir ses oynamak için flaş kullanarak veya bu http://www.schillmania.com/projects/soundmanager2/

+0

Bu kısa bir kod. JQuery ile daha rahatım, ama bunu bir fare olayına eklemek için java'yı nasıl kullanırdım? – Erin

+11

@Erin: Javascript! = Java, ve bu saf Javascript. Bununla birlikte, bunun HTML5 '

+4

Bu neden azalıyor? Bu **, gitmenin yolu olmalı. Evet, çapraz tarayıcı değil (henüz), ama çok yakında olacak ve ** bu standart **. Aslında, şu anda onu destekleyen tek tarayıcı ** değil Internet Explorer. Kaynak: http://caniuse.com/#feat=audio – Felix

2

bu deneyin sadece özel bir oyuncu "sayfa". Ancak, diğer cevaplardaki eklentilerin bazıları, çoğu (masaüstü) tarayıcı için iş yapmalıdır.

+3

cihazında oynamak için bir .ogg dosyasını kullanmak zorundaydım iPhone veya iPad'de bir Flash desteği yoktur! – n4rzul

6

Aslında ses oynayacak örnek iPhone'lar gibi gerçekten çapraz tarayıcı uyumlu bir şekilde yapmak imkansız:

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

Neden downvote? –

0

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

Oyuncu bu gibi çalışır - Flash Player 9 veya üstü yüklüyse öncelikle algılar. Eğer evet ise bir gizli flaş filmi (swf) kullanılacaktır, bu javascript üzerinden HTML kullanıcı arayüzü ile iletişim kurar. Flash Player yüklü değilse, tüm iToys (iPhone, iPad vb.) Tarafından desteklenen yeni HTML5 ses motoru kullanılacaktır. Bu işlevi çağırmak (... onmouseover, onclick, onload)

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

Ben sesi oynatmak istediğinizde:

5

Ses etiketi yüzden bu ben bitti nasıl bazı tarayıcılarda benim için işe yaramadı .

+0

Mükemmel. Bu, Uyumluluk Modunda IE'de bile çalışır. – iliask

İlgili konular