238456 2022-03-28 07:50:58 -0700 HTMLMediaElement plays MediaStream with 'muted' attribute, but plays sounds again after getUserMedia again 2022-03-28 08:00:39 -0700 1 1 1 Unclassified WebKit WebRTC Safari 15 Unspecified Unspecified RESOLVED DUPLICATE 235544 P2 Normal --- 1 913007768zyw webkit-unassigned 913007768zyw youennf oldest_to_newest 1855613 0 455918 913007768zyw 2022-03-28 07:50:58 -0700 Created attachment 455918 sample-test Device: iOS 15.4 iPhone 12 iOS 15.3.1 iphoen 13 Browser: safari Steps to reproduce: 1. video element with 'muted' 'playsinline' 'autoplay' 2. get MediaStream wih getUserMedia({ audio: true, video: { facingMode: 'user' } }) with front camera and play wih video element localStream = await navigator.mediaDevices.getUserMedia({ audio: true, video: { facingMode: 'user' } }); video.srcObject = localStream; 3. get MediaStream with getUserMedia({ audio: false, video: { facingMode: 'environment' } }) with back camera and play backCameraStream = await navigator.mediaDevices.getUserMedia({ audio: false, video: { facingMode: 'environment' } }); const originVideoTrack = localStream.getVideoTracks()[0]; localStream.removeTrack(originVideoTrack); localStream.addTrack(backCameraStream.getVideoTracks()[0]); Actual result: you can hear the sound Expected result: video can't play any sound Sample test： https://zhangyuwei-1254112368.cos.ap-guangzhou.myqcloud.com/safari-test-muted/index.html 1. click on the first button you can't hear any sound 2. click on the second button you can hear the sound The code is listed below: ``` let video = document.getElementById('localStream'); let btnA = document.getElementById('btnA'); let btnB = document.getElementById('btnB'); let localStream, backCameraStream; btnA.addEventListener('click', async () => { localStream = await navigator.mediaDevices.getUserMedia({ audio: true, video: { facingMode: 'user' } }); video.srcObject = localStream; }); btnB.addEventListener('click', async () => { backCameraStream = await navigator.mediaDevices.getUserMedia({ audio: false, video: { facingMode: 'environment' } }); const originVideoTrack = localStream.getVideoTracks()[0]; localStream.removeTrack(originVideoTrack); localStream.addTrack(backCameraStream.getVideoTracks()[0]); }); ``` 1855618 1 youennf 2022-03-28 08:00:39 -0700 Thanks for the report, I think this is a dupe of bug 235544. *** This bug has been marked as a duplicate of bug 235544 *** 455918 2022-03-28 07:50:58 -0700 2022-03-28 07:50:58 -0700 sample-test index.html text/html 1262 913007768zyw PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9J2VuJz4KPGhlYWQ+CiAgPG1ldGEgY2hhcnNldD0n VVRGLTgnPgogIDx0aXRsZT50ZXN0PC90aXRsZT4KPC9oZWFkPgo8Ym9keSBzdHlsZT0nZGlzcGxh eTogZmxleDthbGlnbi1pdGVtczogY2VudGVyO2ZsZXgtZGlyZWN0aW9uOiBjb2x1bW4nPgo8dmlk ZW8gaWQ9J2xvY2FsU3RyZWFtJyB3aWR0aD0nMzIwcHgnIGhlaWdodD0nMjQwcHgnIGF1dG9wbGF5 IG11dGVkIGNvbnRyb2xzIHBsYXlzaW5saW5lPjwvdmlkZW8+CjxwPmxvY2FsU3RyZWFtIHByZXZp ZXcgaW5pdGlhbCBwYXJhbXM6IGF1dG9wbGF5PXRydWUgbXV0ZWQ9dHJ1ZSA8L3A+CjxidXR0b24g aWQ9J2J0bkEnPmdldCBsb2NhbFN0cmVhbSAocHM6IGZyb250IGNhbWVyYSAmIGF1ZGlvKTwvYnV0 dG9uPgo8YnI+CjxidXR0b24gaWQ9J2J0bkInPmdldCBiYWNrIGNhbWVyYSB0cmFjayB0byByZXBs YWNlIGZyb250IGNhbWVyYTwvYnV0dG9uPgo8L2JvZHk+CjxzY3JpcHQgdHlwZT0nbW9kdWxlJz4K ICBsZXQgdmlkZW8gPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnbG9jYWxTdHJlYW0nKTsKICBs ZXQgYnRuQSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdidG5BJyk7CiAgbGV0IGJ0bkIgPSBk b2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYnRuQicpOwogIGxldCBsb2NhbFN0cmVhbSwgYmFja0Nh bWVyYVN0cmVhbTsKCiAgYnRuQS5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIGFzeW5jICgpID0+ IHsKICAgIGxvY2FsU3RyZWFtID0gYXdhaXQgbmF2aWdhdG9yLm1lZGlhRGV2aWNlcy5nZXRVc2Vy TWVkaWEoeyBhdWRpbzogdHJ1ZSwgdmlkZW86IHsgZmFjaW5nTW9kZTogJ3VzZXInIH0gfSk7CiAg ICB2aWRlby5zcmNPYmplY3QgPSBsb2NhbFN0cmVhbTsKICB9KTsKCiAgYnRuQi5hZGRFdmVudExp c3RlbmVyKCdjbGljaycsIGFzeW5jICgpID0+IHsKICAgIGJhY2tDYW1lcmFTdHJlYW0gPSBhd2Fp dCBuYXZpZ2F0b3IubWVkaWFEZXZpY2VzLmdldFVzZXJNZWRpYSh7IGF1ZGlvOiBmYWxzZSwgdmlk ZW86IHsgZmFjaW5nTW9kZTogJ2Vudmlyb25tZW50JyB9IH0pOwoKICAgIGNvbnN0IG9yaWdpblZp ZGVvVHJhY2sgPSBsb2NhbFN0cmVhbS5nZXRWaWRlb1RyYWNrcygpWzBdOwogICAgbG9jYWxTdHJl YW0ucmVtb3ZlVHJhY2sob3JpZ2luVmlkZW9UcmFjayk7CiAgICBsb2NhbFN0cmVhbS5hZGRUcmFj ayhiYWNrQ2FtZXJhU3RyZWFtLmdldFZpZGVvVHJhY2tzKClbMF0pOwogIH0pOwo8L3NjcmlwdD4K PC9odG1sPgo=