文章关键字 ‘视频’

node环境中使用fluent-ffmpeg每隔一秒视频截图

2024年04月22日,星期一

封面占位图,草泥马先生

后端这块只会Node.js的前端工程师如何实现每隔一两秒就获取一张小尺寸的视频截图的需求呢?

阅读全文…

使用JS快速获取video视频任意位置的缩略图

2024年01月15日,星期一

封面图,坠落的天使

其实获取视频的缩略图并不需要视频解码就能实现,方法就是其貌不扬的HTML video元素。

阅读全文…

使用JS提取视频中的音频资源

2023年12月24日,星期日

音频封面图

其实使用Web Audio API就能从视频中提取音频文件了,本文有演示页面,有实现代码,有详细讲解,值得一看。

阅读全文…

JS audio加图片序列或canvas转webM/MP4的实现

2023年05月21日,星期日

视频合成封面图

本文算是目前国内关于浏览器音视频合成,尤其WebCodecs API进行视频合成这块比较稀缺的内容了。

阅读全文…

ogv.js让iPhone支持webM视频解析播放

2021年07月24日,星期六

ogvjs与webm解码封面

在前端同行的提醒下,了解了下ogv.js解码webM视频,也就是使用canvas播放webM视频,可以让iOS,iPhone播放webM视频,但是,我的主要目的是解决Android原生video 视频层级问题的。

阅读全文…

JS视频解码JSMpeg和Broadway开箱测评

2021年04月25日,星期日

柠檬占位图

H5直播,Android视频播放层级,内置播放器等问题,可以看看本文介绍的两个JS项目,JSMpeg和Broadway,或许会有所帮助。

阅读全文…

腾讯开源的酷炫动画播放解决方案Vap初体验

2021年04月18日,星期日

腾讯vap

H5中希望有炫酷3D动效,但是3D WebGL实力不允许,可以试试使用本文要介绍的VAP,导出PNG图片序列,可以有高性能的炫酷动画效果,Android和iOS也可以使用。

阅读全文…

如何让MP4 video视频背景色变成透明?

2019年05月16日,星期四

mp4视频背景透明

有一些非常幸福的复杂动向,或者一些场景特效使用视频来实现是非常简单的,但是视频有一个严重的问题,那就是背景它不是透明的,无法跟底部图像很好的融合在一起,那有没有什么解决方法可以让它的背景变透明呢?

阅读全文…

从天猫某活动视频不必要的3次请求说起

2018年12月24日,星期一

天猫

我们在移动端做H5开发的时候,有时候会用到MP4视频,对于一些酷效果,是性价比最高的方式。然而,很多前端开发在使用这些视频的时候没有注意,或者根本就不知道视频的某些信息的位置会影响浏览器的请求个数,从而影响网页性能。

阅读全文…

HandBrake乃MP4免费压缩webm转换工具不二之选

2018年12月3日,星期一

HandBrake官网logo

HandBrake是视频处理的软件,开源,免费,而且对web视频呈现非常友好。对于我们开发者而言,用来进行MP4视频压缩可谓是不二之选,无需特别技巧便可直接将各类视频格式转换成MP4格式,可以指定帧率,画面质量,声音速率,以及画面大小来实现我们的压缩效果,极小尺寸,同时视频依旧高质量,运行稳定,非常推荐。

阅读全文…