**Is your feature request related to a problem? Please describe.**

[Duythanh93]

Is your feature request related to a problem? Please describe.
Playground:

The audio/video device remains open when disconnected, and an "in use" indication is displayed on the browser tab. It worries me even when I develop/test it.

Describe the solution you'd like
I would like it to be turned off automatically after disconnect.

Describe alternatives you've considered
Or maybe add a button to the audio/video device section to turn on/off manually by the user. Or add a checkbox to keep it open if the user like this feature.

Additional context
I understand that this is a dev demo, but in real world use case, it would be more natural that to stop everything when you disconnect from a session. Or I have to close the tab when I switch to other tabs.

Originally posted by @seven1240 in TEN-framework/TEN-Agent#284