toshusai / vega Goto Github PK

Rendering Error ReferenceError: SharedArrayBuffer is not defined
Gives

To reproduce:

1. Create new project.
2. Create new text strip at 2 seconds position.
3. Save project
4. Refresh page.
5. Create new project.
6. Load project.

-> text strip loads without text.

support undo/redu for

• add strip
• remove strip
• move strips

`npm run dev

[email protected] dev
npm-run-all -p dev:renderer dev:main

[email protected] dev:renderer
cross-env NODE_ENV=development nuxt src/renderer

[email protected] dev:main
npm-run-all -s dev:main:tsc dev:main:electron

[email protected] dev:main:tsc
cross-env NODE_ENV=development tsc -p src/main/tsconfig.json

╭───────────────────────────────────────╮
│ │
│ Nuxt @ v2.15.8 │
│ │
│ ▸ Environment: development │
│ ▸ Rendering: client-side │
│ ▸ Target: static │
│ │
│ Listening: http://localhost:9999/ │
│ │
╰───────────────────────────────────────╯

ℹ Preparing project for development 02:33:55
ℹ Initial build may take a while 02:33:55
✔ Builder initialized 02:33:55
✔ Nuxt files generated 02:33:55

● Client █████████████████████████ building (57%) 393/418 modules 25 active
babel-loader › ts-loader › vue-loader › src/renderer/components/timeline_panel/TimelinePanel.vue

node_modules/vue/types/jsx.d.ts:39:4 - error TS1023: An index signature parameter type must be either 'string' or 'number'.

39 [v: --${string}]: string | number | undefined
~

● Client █████████████████████████ building (57%) 396/418 modules 22 active
babel-loader › ts-loader › vue-loader › src/renderer/components/timeline_panel/TimelinePanel.vue

ERROR: "dev:main" exited with 1.`

When input video has no audio, ffmpeg not work.
I think -filter_complex part needs fix.

There are logs as follow.
The video get here https://test-videos.co.uk/bigbuckbunny/mp4-h264 that causes an error.

