実現したいこと
scene.js のコマンドを実行し、htmlファイルから動画を生成したい。
前提
以下を参考に、 scenejs をインストールした後実行したところ、timeout などのエラーが発生しました。
https://github.com/daybrush/scenejs-render/tree/master/packages/render
install
npm install @scenejs/render
目的の実行
npx @scenejs/render -i index.html --name scene -h 720 -w 1280 -d 3 -o out.mp4
発生している問題・エラーメッセージ
このコマンドの実行時、
npx @scenejs/render -i index.html --name scene -h 720 -w 1280 -d 3 -o out.mp4
このエラーが発生しました。
Start Render Puppeteer old Headless deprecation warning: In the near feature `headless: true` will default to the new Headless mode for Chrome instead of the old Headless implementation. For more information, please see https://developer.chrome.com/articles/new-headless/. Consider opting in early by passing `headless: "new"` to `puppeteer.launch()` If you encounter any bugs, please report them to https://github.com/puppeteer/puppeteer/issues/new/choose. (node:37097) ExperimentalWarning: The Fetch API is an experimental feature. This feature could change at any time (Use `node --trace-warnings ...` to show where the warning was created) /path/to/node_modules/@ffmpeg/core/dist/ffmpeg-core.js:12 if(l){ra=oa?require("path").dirname(ra)+"/":__dirname+"/";ta=function(a,b){wa||(wa=require("fs"));xa||(xa=require("path"));a=xa.normalize(a);return wa.readFileSync(a,b?null:"utf8")};va=function(a){a=ta(a,!0);a.buffer||(a=new Uint8Array(a));assert(a.buffer);return a};1<process.argv.length&&(ka=process.argv[1].replace(/\\/g,"/"));ja=process.argv.slice(2);process.on("uncaughtException",function(a){if(!(a instanceof ca))throw a;});process.on("unhandledRejection",u);la=function(a){process.exit(a)};f.inspect= ^ RuntimeError: abort(TypeError: Failed to parse URL from /path/to/node_modules/@ffmpeg/core/dist/ffmpeg-core.wasm). Build with -s ASSERTIONS=1 for more info. at process.u (/path/to/node_modules/@ffmpeg/core/dist/ffmpeg-core.js:25:109) at process.emit (node:events:513:28) at emit (node:internal/process/promises:149:20) at processPromiseRejections (node:internal/process/promises:283:27) at process.processTicksAndRejections (node:internal/process/task_queues:96:32) Node.js v18.12.0``` ### 該当のソースコード node_modules/@scenejs/render/dist/render.cjs.js はこのようになっています。 ```javascript async function openPage(browser, { width, height, path, scale, name, media, referer, }) { let page = null; try { page = await browser.newPage(); page.setUserAgent(browser.userAgent() + " Scene.js"); page.setViewport({ width: width / scale, height: height / scale, deviceScaleFactor: scale, }); await page.goto(path, { referer, }); } catch (e) { throw new Error(`Puppeteer Error in opening page.\npath: ${path}, width: ${width}, height: ${height}, scale: ${scale}, referer: ${referer}\n${e.message}`); } const result = await page.evaluate(`(async () => { const timeout = Date.now() + 10000; async function retry() { if (Date.now() > timeout) { return false; } if (typeof ${name} !== "undefined") { return true; } return await new Promise(resolve => { setTimeout(async () => { resolve(retry()); }, 500); }) } return await retry(); })()`); if (!result) { throw new Error("Timeout: 10000ms"); } try { await page.evaluate(`${name}.finish()`); } catch (e) { // } try { await page.evaluate(`${media}.finish()`); } catch (e) { // } return page; }
試したこと
オプションを減らし、以下のように実行しても同じ結果でした。
npx @scenejs/render -i index.html
ローカルにあるffmpegのパスを入力することも可能だったので、以下のようにしたところ、
npx @scenejs/render -i index.html -F /usr/local/bin/ffmpeg
このようなエラーになりました。
/path/to/node_modules/@scenejs/render/dist/render.cjs.js:78 throw new Error("Timeout: 10000ms"); ^ Error: Timeout: 10000ms at openPage (/path/to/node_modules/@scenejs/render/dist/render.cjs.js:78:15) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async render (/path/to/node_modules/@scenejs/render/dist/render.cjs.js:531:18) Node.js v18.12.0
補足情報(FW/ツールのバージョンなど)
OS: MacBookPro Ventrura 13.2.1, Intel Core i5 2GHz クアッドコア
Node.js: v18.12.0
あなたの回答
tips
プレビュー