cc-edit / ccclip Goto Github PK

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%

vue3 ffmpeg ffmpeg-wasm vite vue

ccclip's Introduction

CcClip讨论小组🍻	Flutter 学习讨论📝	CcView开发者小组🎨	打赏（赠送学习资料：webNote） 🎊

关于我👷🏼:

🛠️ Vue2, Vue3, React, Flutter, Nodejs, WebGl, JAVA, css, html
💼 兴趣方向是 Wasm、WebGl、工业软件、深度学习、图片处理、音视频处理 😋
📫 [email protected]

支持作者🎁:

打赏任意金额可以加入赞助者行列啦 🥰

🎉 赞助者 🎉

ccclip's People

Contributors

Stargazers

Watchers

Forkers

daiping2008 ykf904839896 yqjack freedomdebug jackjkl ylic2022 lzyaom huangshaomo 570622566 zhuxingwan zhongmingkun uspear dadaxxxx brileyhe chacix secchen sysart88 yicofighting cceditcom lolvar ackermannn shuogesha zuotianorg niumeng1 availablefortheworld youxiuchen rufengx 6rz mu-l xiaoshiziha deepmind1 idrnyu wang-st liangzhendong karlkaijie tytytychen prodigaleye zuodh wenqiangy pei55 hhy5277 durwynbritt dev20221001 ainisa20 ligengrong littlesource gagaboy yuezhenyu0208 qingxinli579 junbinhe q-coding-cg titans1001 hanxinying wacupid xuzhouwang sfidea wittech aceandmy answer518 wxzwxzzzzz bcigame charles4song schaofa whitegl0ves a279780399 keno1212 yuyiqiushui wsw2000 wanghaisheng yuanhaotian nuocoo alikexshen yyqqing sunny5156 torns itsharex zhangmeng1847 kule2018 jimboxie lucyonegit flashpig tsdk crpeng2019 xj-itic-cbq indulgers fengxielove study3c ygragon songfang furholeder momodecangshu haoyaogang nicky132 12662 maluguaiwan 74259 donnie-graef zyt520ham gdmec13 chw1127

ccclip's Issues

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

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

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

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)