js实现语音聊天对话框样式

Question

就像标题所说的，如何实现根据语音长度的不同，对话框的长度会随的时间的长短而改变.

Answer 1

之前做过在pc端播放微信语音，就有你这个问题。

语音的格式、长度都是是后台给的，前端要做的是跟UI讨论最长显示多长，微信语音时长最长是1分钟来的，然后你再换算下比例，用js去计算控制要显示的长度是多少就可以了。

Answer 2

监听语音长度，然后定一个js动画，让宽度随着变化，
setInterval(function(){

var length=***;//实时语音长度
width=  //根据语音长度安装比例转换成宽度

},'50')