192849 2018-12-19 05:48:13 -0800 getUserMedia() kills the existing streamtrack and returns a black screen. 2018-12-20 21:26:01 -0800 1 1 1 Unclassified WebKit WebRTC Safari 11 iPhone / iPad iOS 11 RESOLVED REMIND P2 Major --- 1 ramyaddurairaj webkit-unassigned youennf oldest_to_newest 1489278 0 357668 ramyaddurairaj 2018-12-19 05:48:13 -0800 Created attachment 357668 Please look into it.. Verified by the reference code below: On iOS, a second call to getUserMedia() kills the display of a video stream obtained by an earlier call to getUserMedia(). The original stream displays fine until the subsequent getUserMedia() call, then goes black. Note that this doesn't happen on Desktop Safari, only on iOS Safari in my tests. 1489315 1 youennf 2018-12-19 08:27:19 -0800 I believe this is a known limitation for now. This issue is tracked there: https://bugs.webkit.org/show_bug.cgi?id=179363 Let's continue the discussion there. *** This bug has been marked as a duplicate of bug 179363 *** 1489719 2 ramyaddurairaj 2018-12-19 21:41:25 -0800 Ok, But still that issue is not assigned. Is there any solution for that @youennfablet 1489724 3 youennf 2018-12-19 22:00:24 -0800 (In reply to Ramya D from comment #2) > Ok, But still that issue is not assigned. Is there any solution for that > @youennfablet It depends on your use case. Can you give details about your usecase? 1489725 4 ramyaddurairaj 2018-12-19 22:06:54 -0800 I'm using getUserMedia, 1) Sharing a media stream from one browser to another browser. It works 2) Again Sharing another stream on top of the existing stream but it kills the existing media stream but it works fine in all browsers but not in safari. It returns a black screen @youennfablet 1489729 5 ramyaddurairaj 2018-12-19 22:20:15 -0800 All I want to do is, I want to pass multiple media stream. It works fine in all browsers but not in safari. @youennfablet 1489734 6 youennf 2018-12-19 22:23:47 -0800 What does it mean to pass multiple streams? Do you want to send the same stream with different resolutions on a single peer connection? on different peer connection? WebKit support some form of simulcast which would allow you the latter. The former is not yet available unfortunately. There is no support for capturing both front and back cameras at the same time. 1489745 7 ramyaddurairaj 2018-12-19 22:35:23 -0800 I shared my video stream on one layer and again I made another connection to share my annotation/drawing like AR on top of the video stream. But it fails with safari. I have attached the link also You can Experiment here. https://3b237d0a.ngrok.io/Test/Support.html?roomId=a https://3b237d0a.ngrok.io/Test/LinkToConnect.html?roomId=a @youennfablet or else any idea will be appreciated to pass two streams in a safari browser or else without getUserMedia how can I take my stream to safari browser. 1490014 8 youennf 2018-12-20 12:51:28 -0800 Can you use track/stream cloning? 1490282 9 ramyaddurairaj 2018-12-20 21:26:01 -0800 I have received the stream using call.answer(window.localStream) without getUserMedia. Now I'm facing another problem of alpha transparency in canvas Alpha transparency works in all browsers but not in safari and this how I'm removing the black screen and trying to make it as transparency.This one works in all browsers but not in safari. function draw(img) { var buffer = document.createElement('canvas'); var bufferctx = buffer.getContext('2d'); bufferctx.drawImage(img, 0, 0); var imageData = bufferctx.getImageData(0,0,buffer.width, buffer.height); var data = imageData.data; var removeBlack = function() { for (var i = 0; i < data.length; i += 4) { if(data[i]+ data[i + 1] + data[i + 2] < 10){ data[i + 3] = 0; // alpha } } ctx.putImageData(imageData, 0, 0); }; removeBlack(); } Help will be greatly appreciated. @youennfablet 357668 2018-12-19 05:48:13 -0800 2018-12-19 05:48:13 -0800 Please look into it.. ui-multiple-streams.html text/html 3487 ramyaddurairaj PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgi PgogICAgPHRpdGxlPk11bHRpcGxlIHN0cmVhbXM8L3RpdGxlPgogIDwvaGVhZD4KICA8Ym9keT4K CiAgICA8ZGl2PgogICAgICA8YnV0dG9uIGlkPSJ2aWRlbzEtc3RhcnQtc3RvcCI+VmlkZW8gMTwv YnV0dG9uPgogICAgPC9kaXY+CiAgICA8ZGl2PgogICAgICA8dmlkZW8gaWQ9InZpZGVvMSIgYXV0 b3BsYXkgcGxheXNpbmxpbmU+PC92aWRlbz4KICAgIDwvZGl2PgogICAgPGRpdj4KICAgICAgPGJ1 dHRvbiBpZD0idmlkZW8yLXN0YXJ0LXN0b3AiPlZpZGVvIDI8L2J1dHRvbj4KICAgIDwvZGl2Pgog ICAgPGRpdj4KICAgICAgPHZpZGVvIGlkPSJ2aWRlbzIiIGF1dG9wbGF5IHBsYXlzaW5saW5lPjwv dmlkZW8+CiAgICA8L2Rpdj4KCiAgICA8c2NyaXB0IHR5cGU9InRleHQvamF2YXNjcmlwdCI+CgoK ICAgICAgdmFyIHZpZGVvMV9zdGFydGVkID0gZmFsc2U7CiAgICAgIHZhciB2aWRlbzEgPSBkb2N1 bWVudC5nZXRFbGVtZW50QnlJZCgndmlkZW8xJyk7CiAgICAgIHZhciB2aWRlbzFfYnV0dG9uID0g ZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3ZpZGVvMS1zdGFydC1zdG9wJyk7CiAgICAgIHZhciBz dGFydFN0b3BWaWRlbzEgPSBmdW5jdGlvbihlKSB7CiAgICAgICAgaWYgKHZpZGVvMV9zdGFydGVk KSB7CiAgICAgICAgICB2aWRlbzEuc3JjT2JqZWN0ICYmIHZpZGVvMS5zcmNPYmplY3QuZ2V0VHJh Y2tzKCkuZm9yRWFjaChmdW5jdGlvbih0cmFjaykgewogICAgICAgICAgICB0cmFjay5zdG9wKCk7 CiAgICAgICAgICB9KTsKICAgICAgICAgIHZpZGVvMS5zcmNPYmplY3QgPSBudWxsOwogICAgICAg ICAgdmlkZW8xX3N0YXJ0ZWQgPSBmYWxzZTsKICAgICAgICAgIGNvbnNvbGUubG9nKCJWaWRlbyAx IHN0b3BwZWQiKTsKICAgICAgICB9CiAgICAgICAgZWxzZSB7CiAgICAgICAgICB2YXIgY29uc3Ry YWludHMxID0gewogICAgICAgICAgICBhdWRpbzogZmFsc2UsCiAgICAgICAgICAgIHZpZGVvOiB7 CiAgICAgICAgICAgICAgaGVpZ2h0OiB7CiAgICAgICAgICAgICAgICBtYXg6IDQ4MCwKICAgICAg ICAgICAgICB9LAogICAgICAgICAgICAgIHdpZHRoOiB7CiAgICAgICAgICAgICAgICBtYXg6IDY0 MCwKICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgIGRldmljZUlkOiBkZXZpY2VfaWQsCiAg ICAgICAgICAgIH0sCiAgICAgICAgICB9OwogICAgICAgICAgbmF2aWdhdG9yLm1lZGlhRGV2aWNl cy5nZXRVc2VyTWVkaWEoY29uc3RyYWludHMxKS50aGVuKGZ1bmN0aW9uKHN0cmVhbSkgewogICAg ICAgICAgICB2aWRlbzEuc3JjT2JqZWN0ID0gc3RyZWFtOwogICAgICAgICAgICB2aWRlbzFfc3Rh cnRlZCA9IHRydWU7CiAgICAgICAgICAgIGNvbnNvbGUubG9nKCJWaWRlbyAxIHN0YXJ0ZWQiKTsK ICAgICAgICAgIH0pLmNhdGNoKGZ1bmN0aW9uKGVycikgewogICAgICAgICAgICBjb25zb2xlLmVy cm9yKCJEZXZpY2UgYWNjZXNzIGNoZWNrcyBmYWlsZWQ6ICIsIGVyciwgY29uc3RyYWludHMxKTsK ICAgICAgICAgIH0pOwogICAgICAgIH0KICAgICAgfQoKICAgICAgdmFyIHZpZGVvMl9zdGFydGVk ID0gZmFsc2U7CiAgICAgIHZhciB2aWRlbzIgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgndmlk ZW8yJyk7CiAgICAgIHZhciB2aWRlbzJfYnV0dG9uID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQo J3ZpZGVvMi1zdGFydC1zdG9wJyk7CiAgICAgIHZhciBzdGFydFN0b3BWaWRlbzIgPSBmdW5jdGlv bihlKSB7CiAgICAgICAgaWYgKHZpZGVvMl9zdGFydGVkKSB7CiAgICAgICAgICB2aWRlbzIuc3Jj T2JqZWN0ICYmIHZpZGVvMi5zcmNPYmplY3QuZ2V0VHJhY2tzKCkuZm9yRWFjaChmdW5jdGlvbih0 cmFjaykgewogICAgICAgICAgICB0cmFjay5zdG9wKCk7CiAgICAgICAgICB9KTsKICAgICAgICAg IHZpZGVvMi5zcmNPYmplY3QgPSBudWxsOwogICAgICAgICAgdmlkZW8yX3N0YXJ0ZWQgPSBmYWxz ZTsKICAgICAgICAgIGNvbnNvbGUubG9nKCJWaWRlbyAyIHN0b3BwZWQiKTsKICAgICAgICB9CiAg ICAgICAgZWxzZSB7CiAgICAgICAgICB2YXIgY29uc3RyYWludHMyID0gewogICAgICAgICAgICBh dWRpbzogZmFsc2UsCiAgICAgICAgICAgIHZpZGVvOiB7CiAgICAgICAgICAgICAgaGVpZ2h0OiB7 CiAgICAgICAgICAgICAgICAvL21heDogMjQwLAogICAgICAgICAgICAgICAgbWF4OiA0ODAsCiAg ICAgICAgICAgICAgfSwKICAgICAgICAgICAgICB3aWR0aDogewogICAgICAgICAgICAgICAgLy9t YXg6IDMyMCwKICAgICAgICAgICAgICAgIG1heDogNjQwLAogICAgICAgICAgICAgIH0sCiAgICAg ICAgICAgICAgZGV2aWNlSWQ6IGRldmljZV9pZCwKICAgICAgICAgICAgfSwKICAgICAgICAgIH07 CiAgICAgICAgICBuYXZpZ2F0b3IubWVkaWFEZXZpY2VzLmdldFVzZXJNZWRpYShjb25zdHJhaW50 czIpLnRoZW4oZnVuY3Rpb24oc3RyZWFtKSB7CiAgICAgICAgICAgIHZpZGVvMi5zcmNPYmplY3Qg PSBzdHJlYW07CiAgICAgICAgICAgIHZpZGVvMl9zdGFydGVkID0gdHJ1ZTsKICAgICAgICAgICAg Y29uc29sZS5sb2coIlZpZGVvIDIgc3RhcnRlZCIpOwogICAgICAgICAgfSkuY2F0Y2goZnVuY3Rp b24oZXJyKSB7CiAgICAgICAgICAgIGNvbnNvbGUuZXJyb3IoIkRldmljZSBhY2Nlc3MgY2hlY2tz IGZhaWxlZDogIiwgZXJyLCBjb25zdHJhaW50czIpOwogICAgICAgICAgfSk7CiAgICAgICAgfQog ICAgICB9CgogICAgICB2YXIgZGV2aWNlX2lkID0gbnVsbDsKICAgICAgZnVuY3Rpb24gaGFuZGxl RXJyb3IoZXJyb3IpIHsKICAgICAgICBjb25zb2xlLmxvZygnZGV2aWNlIGVudW1lcmF0aW9uIGVy cm9yOiAnLCBlcnJvcik7CiAgICAgIH0KICAgICAgdmFyIHNldHVwVmlkZW8gPSBmdW5jdGlvbihk ZXZpY2VzKSB7CiAgICAgICAgZm9yICh2YXIgaSA9IDA7IGkgIT09IGRldmljZXMubGVuZ3RoOyAr K2kpIHsKICAgICAgICAgIHZhciBkZXZpY2UgPSBkZXZpY2VzW2ldOwogICAgICAgICAgaWYgKGRl dmljZS5raW5kID09PSAndmlkZW9pbnB1dCcpIHsKICAgICAgICAgICAgZGV2aWNlX2lkID0gZGV2 aWNlLmRldmljZUlkOwogICAgICAgICAgICBjb25zb2xlLmxvZygiVXNpbmcgdmlkZW8gZGV2aWNl OiAiICsgZGV2aWNlLmxhYmVsICsgIigiICsgZGV2aWNlX2lkICsgIikiKTsKICAgICAgICAgICAg dmlkZW8xX2J1dHRvbi5hZGRFdmVudExpc3RlbmVyKCJjbGljayIsIHN0YXJ0U3RvcFZpZGVvMSk7 CiAgICAgICAgICAgIHZpZGVvMl9idXR0b24uYWRkRXZlbnRMaXN0ZW5lcigiY2xpY2siLCBzdGFy dFN0b3BWaWRlbzIpOwogICAgICAgICAgICBicmVhazsKICAgICAgICAgIH0KICAgICAgICB9CiAg ICAgIH0KICAgICAgbmF2aWdhdG9yLm1lZGlhRGV2aWNlcy5lbnVtZXJhdGVEZXZpY2VzKCkudGhl bihzZXR1cFZpZGVvKS5jYXRjaChoYW5kbGVFcnJvcik7CgogICAgPC9zY3JpcHQ+CiAgPC9ib2R5 Pgo8L2h0bWw+Cg==