XAudioPro
XAudioPro 是一个基于 WebAudio/WebAssembly 的在线音频实时剪辑转码网站,旨在提供专业且易用的音频编辑工具。它支持纯前端处理,无需上传到后端服务器,降低了延迟并提升了用户体验。该网站适合普通用户和专业用户,提供了去噪、提取背景音等基本功能。
• Copy the embed code to showcase this product on your website
• Share on X to spread the word about this amazing tool
- 创建这个网站的原因a.现在国内专业的音频编辑软件缺乏,大部分都采用Audition, GoldWave等这些国外软件,而国产的音频编辑软件能被广泛使用的更少之又少,此外,能在web上进行快捷方便编辑的就更缺乏了;而我个人本身是做音频开发出生的,对音频算法底层很熟悉,所以就诞生了创建这个网站的想法;b.专业的Audition软件主要面对很多专业人士,里面的操作比较复杂,对于普通的人来说要想完成一个简单的功能操作比较繁锁,所以便携化这个过程很重要,也在这个网站兼顾了准专业性和傻瓜式的操作c. 以后的工具会越来越多的云化,我想我们中国人在专业音频的云化和web化上何不先走一步呢2. 技术栈a.Webassemly要在web上进行音频编辑,有一点困难的就是要在前端上进行C语言的音频处理操作,这点要把C语言本身的处理算法集成到web前端就要用webassemably的技术,所以在这个网站上与其它在线音频处理网站不同的一点就是: “纯前端”处理! 很多其它网站是上传到后端后由服务器后端剪辑和处理,这样带来的是延时和体验不好,所以我在音频的转码上采用了ffmpeg的webassemly化(做了音频优化裁剪),另外把个人以前的音频处理存货(去噪算法等)也进行了webassembly化集成到了前端, 当然还有很多个人觉得牛B的存货慢慢来吧,主要时间精力有限;b. WebAudio/Canvas前端进行音频处理后,还要实时播放渲染,所以用了浏览器自带的WebAudio来做这个事情,而渲染用的是Canvas, 在渲染的Canvas绘制中参考了开源的wavesurfer 的大架构,但个人在参考时发现wavesurfer有很多缺陷:一是只有播放buffer,没有渲染buffer, 无法满足播放和剪辑渲染的同时进行;二是缩放canvas对大文件有缺陷,计算scrollWidth是全局的,不是局部render在大范围的缩放后会越来越卡,体验不好;三当然就是wavesurfer主要面向播放而不是剪辑,有很多功能就需要自已实现了。所以,我在剪辑和渲染这部分用canvas进行了很多优化,保证前端的各种操作体验3. 网站上线后的运维其实这个网站去年4月就上线了,不过当时个人的前端开发技术不够(其实现在也不行,本人是后端开发的,只是摸着石头过河吧,能实现功能就OK),只把最简单的音频转码,去噪,提取背景音完成了,用最简单的form表单形式上线,经过一年的时间,后台观察还是有人用,但知道的人还是太少!平均每天就几十个人,说来惭愧。。。 所以又经过这一年的开发,把在web上的音频编辑参考了Audition和GoldWave的风格和操作体验,把最基本的一些编辑功能上线了; 其实可以做的还有很多很多,不过由于一个人开发,也是业余时间做,精力有限,所以把最基本的功能编辑上线了,也希望更多人知道,这毕竟是一个"纯国产的在线web音频编辑工具呀"!4. 期望也不指望这个网站现在赚钱,因为也是业余开发,但这个网站的确也投入了很多时间和个人资金去运维,所以也很希望得到更多人的认可和使用,这样个人在后续功能的开发上也更有动力最后再发一下网址吧,也希望更多与音频工作有关的朋友能使用,如果体验好就多推荐给相关的朋友,如果体验不好的地方和bug, 当然强烈的需求也可以给反馈到我个人邮箱网址: www.xaudiopro.com联系邮箱: luolongzhi@gmail.com