237365 2022-03-02 07:34:10 -0800 WebRTC Peer Video black on Chromium devices (Client iOS device) 2022-03-03 02:00:55 -0800 1 1 1 Unclassified WebKit WebRTC Safari 15 iPhone / iPad iOS 15 RESOLVED FIXED P2 Blocker --- 1 steve.bamelis webkit-unassigned youennf oldest_to_newest 1847388 0 453609 steve.bamelis 2022-03-02 07:34:10 -0800 Created attachment 453609 SDP Peer URLs (if applicable) : https://rtcmulticonnection.herokuapp.com/demos/Video-Broadcasting.html (For testing the bug) Browsers tested: Firefox OK Chromium browser: NOK iPhone: iOS version 15.x What steps will reproduce the problem? (1) Use the above URL for starting the Video Broadcasting demo, open this on Edge or Chrome and open this also on an iPhone (2) Start a room on the iPhone (3) Enter that room in the Chrome or Edge browser (4) In the Chrome/Edge browser the video remains black If we do the same test with Firefox as the browser there is no issue. We get a video stream displayed. Attached you can find the SDP of the remote peer. When using an Android device this is also working. Video is then able to be seen in Edge or Chrome. Recap - iPhone broadcast to Chrome/Edge not working - iPhone broadcast to Firefox working - Android broadcast to Chrome/Edge/Firefox working In our code we receive an onstream event for the video. But nothing is shown. kind regards, Steve 1847410 1 youennf 2022-03-02 08:20:01 -0800 The test website does not work for me. Is it working in Safari as wells Firefox but not Chrome in iOS? Can you inspect the video element and see if it is playing? 1847755 2 steve.bamelis 2022-03-02 23:04:26 -0800 Hi Youeen, for the video broadcasting test you need to first open a room on the iphone, then join the room in Chrome. (btw, this is not our site but our application is based on that source) The compleet setup is - Windows machine running Chrome, iPhone using Safari, no video - Windows machine running Firefox, iPhone using Safari, we have video Mac is not our target audience but for compleetness I have tested our application there. Using Safari on the Mac and Safari on the iPhone. Nothing is working there. But as I said this is not our target audience. I did some further checks through DevTools. I noticed that, on a working setup (Firefox), I see our socket.io getting triggered through the signaling service. On Chrome, this is not getting triggered. I see an HTTP status 101 happening on "wss://" (protocol). (101 = Switching Protocols) In a working setup this goes over to https://revidea-signaling.zamia.be/socket.io/ (this is our signaling server) and this gets a 200 (http status) and then we get video. In chrome this does not happen. 1847767 3 youennf 2022-03-02 23:35:13 -0800 (In reply to Steve Bamelis from comment #2) > Hi Youeen, > for the video broadcasting test you need to first open a room on the iphone, > then join the room in Chrome. > (btw, this is not our site but our application is based on that source) > > The compleet setup is > - Windows machine running Chrome, iPhone using Safari, no video > - Windows machine running Firefox, iPhone using Safari, we have video > > Mac is not our target audience but for compleetness I have tested our > application there. Using Safari on the Mac and Safari on the iPhone. I tried on the Mac with Firefox sending and Safari receiving. The video element stays black because of autoplay (if you set controls=true and then click on play, it will work. Ditto if the video element is muted). It might be the same for iOS. 1847769 4 steve.bamelis 2022-03-02 23:46:04 -0800 I have enabled the controls (even removed the autoplay) but I still did not get video. (Both in our application as with the Demo video broadcasting) Our main setup is iPhone (Safari) to Chrome (or edge) (Windows). (our customer uses Windows computers) Is it possible that you can verify our main setup? 1847774 5 youennf 2022-03-03 00:19:33 -0800 I just tried Chrome Mac (I do not have Chrome window) to Safari iPhone and I can see the following error: [Error] TypeError: Attempted to assign to readonly property. (anonymous function) (adapter.js:1514) Do you have the same issue? 1847775 6 steve.bamelis 2022-03-03 00:35:23 -0800 We have seen the same error when we where debugging our code. But there is not reason that we can think of why. This problem has started as of iOS 15.x So, the question is also what has been changed that results in this problem. Using iOS versions prior to 15 where working. 1847776 7 youennf 2022-03-03 00:41:56 -0800 (In reply to Steve Bamelis from comment #6) > We have seen the same error when we where debugging our code. > But there is not reason that we can think of why. > > This problem has started as of iOS 15.x > So, the question is also what has been changed that results in this problem. > > Using iOS versions prior to 15 where working. Can you try with the latest adapter.js version? It should have the fix to prevent this error. 1847783 8 youennf 2022-03-03 01:17:58 -0800 > So, the question is also what has been changed that results in this problem. adapter.js code seems to kick in due to extmap-allow-mixed. extmap-allow-mixed is now on by default for Chrome around M92 and for Safari in iOS 15. 1847792 9 steve.bamelis 2022-03-03 01:54:35 -0800 We updated the adapter.js and now it is working. Thanks very much Youenn. 453609 2022-03-02 07:34:10 -0800 2022-03-02 07:34:10 -0800 SDP Peer SDP_Remote Peer.txt text/plain 5136 steve.bamelis UmVtb3RlIHBlZXIncyBzZHA6IA0Kdj0wDQpvPS0gNTg0NzYwNDExOTYxNTA1MDM1NyAyIElOIElQ NCAxMjcuMC4wLjENCnM9LQ0KdD0wIDANCmE9Z3JvdXA6QlVORExFIDAgMQ0KYT1leHRtYXAtYWxs b3ctbWl4ZWQNCmE9bXNpZC1zZW1hbnRpYzogV01TIGRiZGFiN2JiLTkwMDYtNGZhOS1iYWU3LThi NjdhYTQ2ZDA1Ng0KbT12aWRlbyA5IFVEUC9UTFMvUlRQL1NBVlBGIDk2IDk3IDk4IDk5IDEwMCAx MDEgMTAyIDEyNSAxMDQgMTI0IDEwNiAxMDcgMTA4IDEwOSAxMjcgMTIzIDExMg0KYz1JTiBJUDQg MC4wLjAuMA0KYT1ydGNwOjkgSU4gSVA0IDAuMC4wLjANCmE9aWNlLXVmcmFnOjNWVEQNCmE9aWNl LXB3ZDovTnd3ZUNKNzFSZ0ZPSG1qV1NDd2Q2RzUNCmE9aWNlLW9wdGlvbnM6dHJpY2tsZQ0KYT1m aW5nZXJwcmludDpzaGEtMjU2IDMxOjc2OjNCOkM0OkRFOkIwOkZCOjAzOjVBOkUxOkUyOkVCOkJE Ojc5Ojg2Ojc0OkI2OjQ0OkY0OkM5OkVEOjY4OjM2OjQxOjQxOkQ5OkQ4Ojk5OjUzOkM2OjhGOjA5 DQphPXNldHVwOmFjdHBhc3MNCmE9bWlkOjANCmE9ZXh0bWFwOjEgdXJuOmlldGY6cGFyYW1zOnJ0 cC1oZHJleHQ6dG9mZnNldA0KYT1leHRtYXA6MiBodHRwOi8vd3d3LndlYnJ0Yy5vcmcvZXhwZXJp bWVudHMvcnRwLWhkcmV4dC9hYnMtc2VuZC10aW1lDQphPWV4dG1hcDozIHVybjozZ3BwOnZpZGVv LW9yaWVudGF0aW9uDQphPWV4dG1hcDo0IGh0dHA6Ly93d3cuaWV0Zi5vcmcvaWQvZHJhZnQtaG9s bWVyLXJtY2F0LXRyYW5zcG9ydC13aWRlLWNjLWV4dGVuc2lvbnMtMDENCmE9ZXh0bWFwOjUgaHR0 cDovL3d3dy53ZWJydGMub3JnL2V4cGVyaW1lbnRzL3J0cC1oZHJleHQvcGxheW91dC1kZWxheQ0K YT1leHRtYXA6NiBodHRwOi8vd3d3LndlYnJ0Yy5vcmcvZXhwZXJpbWVudHMvcnRwLWhkcmV4dC92 aWRlby1jb250ZW50LXR5cGUNCmE9ZXh0bWFwOjcgaHR0cDovL3d3dy53ZWJydGMub3JnL2V4cGVy aW1lbnRzL3J0cC1oZHJleHQvdmlkZW8tdGltaW5nDQphPWV4dG1hcDo4IGh0dHA6Ly93d3cud2Vi cnRjLm9yZy9leHBlcmltZW50cy9ydHAtaGRyZXh0L2NvbG9yLXNwYWNlDQphPWV4dG1hcDo5IHVy bjppZXRmOnBhcmFtczpydHAtaGRyZXh0OnNkZXM6bWlkDQphPWV4dG1hcDoxMCB1cm46aWV0Zjpw YXJhbXM6cnRwLWhkcmV4dDpzZGVzOnJ0cC1zdHJlYW0taWQNCmE9ZXh0bWFwOjExIHVybjppZXRm OnBhcmFtczpydHAtaGRyZXh0OnNkZXM6cmVwYWlyZWQtcnRwLXN0cmVhbS1pZA0KYT1zZW5kcmVj dg0KYT1tc2lkOmRiZGFiN2JiLTkwMDYtNGZhOS1iYWU3LThiNjdhYTQ2ZDA1NiA5NjEwODIyZC1j YTUyLTRhNGYtYjVhOS1kN2JiZmRjMGUzM2UNCmE9cnRjcC1tdXgNCmE9cnRjcC1yc2l6ZQ0KYT1y dHBtYXA6OTYgSDI2NC85MDAwMA0KYT1ydGNwLWZiOjk2IGdvb2ctcmVtYg0KYT1ydGNwLWZiOjk2 IHRyYW5zcG9ydC1jYw0KYT1ydGNwLWZiOjk2IGNjbSBmaXINCmE9cnRjcC1mYjo5NiBuYWNrDQph PXJ0Y3AtZmI6OTYgbmFjayBwbGkNCmE9Zm10cDo5NiBsZXZlbC1hc3ltbWV0cnktYWxsb3dlZD0x O3BhY2tldGl6YXRpb24tbW9kZT0xO3Byb2ZpbGUtbGV2ZWwtaWQ9NjQwYzFmDQphPXJ0cG1hcDo5 NyBydHgvOTAwMDANCmE9Zm10cDo5NyBhcHQ9OTYNCmE9cnRwbWFwOjk4IEgyNjQvOTAwMDANCmE9 cnRjcC1mYjo5OCBnb29nLXJlbWINCmE9cnRjcC1mYjo5OCB0cmFuc3BvcnQtY2MNCmE9cnRjcC1m Yjo5OCBjY20gZmlyDQphPXJ0Y3AtZmI6OTggbmFjaw0KYT1ydGNwLWZiOjk4IG5hY2sgcGxpDQph PWZtdHA6OTggbGV2ZWwtYXN5bW1ldHJ5LWFsbG93ZWQ9MTtwYWNrZXRpemF0aW9uLW1vZGU9MTtw cm9maWxlLWxldmVsLWlkPTQyZTAxZg0KYT1ydHBtYXA6OTkgcnR4LzkwMDAwDQphPWZtdHA6OTkg YXB0PTk4DQphPXJ0cG1hcDoxMDAgSDI2NC85MDAwMA0KYT1ydGNwLWZiOjEwMCBnb29nLXJlbWIN CmE9cnRjcC1mYjoxMDAgdHJhbnNwb3J0LWNjDQphPXJ0Y3AtZmI6MTAwIGNjbSBmaXINCmE9cnRj cC1mYjoxMDAgbmFjaw0KYT1ydGNwLWZiOjEwMCBuYWNrIHBsaQ0KYT1mbXRwOjEwMCBsZXZlbC1h c3ltbWV0cnktYWxsb3dlZD0xO3BhY2tldGl6YXRpb24tbW9kZT0wO3Byb2ZpbGUtbGV2ZWwtaWQ9 NjQwYzFmDQphPXJ0cG1hcDoxMDEgcnR4LzkwMDAwDQphPWZtdHA6MTAxIGFwdD0xMDANCmE9cnRw bWFwOjEwMiBIMjY0LzkwMDAwDQphPXJ0Y3AtZmI6MTAyIGdvb2ctcmVtYg0KYT1ydGNwLWZiOjEw MiB0cmFuc3BvcnQtY2MNCmE9cnRjcC1mYjoxMDIgY2NtIGZpcg0KYT1ydGNwLWZiOjEwMiBuYWNr DQphPXJ0Y3AtZmI6MTAyIG5hY2sgcGxpDQphPWZtdHA6MTAyIGxldmVsLWFzeW1tZXRyeS1hbGxv d2VkPTE7cGFja2V0aXphdGlvbi1tb2RlPTA7cHJvZmlsZS1sZXZlbC1pZD00MmUwMWYNCmE9cnRw bWFwOjEyNSBydHgvOTAwMDANCmE9Zm10cDoxMjUgYXB0PTEwMg0KYT1ydHBtYXA6MTA0IFZQOC85 MDAwMA0KYT1ydGNwLWZiOjEwNCBnb29nLXJlbWINCmE9cnRjcC1mYjoxMDQgdHJhbnNwb3J0LWNj DQphPXJ0Y3AtZmI6MTA0IGNjbSBmaXINCmE9cnRjcC1mYjoxMDQgbmFjaw0KYT1ydGNwLWZiOjEw NCBuYWNrIHBsaQ0KYT1ydHBtYXA6MTI0IHJ0eC85MDAwMA0KYT1mbXRwOjEyNCBhcHQ9MTA0DQph PXJ0cG1hcDoxMDYgVlA5LzkwMDAwDQphPXJ0Y3AtZmI6MTA2IGdvb2ctcmVtYg0KYT1ydGNwLWZi OjEwNiB0cmFuc3BvcnQtY2MNCmE9cnRjcC1mYjoxMDYgY2NtIGZpcg0KYT1ydGNwLWZiOjEwNiBu YWNrDQphPXJ0Y3AtZmI6MTA2IG5hY2sgcGxpDQphPWZtdHA6MTA2IHByb2ZpbGUtaWQ9MA0KYT1y dHBtYXA6MTA3IHJ0eC85MDAwMA0KYT1mbXRwOjEwNyBhcHQ9MTA2DQphPXJ0cG1hcDoxMDggVlA5 LzkwMDAwDQphPXJ0Y3AtZmI6MTA4IGdvb2ctcmVtYg0KYT1ydGNwLWZiOjEwOCB0cmFuc3BvcnQt Y2MNCmE9cnRjcC1mYjoxMDggY2NtIGZpcg0KYT1ydGNwLWZiOjEwOCBuYWNrDQphPXJ0Y3AtZmI6 MTA4IG5hY2sgcGxpDQphPWZtdHA6MTA4IHByb2ZpbGUtaWQ9Mg0KYT1ydHBtYXA6MTA5IHJ0eC85 MDAwMA0KYT1mbXRwOjEwOSBhcHQ9MTA4DQphPXJ0cG1hcDoxMjcgcmVkLzkwMDAwDQphPXJ0cG1h cDoxMjMgcnR4LzkwMDAwDQphPWZtdHA6MTIzIGFwdD0xMjcNCmE9cnRwbWFwOjExMiB1bHBmZWMv OTAwMDANCmE9c3NyYy1ncm91cDpGSUQgMjAyOTYzNzk5MiAzNzgxNjcyMDcyDQphPXNzcmM6MjAy OTYzNzk5MiBjbmFtZTp3M1ZoUXVLejVhWnZqaXhHDQphPXNzcmM6MjAyOTYzNzk5MiBtc2lkOmRi ZGFiN2JiLTkwMDYtNGZhOS1iYWU3LThiNjdhYTQ2ZDA1NiA5NjEwODIyZC1jYTUyLTRhNGYtYjVh OS1kN2JiZmRjMGUzM2UNCmE9c3NyYzoyMDI5NjM3OTkyIG1zbGFiZWw6ZGJkYWI3YmItOTAwNi00 ZmE5LWJhZTctOGI2N2FhNDZkMDU2DQphPXNzcmM6MjAyOTYzNzk5MiBsYWJlbDo5NjEwODIyZC1j YTUyLTRhNGYtYjVhOS1kN2JiZmRjMGUzM2UNCmE9c3NyYzozNzgxNjcyMDcyIGNuYW1lOnczVmhR dUt6NWFadmppeEcNCmE9c3NyYzozNzgxNjcyMDcyIG1zaWQ6ZGJkYWI3YmItOTAwNi00ZmE5LWJh ZTctOGI2N2FhNDZkMDU2IDk2MTA4MjJkLWNhNTItNGE0Zi1iNWE5LWQ3YmJmZGMwZTMzZQ0KYT1z c3JjOjM3ODE2NzIwNzIgbXNsYWJlbDpkYmRhYjdiYi05MDA2LTRmYTktYmFlNy04YjY3YWE0NmQw NTYNCmE9c3NyYzozNzgxNjcyMDcyIGxhYmVsOjk2MTA4MjJkLWNhNTItNGE0Zi1iNWE5LWQ3YmJm ZGMwZTMzZQ0KbT1hdWRpbyA5IFVEUC9UTFMvUlRQL1NBVlBGIDExMSAxMDMgOSAwIDggMTA1IDEz IDExMCAxMTMgMTI2DQpjPUlOIElQNCAwLjAuMC4wDQphPXJ0Y3A6OSBJTiBJUDQgMC4wLjAuMA0K YT1pY2UtdWZyYWc6M1ZURA0KYT1pY2UtcHdkOi9Od3dlQ0o3MVJnRk9IbWpXU0N3ZDZHNQ0KYT1p Y2Utb3B0aW9uczp0cmlja2xlDQphPWZpbmdlcnByaW50OnNoYS0yNTYgMzE6NzY6M0I6QzQ6REU6 QjA6RkI6MDM6NUE6RTE6RTI6RUI6QkQ6Nzk6ODY6NzQ6QjY6NDQ6RjQ6Qzk6RUQ6Njg6MzY6NDE6 NDE6RDk6RDg6OTk6NTM6QzY6OEY6MDkNCmE9c2V0dXA6YWN0cGFzcw0KYT1taWQ6MQ0KYT1leHRt YXA6MTQgdXJuOmlldGY6cGFyYW1zOnJ0cC1oZHJleHQ6c3NyYy1hdWRpby1sZXZlbA0KYT1leHRt YXA6MiBodHRwOi8vd3d3LndlYnJ0Yy5vcmcvZXhwZXJpbWVudHMvcnRwLWhkcmV4dC9hYnMtc2Vu ZC10aW1lDQphPWV4dG1hcDo0IGh0dHA6Ly93d3cuaWV0Zi5vcmcvaWQvZHJhZnQtaG9sbWVyLXJt Y2F0LXRyYW5zcG9ydC13aWRlLWNjLWV4dGVuc2lvbnMtMDENCmE9ZXh0bWFwOjkgdXJuOmlldGY6 cGFyYW1zOnJ0cC1oZHJleHQ6c2RlczptaWQNCmE9ZXh0bWFwOjEwIHVybjppZXRmOnBhcmFtczpy dHAtaGRyZXh0OnNkZXM6cnRwLXN0cmVhbS1pZA0KYT1leHRtYXA6MTEgdXJuOmlldGY6cGFyYW1z OnJ0cC1oZHJleHQ6c2RlczpyZXBhaXJlZC1ydHAtc3RyZWFtLWlkDQphPXNlbmRyZWN2DQphPW1z aWQ6ZGJkYWI3YmItOTAwNi00ZmE5LWJhZTctOGI2N2FhNDZkMDU2IGYzYzk0MTA5LWI1NDUtNGMz NC1iZjhkLTE3YWM3MThmOTlkOQ0KYT1ydGNwLW11eA0KYT1ydHBtYXA6MTExIG9wdXMvNDgwMDAv Mg0KYT1ydGNwLWZiOjExMSB0cmFuc3BvcnQtY2MNCmE9Zm10cDoxMTEgbWlucHRpbWU9MTA7dXNl aW5iYW5kZmVjPTENCmE9cnRwbWFwOjEwMyBJU0FDLzE2MDAwDQphPXJ0cG1hcDo5IEc3MjIvODAw MA0KYT1ydHBtYXA6MCBQQ01VLzgwMDANCmE9cnRwbWFwOjggUENNQS84MDAwDQphPXJ0cG1hcDox MDUgQ04vMTYwMDANCmE9cnRwbWFwOjEzIENOLzgwMDANCmE9cnRwbWFwOjExMCB0ZWxlcGhvbmUt ZXZlbnQvNDgwMDANCmE9cnRwbWFwOjExMyB0ZWxlcGhvbmUtZXZlbnQvMTYwMDANCmE9cnRwbWFw OjEyNiB0ZWxlcGhvbmUtZXZlbnQvODAwMA0KYT1zc3JjOjI1NzUxMTIyMDQgY25hbWU6dzNWaFF1 S3o1YVp2aml4Rw0KYT1zc3JjOjI1NzUxMTIyMDQgbXNpZDpkYmRhYjdiYi05MDA2LTRmYTktYmFl Ny04YjY3YWE0NmQwNTYgZjNjOTQxMDktYjU0NS00YzM0LWJmOGQtMTdhYzcxOGY5OWQ5DQphPXNz cmM6MjU3NTExMjIwNCBtc2xhYmVsOmRiZGFiN2JiLTkwMDYtNGZhOS1iYWU3LThiNjdhYTQ2ZDA1 Ng0KYT1zc3JjOjI1NzUxMTIyMDQgbGFiZWw6ZjNjOTQxMDktYjU0NS00YzM0LWJmOGQtMTdhYzcx OGY5OWQ5