app-media-stream fails to stop camera access when 'active' property set to false.

[Iheartweb]

Description

app-media-stream fails to stop camera access when 'active' property set to false.

Expected outcome

When app-media-stream.active is set to false, all media tracks should be stopped and Chrome should no longer indicate that website is accessing camera.

Actual outcome

Chrome indicates that website is accessing camera (recording red dot in tab in desktop or notification on mobile) until tab is killed or page is refreshed.

Steps to reproduce

1. Add app-media-stream to page with some video constraints and active = true.
2. Browser indicates that website is accessing camera.
3. Set active = false
4. Browser still indicates that website is accessing camera.

Browsers Affected

Only tested on latest stable Chrome.

• [x] Chrome
• [ ] Firefox
• [ ] Safari 9
• [ ] Safari 8
• [ ] Safari 7
• [ ] Edge
• [ ] IE 11
• [ ] IE 10

[spiderix]

I had simlar issue. Before i set active to false just run stop track:

if (this.stream != null) {
     this.stream.getTracks().forEach(function (track) {
         track.stop();
     });
 }
this.active= false;

[JaySunSyn]

Same issue with microphone access.

@spiderix workaround solves it for me!