Issue metadata
Sign in to add a comment
|
Dynamically changing images are blinking
Reported by
eugene.i...@gmail.com,
Jul 21 2017
|
||||||||||||||||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:54.0) Gecko/20100101 Firefox/54.0 Steps to reproduce the problem: 1. Request an image from server every X milliseconds with AJAX or WebSocket 2. On server side return a constantly changing JPEG-frame from WebCam, or desktop screenshot, or just from folder with jpeg-files on each request What is the expected behavior? Smooth change of images - like a video stream. In other browsers (FF, IE, regular Chrome) images are not blinking! What went wrong? images are blinking Did this work before? Yes Chromium 60 Does this work in other browsers? Yes Chrome version: 62.0.3164.0 Channel: n/a OS Version: 10.0 Flash Version: 26.0.0.137 This problem occurred starting from Chromium 61.**.
,
Jul 24 2017
Thanks for filing the issue. eugene.iceman@,Could you please provide us any sample URL /Test file to triage the issue further from TE end.
,
Jul 24 2017
Hello! I can't provide a real URL of video-supervision system, but I can show how to reproduce this bug: I added to this mail a php file, where the src of image is updating via GET request with unique timestamp each time. 1. Create folder "img" in the same directory with this php file. 2. Fill this folder with 5 jpeg images with same resolution (take some frames from a webcam for example) and name them 1.jpg, 2.jpg ... 5.jpg 3. Run this index.php on your local HTTP server and see what happens in Chromium v61 and higher. To compare, check this page in other browsers including Chromium 60 Thank you for response PS: the real system runs on WebSockets and result is the same - new images are blinking on load, even if to bufferize them in some Image() variable before displaying 2017-07-24 8:51 GMT+03:00 jmukthav… via monorail < monorail+v2.3447642152@chromium.org>:
,
Jul 24 2017
Thank you for providing more feedback. Adding requester "jmukthavaram@chromium.org" to the cc list and removing "Needs-Feedback" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Jul 24 2017
Waiting on the bisect.
,
Jul 24 2017
Jyothi, please try a repro and bisect.
,
Jul 25 2017
eugene.iceman@, Thanks for the repro steps. As we are not seeing any php file attached,Could you please attach php file which is mentioned in comment#3 to triage this issue further.
,
Jul 25 2017
Strange... but I can see the file in "sent"... Anyway here is a content of
that index.php:
<?php
$frame = filter_input(INPUT_GET, 'frame');
if ($frame){
header("Content-type: image/jpeg");
echo file_get_contents("img/".$frame.".jpg");
}
?>
<html>
<head>
<meta charset="utf-8">
<title>Images test</title>
<script>
function Initialize(){
var rate = 50;
var counter = 1;
var Screen = document.createElement('img');
document.body.appendChild(Screen);
Screen.onload =function(){
setTimeout(function(){
if (++counter > 5){counter = 1;}
Screen.src = "?frame="+counter+"&ts="+(new
Date().getTime());
},rate);
};
Screen.onerror=Screen.onload;
Screen.src = "?frame="+counter+"&ts="+(new
Date().getTime());
}
</script>
<style>
body{
margin: 0 !important;
background: black;
}
body img{
width: 100%;
}
</style>
</head>
<body onload="Initialize();"></body>
</html>
2017-07-25 9:48 GMT+03:00 jmukthav… via monorail <
monorail+v2.3447642152@chromium.org>:
,
Jul 25 2017
Thank you for providing more feedback. Adding requester "jmukthavaram@chromium.org" to the cc list and removing "Needs-Feedback" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Jul 26 2017
Thanks for providing us the file.
Below steps followed as per comment#3.
1. Created a folder on desktop (Ex: 25thtest)
2. Created index.php file (php content from comment#8) & placed in '25thtest' folder
3. Created an html file (index1.html with html content from comment#8) & placed in '25thtest' folder
4. Created 'IMG' folder with 5 jpeg images with same resolution & placed in '25thtest' folder
5. Ran below command through command prompt
python -m SimpleHTTPServer
6. Now open chrome browser (62.0.3164.0)
7. Navigated to above folder(25thtest) through localhost as below
http://localhost:8000/desktop/25thtest/index1.html
Observation: Black Screen is blinking & No images are displayed
8. Unable to run index.php file though local host as below
http://localhost:8000/desktop/25thtest/index.php
Note:
1. Same behavior observed on M60 chrome builds also
2. Observed same behavior in Firefox also
3. No images are displayed but black screen is not blinking on IE
Please find the attached screencast for reference & let us know if we miss anything to reproduce the issue.
,
Jul 26 2017
Unable to reproduce this issue on Windows 7 & windows 10 using reported version-62.0.3164.0 ,latest Canary-62.0.3166.0 & stable-60.0.3112.78. Observed the above same behavior. Thanks..!!
,
Jul 26 2017
I can't download the file you attached (no link). Here is my video-sample of this bug: https://youtu.be/ZLuoVPhKUhQ Firefox leftside and Chromium 62.0.3166.0 from the right 2017-07-26 10:01 GMT+03:00 jmukthav… via monorail < monorail+v2.3447642152@chromium.org>:
,
Jul 26 2017
Thank you for providing more feedback. Adding requester "jmukthavaram@chromium.org" to the cc list and removing "Needs-Feedback" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Jul 26 2017
Also I didn't write anything about HTML file in comment#8 - all the content I provided is for single index.php file. I would like to clarify - last Chromium version that has no this bug was 60.0.3079.0 2017-07-26 16:50 GMT+03:00 sheriff… via monorail < monorail+v2.4164592774@chromium.org>:
,
Jul 31 2017
eugene.iceman@ since you are able to reproduce the issue consistently, will you be able to find the regression? Instruction/script for bisecting: https://www.chromium.org/developers/bisect-builds-py
,
Aug 1 2017
Ok, I will check. And some additional info: the image will blink only when it is displayed first time. If it is already in cache it will be shown without blinking. But in realtime streaming every image is new for browser, so the frames will blink 1 авг. 2017 г. 2:03 пользователь "ligim… via monorail" < monorail+v2.2642961223@chromium.org> написал:
,
Aug 1 2017
Adding Needs-Feedback for results of bisect.
,
Aug 14 2017
The NextAction date has arrived: 2017-08-14
,
Aug 22 2017
Still waiting for bisect information from reporter. Will close in 2 weeks if no feedback.
,
Sep 4 2017
The NextAction date has arrived: 2017-09-04
,
Sep 5 2017
Unable to reproduce the issue on windows 10 using chrome reported version#62.0.3164.0 & good build#60.0.3079.0 mentioned in C#14 as per the above information. Procedure 1:- ----------------- 1. Installed Wamp server on Windows 10 test machine 2. As per the steps mentioned in the bug,created php file (as per comment#8) i.e testing.php attached 3. Created 'img' folder & placed 5 jpg files with same resolution (same size) (attached 1 for sample) & placed this folder along with the php file 4. Now open chrome browser 5. Run command - http://localhost/testing.php Observation: --------------- 1. Blinking black screen without any images 2. Observed the same as above on IE, FF , chrome Canary & mentioned good build-60.0.3079.0 also Procedure 2 :- ----------------- 1. Installed Wamp server on Windows 10 test machine 2. As per the steps mentioned in the bug,created php file (as per comment#8) i.e testing.php attached 3. Created 'img' folder & placed 5 jpg files with different resolution (different file size) (attached 1 for sample) & placed this folder along with the php file 4. Now open chrome browser 5. Run command - http://localhost/testing.php Observation: --------------- 1.Images are blinking 2. Observed the same as above on IE, FF , chrome Canary & mentioned good build-60.0.3079.0 eugene.iceman@, As we are unable to reproduce the issue from TE end,could you please look into this issue as per C#16.Removing 'Needs-Bisect' label for now. Thanks in advance..!
,
Sep 5 2017
Closing due to lack of feedback. Re-open if new information comes to light.
,
Sep 10 2017
I'm figured out how to avoid blinking: DrawImage() on canvas context changes frames smoothly without blinking. The direct load of picture url to img.src still blinks in Chromium 63, but it does not matter anymore - canvas works fine in this case 2017-09-05 18:53 GMT+03:00 schen… via monorail < monorail+v2.2717106261@chromium.org>: |
|||||||||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||||||||
Comment 1 by nyerramilli@chromium.org
, Jul 24 2017