log.js?908e:15 [info] ffmpeg-core.js script loaded
log.js?908e:15 [info] ffmpeg-core loaded
log.js?908e:15 [info] run FS.writeFile _vega_video.webm <3951021 bytes binary file>
log.js?908e:15 [info] run FS.writeFile 379768fd-8e99-43bf-9f80-7396eaf81c6e.mp4 <4936162 bytes binary file>
log.js?908e:15 [info] run ffmpeg command: -y -i _vega_video.webm -ss 0.6522 -i 379768fd-8e99-43bf-9f80-7396eaf81c6e.mp4 -s 1920x1080 -filter_complex [1:a]adelay=0|0[out1];[out1]amix=inputs=1[out] -map [out]:a -c:a aac -map 0:v -t 1 -c:v libx264 -pix_fmt yuv420p -s 1920x1080 out.mp4
log.js?908e:15 [fferr] ffmpeg version v0.9.0-2-gb11e5c1495 Copyright (c) 2000-2020 the FFmpeg developers
log.js?908e:15 [fferr]   built with emcc (Emscripten gcc/clang-like replacement) 2.0.8 (d059fd603d0b45b584f634dc2365bc9e9a6ec1dd)
log.js?908e:15 [fferr]   configuration: --target-os=none --arch=x86_32 --enable-cross-compile --disable-x86asm --disable-inline-asm --disable-stripping --disable-programs --disable-doc --disable-debug --disable-runtime-cpudetect --disable-autodetect --extra-cflags='-s USE_PTHREADS=1 -I/src/build/include -O3 --closure 1' --extra-cxxflags='-s USE_PTHREADS=1 -I/src/build/include -O3 --closure 1' --extra-ldflags='-s USE_PTHREADS=1 -I/src/build/include -O3 --closure 1 -L/src/build/lib' --pkg-config-flags=--static --nm=llvm-nm --ar=emar --ranlib=emranlib --cc=emcc --cxx=em++ --objcc=emcc --dep-cc=emcc --enable-gpl --enable-nonfree --enable-zlib --enable-libx264 --enable-libx265 --enable-libvpx --enable-libwavpack --enable-libmp3lame --enable-libfdk-aac --enable-libtheora --enable-libvorbis --enable-libfreetype --enable-libopus --enable-libwebp --enable-libass --enable-libfribidi
log.js?908e:15 [fferr]   libavutil      56. 51.100 / 56. 51.100
log.js?908e:15 [fferr]   libavcodec     58. 91.100 / 58. 91.100
log.js?908e:15 [fferr]   libavformat    58. 45.100 / 58. 45.100
log.js?908e:15 [fferr]   libavdevice    58. 10.100 / 58. 10.100
log.js?908e:15 [fferr]   libavfilter     7. 85.100 /  7. 85.100
log.js?908e:15 [fferr]   libswscale      5.  7.100 /  5.  7.100
log.js?908e:15 [fferr]   libswresample   3.  7.100 /  3.  7.100
log.js?908e:15 [fferr]   libpostproc    55.  7.100 / 55.  7.100
log.js?908e:15 [fferr] Input #0, matroska,webm, from '_vega_video.webm':
log.js?908e:15 [fferr]   Metadata:
log.js?908e:15 [fferr]     encoder         : webm-writer-js
log.js?908e:15 [fferr]   Duration: 00:00:01.00, start: 0.000000, bitrate: 31608 kb/s
log.js?908e:15 [fferr]     Stream #0:0: Video: vp8, yuv420p(progressive), 1920x1080, SAR 1:1 DAR 16:9, 60 fps, 60 tbr, 1k tbn, 1k tbc (default)
log.js?908e:15 [fferr] Input #1, mov,mp4,m4a,3gp,3g2,mj2, from '379768fd-8e99-43bf-9f80-7396eaf81c6e.mp4':
log.js?908e:15 [fferr]   Metadata:
log.js?908e:15 [fferr]     major_brand     : isom
log.js?908e:15 [fferr]     minor_version   : 512
log.js?908e:15 [fferr]     compatible_brands: isomiso2avc1mp41
log.js?908e:15 [fferr]     title           : Big Buck Bunny, Sunflower version
log.js?908e:15 [fferr]     artist          : Blender Foundation 2008, Janus Bager Kristensen 2013
log.js?908e:15 [fferr]     composer        : Sacha Goedegebure
log.js?908e:15 [fferr]     encoder         : Lavf57.63.100
log.js?908e:15 [fferr]     comment         : Creative Commons Attribution 3.0 - http://bbb3d.renderfarming.net
log.js?908e:15 [fferr]     genre           : Animation
log.js?908e:15 [fferr]   Duration: 00:00:10.00, start: 0.000000, bitrate: 3948 kb/s
log.js?908e:15 [fferr]     Stream #1:0(und): Video: h264 (High) (avc1 / 0x31637661), yuv420p, 1920x1080 [SAR 1:1 DAR 16:9], 3945 kb/s, 30 fps, 30 tbr, 15360 tbn, 60 tbc (default)
log.js?908e:15 [fferr]     Metadata:
log.js?908e:15 [fferr]       handler_name    : VideoHandler
log.js?908e:15 [fferr] Stream specifier ':a' in filtergraph description [1:a]adelay=0|0[out1];[out1]amix=inputs=1[out] matches no streams.
log.js?908e:15 [ffout] FFMPEG_END
log.js?908e:15 [info] run FS.unlink 379768fd-8e99-43bf-9f80-7396eaf81c6e.mp4
log.js?908e:15 [info] run FS.unlink _vega_video.webm

change layer is not working for multiple strips.

I need to add assets layer-wise, If I clicked "Add video" in 1st layer, I need the video to add on first layer only, even if there exists an asset there.
How to make timeline panel add data in layer , where contextmenu is open

When building the project it keeps failing as @riapp-ui is missing, and can't be install manually

error - ./utils/registerGlobalVar.ts:5:0
Module not found: Can't resolve '@/riapp-ui'
  3 | 
  4 | import * as Core from "@/core";
