动作背景声音
Background sound on action
我们有一个类似facebook的聊天,我们希望能够在有人收到新消息时播放声音。对此,最好的方法是什么?如果需要的话,如果我们使用HTML5也可以,但最好是跨浏览器的解决方案。
使用HTML5 很容易
<audio id="mySoundClip">
<source src="audio/beep.mp3"></source>
<source src="audio/beep.ogg"></source>
Your browser isn't invited for super fun audio time.
</audio>
和jQuery位
var audio = $("#mySoundClip")[0];
audio.play();
这将提供对Firefox 3.5+、Chrome 3+、Opera 10.5+、Safari 4+的支持;IE 9+
对于跨浏览器解决方案,您可能需要查看MediaElement.js。您可以在页面上创建一个<audio>
元素,隐藏它,并在需要播放声音时调用它上的.play
。
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 有可能过滤来自嵌入式YouTube的声音吗
- 如何访问声音管理器2创建的声音对象
- 可以在这里为背景图像设置滤镜吗
- 如何使用jquery更改html中的背景颜色
- 使用 js 将背景图像设置为 HTML
- 使用带括号的图像URL作为jQuery的背景
- 如何使用css动画/javascript使具有背景图像的元素出现
- 循环浏览多个身体背景图像
- 将淡入淡出添加到“我的身体背景滑块”
- 浮动图像左作为背景-css
- Fullpage.js-视频+背景在同一部分
- 背景图像顶部的滚动图像不移动
- 在pdfmake中嵌入背景图像
- 背景音乐jquery声音
- iOS6/7使用网络音频API阻止声音进入背景
- 在背景上播放音乐/声音的方法
- 连续的背景声音
- 动作背景声音
- 背景声音在Phonegap android