290223 2025-03-21 16:45:15 -0700 MediaRecorder WebM Videos Play Rotated 90° Counterclockwise 2025-05-22 01:05:49 -0700 1 1 1 Unclassified WebKit Media Safari 18 iPhone / iPad iOS 18 RESOLVED FIXED https://webrtc.github.io/samples/src/content/getusermedia/record/ InRadar P2 Major --- 1 faiyadh jean-yves.avenard byron eric.carlson faiyadh jean-yves.avenard jer.noble marcosdg3 oferrandiz seetalj uwolfer warren.seine webkit-bug-importer youennf oldest_to_newest 2105180 0 faiyadh 2025-03-21 16:45:15 -0700 Hi there, Recorded WebM videos using the MediaRecorder API are playing back incorrectly on Safari iOS 18.4 beta. The playback/stored video is rotated 90° counterclockwise, affecting both portrait and landscape recordings. Steps to Reproduce [site is attached]: 1. Click Start Camera and grant permissions. 2. Select any video/webm codec from the Recording format dropdown. 3. Click Start Recording—the recording proceeds as expected. 4. Click Play after recording. Expected Result: The video should play back with the correct orientation. Actual Result: The video plays back rotated 90 degrees counterclockwise: - Portrait videos appear in landscape. - Landscape videos are rotated incorrectly. We are looking to have webm video functionality working correctly as soon as possible. Without proper orientation, iOS browsers will continue to lag behind current development standards. Looking forward to a quick resolution. Thank you! 2105265 1 warren.seine 2025-03-22 02:59:49 -0700 I came here to report the bug too. Here's a demo to reproduce (tested on iPadOS 18.4): https://warrenseine.github.io/webkit-webm-demo/ (nothing special to it, just basic MediaRecorder with WebM). 2105476 2 ap 2025-03-23 17:32:50 -0700 Thank you for the report. Could you please clarify if this worked correctly before, or if 18.4 was the only version tested? 2105649 3 faiyadh 2025-03-24 12:16:18 -0700 Thanks @Warren Seine. +1 @Alexey Proskuryakov, I believe webm was introduced on Safari iOS starting from 18.4. We tried it on 18.3 and found the format is not supported. 2105693 4 faiyadh 2025-03-24 15:09:11 -0700 We got some description here in bug 290002 for the webm issue from jean-yves.avenard@apple.com in here https://bugs.webkit.org/show_bug.cgi?id=290002. > Yes, this is a known issue. The webm container doesn't allow like mp4 to indicate in the metadata that the video should be rotated. We will have to physically rotate the image before compressing it. Given this explanation, I have a follow-up question: Is there an internal plan within WebKit to resolve this limitation, or will we need to continue applying a manual workaround for WebM videos? I believe the later case is very limited in scope client side without using heavy-weight external libraries? 2106000 5 webkit-bug-importer 2025-03-25 15:36:58 -0700 <rdar://problem/147878206> 2108448 6 warren.seine 2025-04-03 01:32:15 -0700 Hi! I hate to be that "ETA?" guy, but iOS 18.4 is now live and this is a pretty big bug (all portrait videos recorded with WebM are broken). I'm happy following on the other ticket if they are related, but I don't see activity on either. Is this being addressed? 2110818 7 warren.seine 2025-04-14 02:20:05 -0700 Hey again, any news from Apple? Anything I can do to help? 2111402 8 marcosdg3 2025-04-16 16:41:21 -0700 Came across this as well, issue can be reproduced here using iOS 18.4: https://www.webrtc-experiment.com/RecordRTC/ Tested: * Using vp8 and vp9 codecs, no difference same result * No issue found on macOS 15.4+ * Decimating frames by reducing resolution/fps/bitrate did not make a difference 2111406 9 marcosdg3 2025-04-16 16:49:36 -0700 I tested the functionality at this link: https://webrtc.github.io/samples/src/content/getusermedia/record/. It appears that the issue is primarily related to recording with VP8 and VP9 codecs. In contrast, using (avc, hvc, hev) did not present any problems. 2113481 10 jean-yves.avenard 2025-04-28 03:39:34 -0700 Pull request: https://github.com/WebKit/WebKit/pull/44588 2113886 11 ews-feeder 2025-04-29 06:51:04 -0700 Committed 294257@main (83051fcd6af8): <https://commits.webkit.org/294257@main> Reviewed commits have been landed. Closing PR #44588 and removing active labels. 2116503 12 ews-feeder 2025-05-12 09:33:49 -0700 Committed 289651.496@safari-7621-branch (c926762c1514): <https://commits.webkit.org/289651.496@safari-7621-branch> Reviewed commits have been landed. Closing PR #3060 and removing active labels. 2117653 13 warren.seine 2025-05-16 10:40:51 -0700 Thank you very much for fixing the issue! I can see the patch was merged, but I could not find any mention about it in the Safari 18.5 release notes (https://developer.apple.com/documentation/safari-release-notes/safari-18_5-release-notes). Should we expect it for the next public Safari release? 2118813 14 jean-yves.avenard 2025-05-21 15:18:35 -0700 *** Bug 293309 has been marked as a duplicate of this bug. *** 2118844 15 jean-yves.avenard 2025-05-21 16:29:08 -0700 The fix didn't make it on time for iOS 18.5 unfortunately. iOS 18.5 was released on May 12th, same day the webm fix was submitted to webkit. 2118926 16 seetalj 2025-05-22 01:05:49 -0700 *** Bug 293378 has been marked as a duplicate of this bug. ***