> 5 | import * as RiAppUi from "@/riapp-ui";
  6 | 
  7 | export function registerGlobalVar() {
  8 |   if (typeof window !== "undefined") {

Is there any other way to handle this? thanks

Hello, I tried to contact you on Twitter because it is the only contact you provide but Twitter no longer allows to send messages.
Would it be possible to chat by email, discord or something else? I would like to ask you a few questions and discuss Vega. Thanks in advance :)

Hello,
I'm encountering an issue with updating video assets in my project. Here's a summary of the problem:
Context: I'm fetching data from an API and updating the video assets in the project.
Problem: Direct updates to the video work fine, but when I search for a video (which involves a server-side search and API call), the strip becomes empty.
Specific Issue: When I update project.assets in editor.vue, the strip is not getting updated. Additionally, I see an "undefined" asset in videostrip.ts after searching, and I'm not sure how the following function is getting called:

public updateAsset(asset?: VideoAsset) {
console.log(asset, "asset");
this.setCanvasSize();
if (!asset) {
this.video.src = "";
this.loaded = false;
return;
}
this.videoAsset = asset;
this.loaded = false;
asset.valid = false;
const onLoad = () => {
if (!this.canvas) return;
if (this.loaded) return;
this.videoDuration = this.video.duration;
this.canvas.width = this.previewWidth;
this.canvas.height = this.previewHeight;

this.obj.geometry = new T.PlaneGeometry(
  this.canvas.width,
  this.canvas.height
);

this.loaded = true;
asset.valid = true;
this.event.dispatchEvent(new CustomEvent("update"));

};
this.video.onloadedmetadata = () => onLoad();
this.video.src = asset.path;
this.video.load();
}
Additional Context:
The issue seems to occur only after searching.
I suspect the updateAsset function is being called somewhere unexpectedly.
Could you please help me understand how to ensure that the strip gets updated correctly after a search and why the updateAsset function might be receiving an undefined asset?

I am having trouble while Converting a video to frames in video strip of timeline . Can you help me with this?

I need strip like this image.

Hi,
I am added one image. the image didn't transparent.
I have also a tray multiple ways it's not working.
Please provide solution.

Thank you

With previous versions (3.x) it was possible to

1. Follow the link and run software in browser.
2. Download binaries and run software without browser.

Will these methods be available also with version 4.x ?
If not, will there be instructions with description of how to build this software by yourself?

Initially ,

after resizing from left side

What should I change in the formula to calculate this? so that it can resize from left side .?

If I drag text strip too far to the left when creating it, it creates corrupted and disappear when I click on it:

image support for use in video

Things I tried:
Vivaldi 5.5.2794.3:

1. Created new project
2. Added two text objects
3. Saved project
4. Exported video

Result: It exported file. With incorrect duration (10 sec instead of 15) and black screen as content.
Firefox 103.0.2:

1. Opened previously saved project.
2. Text objects are there, but have no text and I can't see how to add it back.
3. Tried to export video, but clicking on "export" button do nothing.

How to delete created text object by the way?

Hi,
I am a Year 2 student from Nanyang Technological University. I am now working on the online video editor and find your amazing project here.
However, when I followed the instructions you have made, I encountered one problem. The problem is as follow:

1. when I try "npm run dev", it will show pop up the error messages:

**[2386665:0512/101921.414009:ERROR:browser_main_loop.cc(1400)] Unable to open X display.
The futex facility returned an unexpected error code.
/home/haoran/Projects/vega/node_modules/electron/dist/electron exited with signal SIGABRT
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev:main:electron: cross-env NODE_ENV=development electron .
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev:main:electron 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/haoran/.npm/_logs/2022-05-12T02_19_21_524Z-debug.log
ERROR: "dev:main:electron" exited with 1.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev:main: npm-run-all -s dev:main:tsc dev:main:electron
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev:main 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/haoran/.npm/_logs/2022-05-12T02_19_21_670Z-debug.log
ERROR: "dev:main" exited with 1.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: npm-run-all -p dev:renderer dev:main
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.**

In order to solve this, I tried to delete the node_modules and package_lock.json files, also cleaned the cache and restored the node_modules and package_lock.json files again, however, the same problem came up again.

I will be very appreciated if you could help me with it!
Wish you a happy day!

Is it possible to add the management of solids in the project? Creation of shape, for example rectangle, round etc from a point table for example
I love this project, congratulations for your work

Fix to correct rectangle detection.

To reproduce:

1. Move red marker to 6.5 seconds position.
2. Create text strip at 1sec position -> no text at strip appears.
3. Create text strip at 7sec position -> no text at strip appears.
4. Create text strip at 5sec position -> text at strip appears. This is how it should work for first two positions if I understand correctly.