Open doxsch opened 6 months ago
Hi everyone
I have tried to render the helloworld sample video in non-headless mode. This is to investigate a problem with the component. (more on this later, I will open an issue about this) I noticed that <code>--disable-headless</code> does not seem to work. After sending the render command <code>remotion render --disable-headless HelloWorld out/video.mp4</code> the browser window opens but closes immediately and the render process gets stuck.</p> <p>Can someone verify this or is there something wrong with my installation?</p> <p>Best regards</p> <!-- To make it easier for us to solve your issue, please help us by writing your issue in a way that we can reproduce the bug yourself. Include relevant information like exception messages, screenshots, example code snippets, information about your environment and the Remotion version you are using. Common problems are also explained in the "Troubleshooting" section under https://www.remotion.dev/docs/ --> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/JonnyBurger"><img src="https://avatars.githubusercontent.com/u/1629785?v=4" />JonnyBurger</a> commented <strong> 6 months ago</strong> </div> <div class="markdown-body"> <p>The render process happens in two stages: In the first one, we calculate the metadata of the composition (duration, dimensions etc.)</p> <p>Then the browser tab (not the browser itself though) closes and more should be opened. It seems like something gets stuck inbetween.</p> <p>Do you have a big input props payload? This could lead to this taking a while.</p> <p>It seems like the disable-headless flag is not broken per se, so I would need a sample project which has this bug in order to investigate.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/doxsch"><img src="https://avatars.githubusercontent.com/u/28098153?v=4" />doxsch</a> commented <strong> 6 months ago</strong> </div> <div class="markdown-body"> <p>I have only created a new project with <code>npm init video</code> and selected the "Hello World" template. I got the same behavior there. I therefore think that it has nothing to do with the input props.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/JonnyBurger"><img src="https://avatars.githubusercontent.com/u/1629785?v=4" />JonnyBurger</a> commented <strong> 6 months ago</strong> </div> <div class="markdown-body"> <p>Sorry this is happening to you.</p> <p>However, given with this information, I cannot reproduce. Creating a new video on macOS with <code>npm init video</code> and then running <code>npx remotion render --disable-headless</code> does open the browser twice and keeps it open during the video.</p> <p>Maybe you can elaborate more on your environment (OS, browser).</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/doxsch"><img src="https://avatars.githubusercontent.com/u/28098153?v=4" />doxsch</a> commented <strong> 5 months ago</strong> </div> <div class="markdown-body"> <p>Thank you for your efforts.</p> <p>I am currently working on windows 10, this may have an impact. I have tried both the default browser (Thorium) and Chromium. For both the same behavior:</p> <pre><code>remotion render --disable-headless --log=verbose HelloWorld out/video.mp4 Remotion root directory: D:\dev\my-video Applied configuration from D:\dev\my-video\remotion.config.ts. Checking if HelloWorld is the entry file Selected D:\dev\my-video\src\index.ts as the entry point because file exists and is a common entry point and no entry point was explicitly selected openBrowser() Opening browser: gl = null, executable = D:\dev\my-video\node_modules\.remotion\.thorium\win64\BIN\thorium.exe, enableMultiProcessOnLinux = false Bundling 6% chrome [23428:14248:0110/214733.863:ERROR:policy_logger.cc(154)] :components\enterprise\browser\controller\chrome_browser_cloud_management_controller.cc(163) Cloud management con troller initialization aborted as CBCM is not enabled. DevTools listening on ws://127.0.0.1:2896/devtools/browser/9b472317-3248-44df-be35-25c091412f03 Bundling 19% Bundling 62% Bundling 69% Bundling 74% Bundling 80% Bundling 85% Bundling 90% Bundling 95% Copying public dir 0 B Copying public dir 0 B Bundling done in 1072ms Copying done in 0ms Getting compositions Bundled under C:\Users\doxsch\AppData\Local\Temp\remotion-webpack-bundle-W6rw3q Created directory for temporary files C:\Users\doxsch\AppData\Local\Temp\remotion-v4-0-84-assetsgmwkutq5l8 compositor Starting Rust process. Max video cache size: 2596MB, max concurrency = 4 </code></pre> <p>...and then the browser window closes and it gets stuck.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/JonnyBurger"><img src="https://avatars.githubusercontent.com/u/1629785?v=4" />JonnyBurger</a> commented <strong> 3 months ago</strong> </div> <div class="markdown-body"> <p>I can confirm it doesn't work on Windows. I don't know why though.</p> <p>We are going through some changes <a href="https://github.com/remotion-dev/remotion/issues/3565">https://github.com/remotion-dev/remotion/issues/3565</a> and I'll see if we can tackle it in the same go.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/JonnyBurger"><img src="https://avatars.githubusercontent.com/u/1629785?v=4" />JonnyBurger</a> commented <strong> 3 months ago</strong> </div> <div class="markdown-body"> <p>In the future Chrome will completely separate the headless mode out of Chrome.</p> <p>Chrome will not have the --headless flag anymore (actually it is being repurposed into --headless=new, a different version of what we are using now, but they are not recommending it for our usecase)</p> <p>The current headless mode is being extracted into Chrome Headless Shell, which we will have to start using going forward. This one will not allow disabling headless mode anymore - therefore in the long-term we will not be able to support this flag anymore.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/JonnyBurger"><img src="https://avatars.githubusercontent.com/u/1629785?v=4" />JonnyBurger</a> commented <strong> 3 months ago</strong> </div> <div class="markdown-body"> <p>Keeping the issue open because this needs documentation</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/2234839"><img src="https://avatars.githubusercontent.com/u/28727933?v=4" />2234839</a> commented <strong> 1 week ago</strong> </div> <div class="markdown-body"> <p>I was trying to debug the IFrame, use the setChromiumHeadlessMode (false) cannot show browser window, excuse me what method can debug the IFrame component flickering problem (the introduction of the IFrame page is dynamically loaded)</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>
Bug Report 🐛
Hi everyone
I have tried to render the helloworld sample video in non-headless mode. This is to investigate a problem with the