如何更好的实现web聊天的语音播放功能

[灰鸽]

效果如图，目标效果和微信web端一样。
我这边是实现思路是这样的，用audio标签进行控制，样式调好后，把audio的opacity设为0，既透明，然后通过点击audio进行播放语音。
但是实现方式出现了不少问题：在IE上，audio标签在透明后（opacity=0），不能进行点击，其他浏览器都可以； audio标签兼容性又比较差； audio标签只能用ID控制（这个搞了很多，发现标签和类名都不能获取全部的audio进行控制，用ID就可以，但是单个的，实现的效果是要点击其中一个时，停止其它正在播放的）。

所以在这里问问各位大神，大家有更好的实现思路吗？ 小弟将感激不尽....

[未知数]

audio是可以用代码触发播放的吧，试试play方法呢

[KK3K2005]

ie上改成flash播放

[灰鸽]

[灰鸽]

问题解决，思路是在页面只放一个audio，用js操作每一个src用play()进行播放。 IE透明度不能点击问题，可以把opacity设置0.01。 微信的web版貌似也是这样实现的。

[轩宇曦]

你好 我最近也在做类似的web端播放语音消息的功能，能借你的代码参考一下吗