javascript – iOS Audio Output Challenge: Audio Coming from Entrance Speaker As a substitute of Major Speaker

Challenge Description:

I’m encountering a difficulty with audio output on iOS units when utilizing the YouTube embed characteristic alongside the consumer’s webcam and audio participant on my web site. The issue is particularly associated to the audio output coming from the entrance speaker (earpiece) as an alternative of the principle speaker on iPhones, together with iPhone 12 and 13.

Steps to Reproduce:

1. Open the web site on an iOS gadget (iPhone 12, 13, and so on.).
2. Begin a exercise.
3. Observe the audio output location.

Anticipated Conduct:

The audio output needs to be directed to the principle speaker of the gadget.

Precise Conduct:

The audio output is popping out of the entrance speaker (earpiece).

Extra Info:

• This difficulty is reproducible on a number of iOS units.
• The web site makes use of the YouTube embed characteristic.
• We additionally use the consumer’s webcam and play audio through the interplay.

Setting:

• iOS units (iPhone 12, 13, and so on.)
• Web site URL: Exercise web page
• Browser: Safari & Chrome on iOS

Notes:

When taking part in a YouTube video on one other web page the place there is no such thing as a use of a webcam and a separate audio participant on the identical web site, the audio is coming from the principle speaker appropriately, e.g., on this web page: Movies web page

Thanks on your help in addressing this matter.