Bug 266686
| Summary: | Setting video src to MediaStream and resizing the video via style results in flickering | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Fate <fategemini1> |
| Component: | Media | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | bfulgham, ddp.bkdn, jean-yves.avenard, simon.fraser, webkit-bug-importer, youennf, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 17 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| URL: | https://www.bilibili.com/video/BV17Q4y1u7MS/ | ||
| See Also: | https://bugs.webkit.org/show_bug.cgi?id=266688 | ||
Fate
Below is the minimal reproducible code snippet that demonstrates the issue:
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>test safari 17 bug</title>
</head>
<body>
<button id="btn1">camera</button>
<video
id="video"
style="
width: 600px;
height: 600px;
transform-origin: top left;
transition: all 0.3s ease;
"
controls
autoplay
playsinline
webkit-playsinline
></video>
<button id="btn2">zoom</button>
<script>
btn1.onclick = function () {
navigator.mediaDevices
.getUserMedia({
video: true,
})
.then((stream) => {
video.srcObject = stream;
});
};
btn2.onclick = function () {
video.style.width = video.style.width === '300px' ? '600px' : '300px';
video.style.height = video.style.height === '300px' ? '600px' : '300px';
};
</script>
</body>
</html>
```
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Simon Fraser (smfr)
Original title: I am experiencing an issue on Safari 17 where using Video srcObject = MediaStream(WebRTC) to play a particular captured video stream, and resizing it via style settings for width and height, results in the rendered video flickering. (edit)
Radar WebKit Bug Importer
<rdar://problem/119944578>
youenn fablet
*** This bug has been marked as a duplicate of bug 259364 ***
youenn fablet
This should work now in latest Safari Tech Preview.
Fate
Could you please inform me when the bug fix is expected to be merged into the release version, and on which version it will be released?
Fate
This issue still persists in iOS 17.2.1/MacOS 14.1.1 systems.
PhungDuong
Dear @youenn fablet
This issue still persists in iOS 17.6.1
Please reopen this issue.
PhungDuong
Bug is still reproducible on iOS/iPad 18.2