WebApp Jingle消息提示音集成
微信网页版的消息提示音功能，蛮适合用在你自己的 webapp 上，是消息类应用。这个 jingle 不仅兼容性不错，而且集成起来也挺省事的，几行代码就搞定，响应也快。你可以直接参考下 Shixy-Jingle 的思路，别搞太复杂，简单响一下用户就知道有事发生。
消息提示的音效资源也可以从 QQ iPhone 那种风格找找灵感，轻巧不打扰，体验感还挺重要的。尤其在用户切到后台时，有个小提示音，交互上更完整了。
如果你想做个消息弹窗一起搭配，底部提示条也可以顺手上一个，比如这个 网页底部提示条 的实现方式就蛮实用的。
哦对了，别忘了兼容性测试，现在不同浏览器对音频播放的策略不太一样，建议用 HTML5 Audio 搭配事件监听，提前预加载一段静音音频，提升触发率。
如果你想深入点，看看 jingle-cross_compile 的那篇文章，虽说是偏 Android 的，但里面关于音效的思路，也能给你不少启发。
文件大小：709.2KB
评论区