用户3635832337477

vue中wavesurfer.js的使用，实现录音过程中，音频波形效果，也是工作中，接触到的新的东西...

引言 音频可视化是通过将音频的波形、频率等属性转换为可视化图像的技术，广泛应用于音乐播放器、音频编辑工具和数字艺术中。...

相对于后端生成，前端生成缩略图的方案，在处理本地视频文件场景时还是比较合适，不需要将视频上传到服务器就可以获取到，因为视频资源就在本地，所以不需要把时间消耗在资源加载上。...

canvas svg描边动画 弧形选项卡 瀑布流 钉钉动画 鼠标移动的高亮边框 头像超出边框 透明盒子的渐变阴影 3D倾斜 锯齿菱形边缘 9宫格 轮播 上下视差滚动 文字交...

全网”保姆级“大文件上传超详细教程，有Vue2跟Vue3版本搭配Node，切片上传 + 断点续传 + 秒传 + 暂停上传。学完后直接狂虐甲方！...

前言 从刚接触编程起，作者就一直有一个做游戏的梦，奈何水平比较差，做不出啥太像样的游戏，最近趁着下班和周末时间折腾折腾，怀旧一下童年最爱玩的超级玛丽。本文将讲述如何用js写...

如果遇到过以上类似的场景，这时候就要考虑是不是浏览器指纹在其中发挥作用。 “浏览器指纹”是一种通过浏览器对网站可见的配置和设置信息来跟踪Web浏览器的方法，浏览器指纹就像我...

现在很多app，在一些隐私页面，往往都会加入二次验证，例如银行app、支付宝理财和我的页面，一般会有「九宫格密码」和指纹密码。 今天我们用canvas来写一个九宫格手势密码...

背景 最近在做业务的时候遇到了一个需要前端抽帧的需求，小小的研究了一下便记录了下来，以便复盘。 大概的需求呢就是说从页面A跳转到页面B后给你视频的url和一些时间节点，我们...

前言 最近开发中遇到这么一个需求，上传视频文件的时候需要截取视频的一部分画面来供选择，作为视频的封面，截取画面可以使用canvas来实现，将视频画面画进canvas里，再通...

如果是单纯的想裁剪视频的话，微信小程序提供了一个非常便捷的API openVideoEditor 如果只是想获取视频的第一帧的话，可以参考我这个文章 从0开始的canvas...

目前web端的视频编辑器并不多，做的比较好的有剪映网页版cupcut（国外），clipchamp（国外），FlexClip（国内），无界云剪（video.h5ds.com）...

现有的前端视频帧提取主要是基于 canvas + video 标签的方式，在用户本地选取视频文件后，将本地文件转为 ObjectUrl 后设置到 video 标签的 src...

本文将介绍如何用 ffmpeg + canvas 写一个在线可视化音视频编辑工具: 如何用 canvas 实现一个视频轨道; 如何结合轨道、播放器和 ffmpeg, 实现视...

借助ffmpeg的wasm版本，可以实现本地网页处理视频、预览非mp4格式的视频等，最近用到了视频中分离音频、预览视频、截取分割等功能，简单记录下。 获取 ffmpeg.w...

一 什么是ffmpeg 是一款强大的视频处理工具，能够进行视频的转码、压缩、剪辑、滤镜、水印等等操作。 二 音视频基础知识（容器、编码、流） 2.1 容器 常见的视频格式有...

这篇文章主要记录了我探索纯前端实现实时的视频帧预览的过程，并且总结我是如何利用 WebAssembly，将 FFmpeg 的视频处理能力带到 Web 平台中的。 探索意味着...