收到网络聊天消息时播放声音答案

【问题标题】：Play sound when receiving a web chat message收到网络聊天消息时播放声音
【发布时间】：2011-04-28 21:17:21
【问题描述】：

当消息到达使用 jQuery 的网络聊天会话时，如何添加简单的声音？

我注意到他们在http://chat.stackoverflow.com 的聊天中这样做了，我想在我自己的软件中效仿。

【问题讨论】：

@drachenstern：我以前从未尝试过，但我刚刚尝试过，所以是的，它很完美，这就是我所需要的。
对不起，你想模仿你在这里看到的……我很抱歉。
打开这个链接，希望你能找到更好的解决方案[播放声音][1][1]：stackoverflow.com/questions/15483455/…

标签： jquery

【解决方案1】：

jPlayer 允许您这样做，并避免使用 Flash（使用 HTML5 <audio> 标记）。

编辑：
正如 drachenstern 在 cmets 中指出的那样，SO Chat 实际上使用的是 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>

【讨论】：

它是否会为非 HTML5 网站优雅地降级为 Flash 插件？
@drachenstern - 是的，在页面上：“使用 Flash 后备支持较旧的浏览器”
另外，作为一个注释，我认为这是这个聊天无论如何都要使用的，所以你去吧。

【解决方案2】：

您是否考虑过使用控制 Flash 元素的jQuery Sound plugin？

这是一个简单的声音播放器，它使用flash播放声音，但不提供任何控件的flash接口，一切都通过jQuery控制

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

【讨论】：