New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 859433 link

Starred by 2 users

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug



Sign in to add a comment

Problems with MediaRecorder to record the received streaming send by a iPhone device.

Reported by juan.ves...@entelgydigital.com, Jul 2

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36

Steps to reproduce the problem:
1.Display WebRTC stream video send, in vertical position, by iphone 6 (IOS 11.04) in <video1> tag, for example in 480x640. The video is displayed correctly.
2. Use MediaRecorder to record stream
3. Display record stream in <video2> tag

What is the expected behavior?
The record video display in <video2>  should be the same as the one shown in the <video1> tag

What went wrong?
what happens is that instead of recording the received 480x640 image, displayed correctly, what is recorded is a 480x640 image composed of the first 480x480 from displayed <video1>  plus, again, the first 480x260, the end part of the displayed image is cut off.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 67.0.3396.99  Channel: stable
OS Version: 10.0
Flash Version: 

We have developed an application that receives video streaming send by iPhones devices with Safari in vertical position, 
in a Chrome 67 browser and displaying correctly in a <video> tag.  When using MediaRecorder to record this video stream,
what happens is that instead of recording the received 480x640 image, displayed correctly, what is recorded is a 480x640 image
composed of the first 480x480 from displayed <video>  plus, again, the first 480 * 260, the end part of the displayed image is cut off.
If we put the mobile to record in horizontal position, that is to say in 640x480, then the recording is done correctly.

The same occurs with Chrome in Mac.

If we use Firefox 60, instead of Chrome, the recording is correct both horizontally and vertically.
If we use Android device, instead Iphone, the recording is correct both horizontally and vertically.

This behavior occurs both if we put webm/vp8 or webm/vp9 as input options to the MediaRecorder.

The same occurs in 720x1280, the recording image is 720x720 + 720*460
 
video_cutoff.PNG
416 KB View Download
Labels: Needs-Triage-M67
Cc: krajshree@chromium.org
Labels: Triaged-ET Needs-Feedback
Reporter@ - Thanks for filing the issue...!!

Could you please provide a sample test file/url to test the issue from TE-end. This will help us in triaging the issue further.

Thanks...!!
You can try it at the following link:
https://tveo.entelgy.com/backoffice/support?code=chrometest&name=chrometest&techname=chrometest&contact=email@address

by changing email@address by the iphone email, an invitation will be sent to perform the connection between iphone and pc, and with the chrometest/chrometest credentials. Once the iPhone makes the connection, you can use the record button that is to the right of the hangup button. With a few seconds it is enough to see the problem. The recorded video appears in the side panel on the right by clicking on the play icon.

Thanks...!!
tveo1.PNG
569 KB View Download
tveo2.PNG
797 KB View Download
Project Member

Comment 4 by sheriffbot@chromium.org, Jul 11

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding the requester to the cc list.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: TE-NeedsTriageFromHYD
As per comment #3, it seems that testing require connection between an iphone and pc. As ET-team doesn't have mobile device to test the issue. Hence, forwarding it to inhouse team for further triaging of the issue.

Thanks...!!
Cc: jbanavatu@chromium.org
Labels: Needs-Feedback
Tested the issue on chrome #67.0.3396.99 using mac 10.13.6. Observed that video is displayed fine. Attaching screenshot for reference.

Steps followed:
1. Navigate to https://tveo.entelgy.com/backoffice/support?code=chrometest&name=chrometest&techname=chrometest&contact=email@address
2. Enter credentials (chrometest/chrometest)
3. Click on record button and end recording.
4. click on play button and observe video.(480x640 image displayed correctly)

@ Reporter: Could you please confirm from above steps if any thing is missed from our end in reproducing the issue.If possible please provide screen-cast for better understanding and triaging further.

Thanks!
video_screenshot.png
662 KB View Download

You must include an iphone in the webrtc session.

The steps to follow are the following:
1. Navigate to https://tveo.entelgy.com/backoffice/support?code=chrometest&name=chrometest&techname=chrometest&contact=youremailiphone@address  on a PC ( you must put your iphone email in the url contact parameter of the URL because you will receive a email to connect to the video conference from the iphone  For example : https://tveo.entelgy.com/backoffice/support?code=chrometest&name=chrometest&techname=chrometest&contact=juan.vesperinas@entelgydigital.com)

2. Enter credentials on the PC (chrometest/chrometest). In this moment the PC is waiting for WebRTC connections from iphone

3. Go to your iphone and go to your email client and click on the link you have received from tveo@entelgydigital.com. 

4. A browser will be launched and accepts the use of the camera. On the screen you will see the video of the camera.

5. Wait to receive the mobile video on the PC

6. Click on record button and end recording.

What I see is a video similar to attached image1.png when it should look something like image2.png

Thanks!

Image1.PNG
576 KB View Download
Image2.PNG
624 KB View Download
Project Member

Comment 8 by sheriffbot@chromium.org, Aug 9

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding the requester to the cc list.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Components: -Blink>Media Blink>MediaRecording
Cc: emir...@chromium.org
Cc: -emir...@chromium.org
Owner: emir...@chromium.org
Status: Assigned (was: Unconfirmed)

Sign in to add a comment