tnfe / shida Goto Github PK
View Code? Open in Web Editor NEW《视搭》是一个视频可视化搭建项目。您可以通过简单的拖拽方式快速生产一个短视频,使用方式就像易企秀或Maka 等 h5 搭建工具一样的简单,仅抛砖引玉希望您喜欢。
License: Apache License 2.0
《视搭》是一个视频可视化搭建项目。您可以通过简单的拖拽方式快速生产一个短视频,使用方式就像易企秀或Maka 等 h5 搭建工具一样的简单,仅抛砖引玉希望您喜欢。
License: Apache License 2.0
找到问题原因了
按照readme开发调试中的步骤运行的,唯一有一些不同的可能是mongodb配置,我安装完之后打开数据库后没做其他配置工作,但分别执行npm run watch-publish和npm run dev-server都没有报错,请问该怎么解决?
how to solve the package deprecated issue?
项目缺少依赖,package.json 文件中最好添加webpack@4
本地环境 mac
Python 版本要求 3.10,3.11 版本会有依赖报错;
Nodejs 版本 v14.21.3;
package.json 新增两项依赖 "webpack": "^4.46.0", "webpack-cli": "^4.0.0",我本地的swiper依赖进行了指定版本 "swiper": "=5.4.5" ;
server/service/video.js 78行 改为 comp.setFont('./public/static/demo/wryh.ttf');
是找当前目录下的 public 文件夹;
npm ERR! code 1
npm ERR! path /home/shita/shida-main/node_modules/gl
npm ERR! command failed
npm ERR! command sh -c prebuild-install || node-gyp rebuild
npm ERR! make: 进入目录“/home/shita/shida-main/node_modules/gl/build”
npm ERR! CXX(target) Release/obj.target/angle_common/angle/src/common/Float16ToFloat32.o
npm ERR! make: 离开目录“/home/shita/shida-main/node_modules/gl/build”
npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored.
npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored.
npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored.
npm ERR! prebuild-install warn install /usr/lib64/libm.so.6: version GLIBC_2.27' not found (required by /home/shita/shida-main/node_modules/gl/build/Release/webgl.node) npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! gyp info it worked if it ends with ok npm ERR! gyp info using [email protected] npm ERR! gyp info using [email protected] | linux | x64 npm ERR! gyp info find Python using Python version 3.6.8 found at "/usr/bin/python3" npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! gyp info spawn /usr/bin/python3 npm ERR! gyp info spawn args [ npm ERR! gyp info spawn args '/home/shita/shida-main/node_modules/node-gyp/gyp/gyp_main.py', npm ERR! gyp info spawn args 'binding.gyp', npm ERR! gyp info spawn args '-f', npm ERR! gyp info spawn args 'make', npm ERR! gyp info spawn args '-I', npm ERR! gyp info spawn args '/home/shita/shida-main/node_modules/gl/build/config.gypi', npm ERR! gyp info spawn args '-I', npm ERR! gyp info spawn args '/home/shita/shida-main/node_modules/node-gyp/addon.gypi', npm ERR! gyp info spawn args '-I', npm ERR! gyp info spawn args '/root/.cache/node-gyp/16.18.1/include/node/common.gypi', npm ERR! gyp info spawn args '-Dlibrary=shared_library', npm ERR! gyp info spawn args '-Dvisibility=default', npm ERR! gyp info spawn args '-Dnode_root_dir=/root/.cache/node-gyp/16.18.1', npm ERR! gyp info spawn args '-Dnode_gyp_dir=/home/shita/shida-main/node_modules/node-gyp', npm ERR! gyp info spawn args '-Dnode_lib_file=/root/.cache/node-gyp/16.18.1/<(target_arch)/node.lib', npm ERR! gyp info spawn args '-Dmodule_root_dir=/home/shita/shida-main/node_modules/gl', npm ERR! gyp info spawn args '-Dnode_engine=v8', npm ERR! gyp info spawn args '--depth=.', npm ERR! gyp info spawn args '--no-parallel', npm ERR! gyp info spawn args '--generator-output', npm ERR! gyp info spawn args 'build', npm ERR! gyp info spawn args '-Goutput_dir=.' npm ERR! gyp info spawn args ] npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! gyp info spawn make npm ERR! gyp info spawn args [ 'BUILDTYPE=Release', '-C', 'build' ] npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! ERROR: ld.so: object '/path/to/your/libm.so.6' from LD_PRELOAD cannot be preloaded: ignored. npm ERR! In file included from /usr/include/limits.h:191:0, npm ERR! from /opt/rh/devtoolset-7/root/usr/lib/gcc/x86_64-redhat-linux/7/include/limits.h:194, npm ERR! from /opt/rh/devtoolset-7/root/usr/lib/gcc/x86_64-redhat-linux/7/include/syslimits.h:7, npm ERR! from /opt/rh/devtoolset-7/root/usr/lib/gcc/x86_64-redhat-linux/7/include/limits.h:34, npm ERR! from /opt/rh/devtoolset-7/root/usr/include/c++/7/climits:42, npm ERR! from ../angle/src/common/angleutils.h:14, npm ERR! from ../angle/src/common/debug.h:16, npm ERR! from ../angle/src/common/mathutil.h:12, npm ERR! from ../angle/src/common/Float16ToFloat32.cpp:9: npm ERR! /usr/include/bits/xopen_lim.h:64:10: fatal error: bits/uio_lim.h: 没有那个文件或目录 npm ERR! #include <bits/uio_lim.h> npm ERR! ^~~~~~~~~~~~~~~~ npm ERR! compilation terminated. npm ERR! make: *** [Release/obj.target/angle_common/angle/src/common/Float16ToFloat32.o] 错误 1 npm ERR! gyp ERR! build error npm ERR! gyp ERR! stack Error:
make` failed with exit code: 2
npm ERR! gyp ERR! stack at ChildProcess.onExit (/home/shita/shida-main/node_modules/node-gyp/lib/build.js:203:23)
npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:513:28)
npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:293:12)
npm ERR! gyp ERR! System Linux 3.10.0-1160.83.1.el7.x86_64
npm ERR! gyp ERR! command "/usr/bin/node" "/home/shita/shida-main/node_modules/.bin/node-gyp" "rebuild"
npm ERR! gyp ERR! cwd /home/shita/shida-main/node_modules/gl
npm ERR! gyp ERR! node -v v16.18.1
npm ERR! gyp ERR! node-gyp -v v9.4.0
npm ERR! gyp ERR! not ok
npm ERR! A complete log of this run can be found in: /root/.npm/_logs/2023-06-18T13_44_32_851Z-debug-0.log
[FF] Creator production error. "ENOENT: no such file or directory, lstat '/Users/green/Git/shida/server/public/static/demo'"
[FF] Creator production error. "ENOENT: no such file or directory, lstat '/Users/green/Git/shida/server/public/static/demo/wryh.ttf'"
/shida-main/server/router.js:58
router.post("/quark/video/making", $middleware.auth, $controller.video.making);
^
[TypeError: Cannot read property 'making' of undefined
at module.exports (/Users/xiongzhihua/Desktop/learn-project/shida-main/server/router.js:58:74)
at initRouter (/Users/xiongzhihua/Desktop/learn-project/shida-main/server/core/loader.js:51:26)
at new Application (/Users/xiongzhihua/Desktop/learn-project/shida-main/server/core/index.js:29:20)
at Object. (/Users/xiongzhihua/Desktop/learn-project/shida-main/server/app.js:2:13)
at Module._compile (internal/modules/cjs/loader.js:1085:14)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
at Module.load (internal/modules/cjs/loader.js:950:32)
at Function.Module._load (internal/modules/cjs/loader.js:790:14)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:76:12)
at internal/main/run_main_module.js:17:47
]
[nodemon] app crashed - waiting for file changes before starting...
请问作者有时间把node-sass这个毒瘤去掉了吗,太折磨人这个东西
TypeError: Cannot read property 'ARRAY_BUFFER' of null
在合成视频时,如果素材资源名中出现中文就会报错。Request path contains unescaped characters
这个问题希望能够解决或者麻烦解惑一下原因。感谢!
Hi,
This project seems quite interesting, just would like to know if there is any dev plan? Templates will be supported? Restful api there?
Best wishes, Jason
xvfb-run -s '-ac -screen 0 1280x1024x24' nodemon server/app.js dev -L
~/workspace/H5/shida$ npm run dev-server
Debugger listening on ws://127.0.0.1:53787/d8ef2411-675d-4e38-b46a-42e243d35039
For help, see: https://nodejs.org/en/docs/inspector
Debugger attached.
> [email protected] dev-server /home/chenjm/workspace/H5/shida
> xvfb-run -s '-ac -screen 0 1280x1024x24' nodemon server/app.js dev -L
xvfb-run: error: Xvfb failed to start
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev-server: `xvfb-run -s '-ac -screen 0 1280x1024x24' nodemon server/app.js dev -L`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev-server script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/admin/.npm/_logs/2023-06-07T03_05_00_835Z-debug.log
Waiting for the debugger to disconnect...
pm2 start -f server/app.js
,就可以启动了。不知道为什么 xvfb-run -s '-ac -screen 0 1280x1024x24' nodemon server/app.js dev -L
启动不了了,昨天还可以启动的。~/workspace/H5/shida$ pm2 start -f server/app.js
Debugger listening on ws://127.0.0.1:53372/32caf6df-fa33-4ced-9e57-b1d5660f73fc
For help, see: https://nodejs.org/en/docs/inspector
Debugger attached.
[PM2] Applying action restartProcessId on app [app](ids: 0,1)
[PM2] [app](0) ✓
[PM2] [app](1) ✓
[PM2] Process successfully started
┌────┬────────┬─────────────┬─────────┬─────────┬──────────┬────────┬──────┬───────────┬──────────┬──────────┬──────────┬──────────┐
│ id │ name │ namespace │ version │ mode │ pid │ uptime │ ↺ │ status │ cpu │ mem │ user │ watching │
├────┼────────┼─────────────┼─────────┼─────────┼──────────┼────────┼──────┼───────────┼──────────┼──────────┼──────────┼──────────┤
│ 0 │ app │ default │ 0.1.0 │ fork │ 937890 │ 0s │ 0 │ online │ 0% │ 20.5mb │ admin │ disabled │
│ 1 │ app │ default │ 0.1.0 │ fork │ 937896 │ 0s │ 136 │ online │ 0% │ 20.3mb │ admin │ disabled │
└────┴────────┴─────────────┴─────────┴─────────┴──────────┴────────┴──────┴───────────┴──────────┴──────────┴──────────┴──────────┘
[PM2][WARN] Current process list is not synchronized with saved list. Type 'pm2 save' to synchronize.
Waiting for the debugger to disconnect...
[FF] Creator production error. "ENOENT: no such file or directory, lstat 'D:\workspace\shida-main\server\public\static\demo\wryh.ttf'"
nodejs:v14.21.3 sass:1.58.3 ;sass-loader :7.3.1
system:windows server 2019 standard 8cores 16G ram 200G
too many errs,I don't known what to do..
` ERROR Failed to compile with 24 errors 17:08:57
error in ./client/pages/template/components/page-manage.vue?vue&type=style&index=0&id=a23239c4&lang=scss&scoped=true&
Syntax Error:
^
Undefined variable.
╷
45 │ background: $primary;
│ ^^^^^^^^
╵
stdin 45:19 root stylesheet
in C:\Users\Administrator\Downloads\shipin\shida\client\pages\template\components\page-manage.vue (line 45, column 19)
@ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./client/pages/template/components/page-manage.vue?vue&type=style&index=0&id=a23239c4&lang=scss&scoped=true& 4:14-499 15:3-20:5 16:22-507
@ ./client/pages/template/components/page-manage.vue?vue&type=style&index=0&id=a23239c4&lang=scss&scoped=true&
@ ./client/pages/template/components/page-manage.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./client/pages/template/Index.vue?vue&type=script&lang=js&
@ ./client/pages/template/Index.vue?vue&type=script&lang=js&
@ ./client/pages/template/Index.vue
@ ./client/router/index.js
@ ./client/main.js
@ multi ./node_modules/@vue/cli-service/node_modules/webpack-dev-server/client?http://192.168.1.56:8080/sockjs-node (webpack)/hot/dev-server.js ./client/main.js
error in ./client/pages/home/template-list.vue?vue&type=style&index=0&id=2fffdc9c&lang=scss&scoped=true&
server is starting........!
(node:10656) DeprecationWarning: collection.count is deprecated, and will be removed in a future version. Use Collection.countDocuments or Collection.estimatedDocumentCount instead
3===>>C:\Users\wang\Desktop\shida-main\server\public\resource
4===>>3pjmJKDzn8R.png===>>C:\Users\wang\Desktop\shida-main\server\public\images\3pjmJwgmeUw\3pjmJKDzn8R.png===>>\resource\images\3pjmJwgmeUw\3pjmJKDzn8R.png
FFCreator start
[FF] FFVideo Audio preProcessing errorffmpeg exited with code 1: C:\Users\wang\Desktop\shida-main\server\public\resource\resource\files\3pjh8UJ4Dc9.mp4: No such file or directory
FFCreator error: ffmpeg exited with code 1: C:\Users\wang\Desktop\shida-main\server\public\resource\resource\files\3pjh8UJ4Dc9.mp4: No such file or directory
[FF] Creator production error. FFEvent {
type: 'error',
pos: 'preProcessing',
error:
'ffmpeg exited with code 1: C:\Users\wang\Desktop\shida-main\server\public\resource\resource\files\3pjh8UJ4Dc9.mp4: No such file or directory\n' }
events.js:167
throw er; // Unhandled 'error' event
^
Error: ffmpeg was killed with signal SIGKILL
at ChildProcess. (C:\Users\wang\Desktop\shida-main\node_modules\fluent-ffmpeg\lib\processor.js:180:22)
at ChildProcess.emit (events.js:182:13)
at Process.ChildProcess._handle.onexit (internal/child_process.js:240:12)
Emitted 'error' event at:
at emitEnd (C:\Users\wang\Desktop\shida-main\node_modules\fluent-ffmpeg\lib\processor.js:424:16)
at endCB (C:\Users\wang\Desktop\shida-main\node_modules\fluent-ffmpeg\lib\processor.js:544:13)
at handleExit (C:\Users\wang\Desktop\shida-main\node_modules\fluent-ffmpeg\lib\processor.js:170:11)
at Socket. (C:\Users\wang\Desktop\shida-main\node_modules\fluent-ffmpeg\lib\processor.js:209:9)
at Socket.emit (events.js:187:15)
at Pipe._handle.close (net.js:606:12)
上面报错中的3,4===>>是对server/sevice/file.js输出部分文件路径
module.exports = app => ({
async upload(file, folder = "images") {
const { $config } = app;
const fileData = fs.readFileSync(file.path);
const folderPath = path.join(path.join(__dirname, "../public/resource/"), folder); // 拼接文件夹
console.log("1===>>"+folderPath)
await fs.ensureDir(folderPath);
const filePath = path.join(folderPath, file.name);
fs.writeFileSync(filePath, fileData);
console.log("2===>>"+$config.baseUrl + `/resource/${folder}/${file.name}`)
return {
fileName: file.filename,
localPath: filePath,
url: $config.baseUrl + `/resource/${folder}/${file.name}`
};
},
async fileUpload({ file, folder = "images" }) {
const { $config } = app;
const resource = path.join(__dirname, "../public/resource/");
console.log("3===>>"+resource)
const fileData = fs.readFileSync(file.path);
const folderPath = path.join(resource, folder);
await fs.ensureDir(folderPath);
const name = shortid.gen();
const ext = file.name.split(".").pop();
const fileName = `${name}.${ext}`;
const filePath = path.join(folderPath, fileName);
await fs.outputFile(filePath, fileData);
console.log("4===>>"+fileName+"===>>"+filePath+"===>>"+path.join($config.baseUrl || "", "/resource/", folder, fileName))
return {
fileName,
localPath: filePath,
//url: path.join($config.baseUrl || "",folder, fileName)
url: path.join($config.baseUrl || "", "/resource/", folder, fileName)
};
}
});
==================================================》》》》
感谢回复!
请问mongodb的index.js的配置文件怎么使用?
一个页面支持多段音频不,或者以单段音频长度为时间轴控制多个动画元素。建议添加预览的功能,支持预览单个页面或所有页面集合
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.