音频视频
34篇文章 · 0订阅
  • 前端对视频自动抽帧生成预览轴，给一个URL即可
    最近出于个人兴趣，正在开发一个这样的视频剪辑器，等开发得差不多了，可能会开源出来。今天主要讲一讲下面轨道中的视频预览是如何实现的。 方案 获取视频时长，计算出轨道中的表示视频的这一个Item应该画多长
    Vue.js 动效 响应式编程
    前端对视频自动抽帧生成预览轴，给一个URL即可
  • 纯前端视频剪辑
    基于mp4box+WebCodecs API+mp4-muxer+opfs的纯前端视频剪辑方案，完整实现思路
    音视频开发
    纯前端视频剪辑
  • 不会才知道并不是所有的mp4视频都能被video标签播放吧？
    今天遇到个奇怪的bug，好好一个mp4视频在本地所有设备均可正常播放，但是上传至cos之后插入富文本，发现video标签只能识别出音频，并无视频。排查半天才找出问题所在，特此记录一下！ 原因 首先vi
    前端 JavaScript
  • 基于ffmpeg.wasm创建一个在线视频处理工具箱
    ffmpeg是一款强大的音频视频处理工具，使用非常广泛，几乎所有市面上常见的影音类 剪辑类软件都会集成该工具，同样视频翻译配音软件中也将其集成在内。
    FFmpeg
    基于ffmpeg.wasm创建一个在线视频处理工具箱
  • 意想不到🤠前端也可以生成视频缩略图
    相对于后端生成，前端生成缩略图的方案，在处理本地视频文件场景时还是比较合适，不需要将视频上传到服务器就可以获取到，因为视频资源就在本地，所以不需要把时间消耗在资源加载上。
    前端 音视频开发 Canvas
    意想不到🤠前端也可以生成视频缩略图
  • FFmpeg前端视频合成实践
    本文介绍的是一种基于FFmpeg + WebAssembly开发的视频合成能力，与社区既有的方案相比，此方案通过JSON来描述视频合成过程，可提高业务侧使用的便利性和灵活性，对应更多视频合成业务场景。
    FFmpeg
    FFmpeg前端视频合成实践
  • 下一代 Web 音视频技术会是什么样的
    前言 本人从事 Web 音视频行业五年了， 最近一年我都在研究如何提升 Web 上音视频处理能力，拓宽 Web 上音视频处理业务场景。到目前为止算是有一点方向和想法，写下此文与大家交流交流。
    音视频开发
  • Web 端 H265 wasm 软解入门
    H265软解简易流程是基于 c 调用 FFmpeg 的解码能力，封装打包成 wasm 供 js 调用；通过 js 将 H265 裸流传入给 c 进行消费解码，回调出的 yuv420p 数据使用
    WebAssembly WebRTC 音视频开发
  • 使用 WebCodec 在浏览器解码视频、抓帧截图、转GIF
    WebCodec 获取视频帧，比ffmpeg.wasm速度快太多了。用来做视频转GIF的工具简直飞起。但是转换过程也有很多坎坷。
    音视频开发
    使用 WebCodec 在浏览器解码视频、抓帧截图、转GIF
  • 视频基础和MP4容器解封装
    最近在研究基于移动端平台上使用视频做动画载体的方案，目前移动端平台使用动画的方案有：gif图、apng、webp、lottie、svga等，各有各的优势，也有相应的劣势，而使用视频做动画的目的，寻求的是完美还原设计师的设计特效外，同时性能达到极致。 在这个过程中，也积累了一些视…
    Objective-C