muaz-khan / RecordRTC

RecordRTC is WebRTC JavaScript library for audio/video as well as screen activity recording. It supports Chrome, Firefox, Opera, Android, and Microsoft Edge. Platforms: Linux, Mac and Windows.
https://www.webrtc-experiment.com/RecordRTC/
MIT License
6.46k stars 1.75k forks source link

Video data corrupted on some devices when screen is not rotated #790

Open fsuk opened 2 years ago

fsuk commented 2 years ago

Using a web cam with my PC or a tablet I am able to succesfully record and store data as a file. When using my phone (Pixel 4a) the video streams to the player correclty whilst recording but once saved to a file and played the video is garbled with lines and green in the bottom quaters.

This issue only ocurrs when the phone is in portait mode not horizontal. My guess is the width and height of the video has been swapped. Untitled

MOBTAQ38AV8B877XT1ONTFFEMB2H7REW48Y0ZRPZO75SJ2OENZ.zip

Steps to reproduce

Use a Pixel 4a (possibly other devices) to record using the example here: https://www.webrtc-experiment.com/RecordRTC/ Results Expected

Video as recorded. Actual

Video appears garbled with green filling bottom part of the video. MOBTAQ38AV8B877XT1ONTFFEMB2H7REW48Y0ZRPZO75SJ2OENZ.zip Error output

No errors out put to console. Additional Information

Please include any additional information necessary here. Including the following: versions recordrtc 5.62

browsers

Chome (Android) OSes

fsuk commented 2 years ago

Possibly related: https://github.com/twilio/video-quickstart-android/issues/470

maxcodefaster commented 2 years ago

Experiencing this issue also on at least two devices. A Pixel 4a in a browser context. The issue seems according to the linked issue by @fsuk be only present on Pixel 3 / 4 devices. Possible solutions are to edit the codec