Git Product home page Git Product logo

cc-edit / ccclip Goto Github PK

View Code? Open in Web Editor NEW
1.1K 1.1K 206.0 30.69 MB

vue and ffmpeg based tool for video clips. 使用vue(vue3) + ffmpeg + wasm 实现纯前端音视频编辑,功能包括:视频剪辑、音频剪辑、音频合成裁剪、音波展示、视频抽帧、gif抽帧、帧播放器、字幕、贴图、时间轴、素材轨道

License: Other

JavaScript 19.38% Shell 0.02% HTML 0.13% Vue 44.30% TypeScript 34.49% CSS 1.68%
ffmpeg ffmpeg-wasm vite vue vue3

ccclip's Issues

性能问题

将视频添加到轨道里面加载有点慢,我用了一个5s的视频差不多要加载3分钟左右。

【BUG】

在视频里添加一个文本删掉文本内容,轨道里的视频居然也被删除了

500start了,快点更新

500start了,快点更新
500start了,快点更新
500start了,快点更新
500start了,快点更新
500start了,快点更新

【BUG】拖动一个视频文件到中间位置,剪切会出错

描述
拖动一个视频文件到中间位置,剪切会出错,数据计算有误
因为offset计算的时候直接和剪切点计算的,但是视频不一定是顶格从0开始的;
除此之外,frameCount和time也未更新

image

TrackContro文件中剪切的操作应该修改为

    active.end = splitTime;
    active.offsetR = active.frameCount - active.end + active.start; // offset减去前面的空白量
    active.frameCount -= active.offsetR; // 重新计算frameCount 和time
    active.time = parseInt(`${active.frameCount / baseFps * 1000}`);
    copy.start = splitTime;
    copy.offsetL = splitTime - 1 - active.start;
    copy.frameCount -= copy.offsetL;
    copy.time = parseInt(`${copy.frameCount / baseFps * 1000}`);
    copy.id = getId();
    trackStore.addTrack(copy, trackStore.selectTrackItem.line, false, 0);

【BUG】

配置了请求头 'Cross-Origin-Opener-Policy': 'same-origin', 'Cross-Origin-Embedder-Policy': 'require-corp' 会导致图片跨域,但是如果不配置这个请求头的话会报错 SharedArrayBuffer is not defined

【BUG】

如果视频是一秒60帧的话轨道里的视频长度就会出问题,视频的时长也算错了

【BUG】

视频播放的时候禁音然后取消禁音视频还是没有声音

【BUG】

问题:配置了请求头 'Cross-Origin-Opener-Policy': 'same-origin', 'Cross-Origin-Embedder-Policy': 'require-corp' 会导致图片跨域,但是如果不配置这个请求头的话会报错 SharedArrayBuffer is not defined

找了很多种方法但是目前没解决掉。

拖拽视频报错

runtime-core.esm-bundler.js:236 Uncaught SyntaxError: Unexpected end of JSON input
at JSON.parse ()
at addTrack (TrackList.vue:186:5)
at callWithErrorHandling (runtime-core.esm-bundler.js:173:22)
at callWithAsyncErrorHandling (runtime-core.esm-bundler.js:182:21)
at HTMLDivElement.invoker (runtime-dom.esm-bundler.js:345:9)

加群

群二维码失效了 有在群里的加我微信把我拉进去
18039698719

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.