
Media
文章平均质量分 69
笔记
Raccom
这个作者很懒,什么都没留下…
展开
-
前端接入海康威视web插件
VUE3接入海康威视web插件接入海康的web插件实现在网页端直接显示摄像头监控画面,此解决方案需要在用户电脑上安装exe插件。web插件下载首先在官网下载海康插件,打开demo文件夹可以看到需要用到的js和bin目录下的exe插件。插件导入安装HCWebSDKPlugin.exe到电脑中,然后在项目的index.html中导入需要使用的js文件,由于jsVideoPlugin-1.0.0.min.js是用于控制摄像头等功能,此处我们仅需要获取监控画面,因此按实际需求引入。<body原创 2024-10-24 11:26:47 · 1694 阅读 · 2 评论 -
Js使用ffmpeg在视频中合成音频背景音乐
使用场景是需要在web端对视频的背景音乐进行混音合成。以下所有的使用案例均基于vue3 setup。同时由于@ffmpeg版本不同会导致使用的api不同,使用案例前需要注意。如果使用的是0.12+需要使用新的api,详情请看。原创 2024-01-08 10:49:58 · 1699 阅读 · 0 评论 -
Js使用ffmpeg在视频中添加png或gif
使用场景是需要在web端对视频进行编辑 添加图片和gif。以下所有的使用案例均基于vue3 setup。同时由于@ffmpeg版本不同会导致使用的api不同,使用案例前需要注意。如果使用的是0.12+需要使用新的api,详情请看。原创 2023-10-20 18:00:25 · 1801 阅读 · 6 评论 -
Js使用ffmpeg进行视频剪辑和画面截取
ffmpeg使用场景是需要在web端进行视频的裁剪,包括使用 在线视频url 或 本地视频文件 的裁剪,以及对视频内容的截图输出图片组合等功能。前端进行视频操作可能会导致性能下降,最好使用java,c++等或通过后端进行处理,本文的案例是备选方案。注意:以下所有的使用案例均基于vue3 setup。同时由于@ffmpeg版本不同会导致使用的api不同,使用案例前需要注意@ffmpeg版本问题。如果使用的是0.12+需要使用新的api,详情请看 文档npmnpm install @ffmp原创 2023-09-20 14:44:58 · 4755 阅读 · 0 评论 -
原生Js 提取视频中的音频
将视频中的音频轨道分离出来,生成wav文件播放或下载(Vue3 setup。原创 2023-09-11 11:39:10 · 1110 阅读 · 0 评论 -
原生Js Canvas去除视频绿幕背景
这里的去除视频背景并不是对视频文件进行操作去除背景如果需要对视频扣除背景并导出可以使用ffmpeg等库,这里仅作播放用所以采用这种方法由于uniapp中的canvas经过封装,且 uniapp 的drawImage无法绘制视频帧画面,因此uniapp中不适用实现过程是将视频使用canvas逐帧截下来对截取的图片进行处理,然后在canvas中显示处理好的图片最后通过定时器高速处理替换,形成视频播放的效果,效果如下图⬇边缘仍然会有些绿幕的像素,可以通过其他的处理进行优化。原创 2023-09-07 13:54:17 · 3027 阅读 · 0 评论 -
WFPlayer
可以实现分析音视频生成音频波形图在线demo地址:WFPlayer。原创 2023-08-07 15:50:46 · 197 阅读 · 0 评论 -
Fabric
是一个非常好用的Javascript HTML5 canvas库,封装了canvas原生较为复杂的api,在canvas元素的顶部提供交互式对象模型,用于实现图片的变形旋转拖拉拽等功能。原创 2023-08-07 17:05:05 · 956 阅读 · 0 评论 -
本地上传图片或视频获取预览图
在我们上传图片或视频需要进行预览操作,即获取该图片或视频一帧的画面作为背景显示时。原创 2023-07-07 14:41:15 · 1914 阅读 · 0 评论 -
vue3 点击播放audio
属性,可以看到音频文件时加载完成的,但是没有播放,因此只需要等。标签并不能解决问题,甚至。原创 2023-08-17 11:11:21 · 8852 阅读 · 7 评论