I wish to have the following WebRTC example work with the Safari browser in an iPod Touch 7th generation (IOS version 13.4.1):
https://valarpirai.github.io/video-chat-app/
The source code is here:
https://github.com/valarpirai/video-chat-app
This WebRTC example works fine when used by the following devices:
1. Laptop with Windows 7 Premium SP1, browser is Chrome version 84 (64 bit).
2. Android phone with Android 5.1, browser is Chrome version 83.
When I use this example with the iPod Touch (after making the modifications described below), it sends the video signal from the iPod Touch to the Laptop (or Android phone), but the video from the other device is not played on the iPod Touch. Instead, the iPod Touch displays a still image from the other device.
------------------------------------------------------------------
You will need to make the following modifications to the source code:
1. In js/peer-client.js, in the initializeLocalMedia function, make the following change. Otherwise, the iPod Touch does not prompt to confirm that the camera can be used:
// OLD
//navigator.getUserMedia(options, function(stream) {
// NEW START
var constraints = window.constraints = {
audio: true,
video: true
};
navigator.getUserMedia(constraints, function (stream) {
// NEW END
2. In cd/agency.css, in ul.chatHistory, change the height property from 250px to 150px. Otherwise, the camera icon will not be shown on the iPod Touch.
------------------------------------------------------------------
Here are the requirements to fulfill this request:
1. Please indicate the exact changes that were made to the original source code, to allow the iPod Touch to transmit and receive Video, Audio, and Text with the Windows 7 laptop, and with the Android phone .
2. I do not wish to add any additional dependency files.
3. I am not looking for a new example. I wish to use the user interface that is used by the provided example.