getUserMedia() kills the existing streamtrack and returns a black screen.

[Ramya D]

Created attachment 357668 [details]
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.

[youenn fablet]

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 ***

[Ramya D]

Ok, But still that issue is not assigned. Is there any solution for that @youennfablet

[youenn fablet]

(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?

[Ramya D]

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

[Ramya D]

All I want to do is, I want to pass multiple media stream. It works fine in all browsers but not in safari. @youennfablet

[youenn fablet]

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.

[Ramya D]

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.

[youenn fablet]

Can you use track/stream cloning?

[Ramya D]

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