Issues with WebRTC-Based Live Streaming on iOS Versions 15.3, 15.7, 16.5, and 17.2

Hello folks,

We are currently facing challenges with our WebRTC-based live-streaming Angular web application on iOS versions 15.3, 15.7, 16.5, and the latest 17.2. While the application works seamlessly on macOS and iOS 16.3.1, a black screen appears instead of the live-streaming video on the aforementioned iOS versions.

Upon investigating the issue, we identified a potential solution involving the enabling of third-party cookies by turning off the "Prevent cross-site tracking" option in iPhone->Safari settings. However, even after implementing this solution, the black screen problem persists and when I inspect the issue, there is no error, no warning on the 'Console tab'.

For your reference, here are the key configurations used in our application:

• Angular CLI version: ~15.2
• Server configuration for broadcasting:-

i) URL's: 'stun:stun.xyz.net:5349',

ii) URL's: 'turn:stun.xyz.net:3478',

iii) URL's: 'turn:stun.xyz.net:3478?transport=tcp',

Additionally, we leverage socket connectivity to establish WebRTC connections for features such as chats, reactions, etc.

We appreciate any insights, suggestions, or solutions that the community can provide to help us address this issue and ensure optimal performance across different iOS versions.

Thank you in advance for your assistance!