2011-04-28 61 views
9

當消息到達與jQuery的網絡聊天會話時,如何添加簡單的聲音?當收到網絡聊天消息時播放聲音

我注意到他們在http://chat.stackoverflow.com的聊天上做了這個,我想用我自己的軟件來模擬它。

+0

@drachenstern:我以前從來沒有嘗試過,但我只是沒有,所以是的,它是完美的,這就是我所需要的。 – 2011-04-28 21:22:00

+0

對不起,你想效仿你在這裏看到的......我的歉意。 – jcolebrand 2011-04-28 21:37:19

+0

打開此鏈接,希望你能找到一個更好的解決方案 [播放聲音] [1] [1]:http://stackoverflow.com/questions/15483455/play-sound-when-message - 接收/ 15498712#15498712 – 2013-03-19 11:57:12

回答

5

jPlayer讓你做到這一點,並避免閃光(與HTML5 <audio>標籤)。

編輯:
作爲drachenstern指出的意見,所以實際上聊天使用jPlayer。從聊天頁面的某些代碼:

<div id="jplayer" style="position: absolute; top: 0px; left: 0px;"> 
    <embed name="jqjp_flash_0" id="jqjp_flash_0" src= 
    "http://or.sstatic.net/chat/Jplayer.swf" width="0" height="0" bgcolor="#FFFFFF" 
    quality="high" flashvars="id=jplayer&amp;fid=jqjp_flash_0&amp;vol=80" 
    allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage= 
    "http://www.macromedia.com/go/getflashplayer" /> 

    <div id="jqjp_force_0" style="text-indent: -9999px;"> 
    0.7310569109395146 
    </div> 
</div> 
+1

是否會將非HTML5網站優雅地降級到Flash插件? – jcolebrand 2011-04-28 21:40:16

+0

@drachenstern - 是的,在頁面上:「支持使用Flash後備的舊瀏覽器」 – entropo 2011-04-28 21:42:28

+0

另外,作爲一個說明,我認爲這是這個聊天使用反正的東西,所以你去。 – jcolebrand 2011-04-28 21:50:56

3

您是否考慮過使用控制Flash元素的jQuery Sound plugin

這是一個簡單的聲音播放器,它使用閃存來播放聲音,但不提供任何控制閃存接口,一切都通過jQuery控制

$("#sound").sound({swf: url}); 
$("#sound").load(url); 
$("#sound").play(); 
$("#sound").pause(); 
$("#sound").stop(); 
$("#sound").volume(0-100); 
+0

你能提供一個關於它如何工作的簡單例子嗎?謝謝。 – 2011-04-28 21:46:11

相關問題