White flash if template is not found

General
1

When an unavailable html template is played like below, Server says “play ok” and a white flash like flicker appears sometimes. And a message also comes like this “WARNING:frame_impl.cc(420)] SendProcessMessage sent to detached frame 25769803916 [6,140] will be ignored”
Actualy i use this technic to play some arbitorary html filename and then put content with call command having javascript code. This works good, but the problem I face is the white flash/flicker.
I tested this with server build of 23 january 2024 . And it is also present in previous build.


[2024-02-07 10:19:34.843] [info]    Received message from 127.0.0.1: play 1-96 [HTML] xyz.html \r\n
[2024-02-07 10:19:34.848] [info]    Sent message to 127.0.0.1:202 PLAY OK\r\n
[0207/101934.924:WARNING:frame_impl.cc(420)] SendProcessMessage sent to detached frame 25769803916 [6,140] will be ignored
[2024-02-07 10:19:34.924] [info]    html[xyz.html] Destroyed.
[2024-02-07 10:19:34.946] [info]    Received message from 127.0.0.1: call 1-96 " var bb = document.createElement('div'); bb.style.perspective='1920px'; bb.style.transformStyle='preserve-3d'; document.body.appendChild(bb); var aa = document.createElement('div'); aa.style.position='absolute'; aa.setAttribute('id','divid_' + '96'); aa.style.zIndex = 96; aa.innerHTML=`<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\" ?> <!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"> <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" width=\"1920\" height=\"1080\" viewBox=\"0 0 1920 1080\" xml:space=\"preserve\"> <desc>Created with Fabric.js 5.3.0</desc> <defs> </defs> <g transform=\"matrix(1 0 0 1 201.5 51.5)\" id=\"id_195\" > <filter id=\"SVGID_195\" y=\"-50%\" height=\"200%\" x=\"-50%\" width=\"200%\" > <feGaussianBlur in=\"SourceAlpha\" stdD
                                                                                                                       Deviation=\"15\"></feGaussianBlur> <feOffset dx=\"0\" dy=\"0\" result=\"oBlur\" ></feOffset> <feFlood flood-color=\"rgb(0,0,0)\" flood-opacity=\"1\"/> <feComposite in2=\"oBlur\" operator=\"in\" /> <feMerge> <feMergeNode></feMergeNode> <feMergeNode in=\"SourceGraphic\"></feMergeNode> </feMerge> </filter> <circle style=\"stroke: rgb(255,255,255); stroke-width: 3; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,255); fill-rule: nonzero; opacity: 1;filter: url(#SVGID_195);\" vector-effect=\"non-scaling-stroke\" class=\"class_195\" cx=\"0\" cy=\"0\" r=\"50\" /> </g> </svg>`; bb.appendChild(aa); document.body.style.margin='0'; document.body.style.padding='0'; aa.style.zoom=(192000/1920)+'%'; document.body.style.overflow='hidden'; var style = document.createElement('style'); style.textContent = '@keyframes slide-in-bck-center{0%{transform:translateZ(600px);opacity:0}1
                                                                                                                       100%{transform:translateZ(0);opacity:1}} div {animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94)}'; document.head.appendChild(style); " \r\n
[2024-02-07 10:19:34.947] [info]    Sent message to 127.0.0.1:202 CALL OK\r\n
[2024-02-07 10:19:36.057] [info]    Received message from 127.0.0.1: call 1-96 " aa.innerHTML='<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\" ?> <!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"> <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" width=\"1920\" height=\"1080\" viewBox=\"0 0 1920 1080\" xml:space=\"preserve\"> <desc>Created with Fabric.js 5.3.0</desc> <defs> </defs> <g transform=\"matrix(1 0 0 1 201.5 51.5)\" id=\"id_195\" > <filter id=\"SVGID_195\" y=\"-50%\" height=\"200%\" x=\"-50%\" width=\"200%\" > <feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"15\"></feGaussianBlur> <feOffset dx=\"0\" dy=\"0\" result=\"oBlur\" ></feOffset> <feFlood flood-color=\"rgb(0,0,0)\" flood-opacity=\"1\"/> <feComposite in2=\"oBlur\" operator=\"in\" /> <feMerge> <feMergeNode></feMergeNode> <feMergeNode in=\"SourceGraphic\"></fe
                                                                                                                       eMergeNode> </feMerge> </filter> <circle style=\"stroke: rgb(255,255,255); stroke-width: 3; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,255); fill-rule: nonzero; opacity: 1;filter: url(#SVGID_195);\" vector-effect=\"non-scaling-stroke\" class=\"class_195\" cx=\"0\" cy=\"0\" r=\"50\" /> </g> </svg>'; " \r\n
[2024-02-07 10:19:36.059] [info]    Sent message to 127.0.0.1:202 CALL OK\r\n

2

I made a blank xyz.html file in public folder of react application and now playing like

play 1-96 [HTML] https://localhost:10000/ReactCasparClient/xyz.html

Now file is there. But the white flash is even now comming.

Meanwhile I tested with casparcg server dated 23.11.23 (chrome 95) and 27.11.23 (chrome 117).
I can confirm that this problem is not in 23.11.23.
This problem started only after new chrome version 117 merged.

This problem exist in server version dated 21.02.24 also.

3

Dear Vimlesh,

I think you should post a bug report on Caspar’s GitHub page, as this seems to be a serious issue.

Keep up the good work, old friend.

1 Like