This was caused by an <img> being the first thing in the <div> rather than the <audio>. This caused a conflict because the "not in call" render was just <div><audio /></div> and "in call" render was <div><img /> <audio /></div> React can't tell in this case that the <audio> tags are the "same" so was clobbering it (which meant that on inbound calls we would call play() on an audio tag which would then immediately be clobbered by another audio tag). |
||
---|---|---|
.. | ||
vector |