大武口网站建设,上海企业建站方案,怎样在国外网站上做宣传,张店网站推广怎么在网页端插入透明视频呢#xff0c;之前在做Web3D项目时#xff0c;使用threejs可以使绿幕视频透明显示在三维场景中#xff0c;但是在网页端怎么让绿幕视频透明显示呢#xff1f; 如图上图#xff0c;视频背景遮挡住后面网页内容
想要如下图效果 之前有使用过ffmpeg…怎么在网页端插入透明视频呢之前在做Web3D项目时使用threejs可以使绿幕视频透明显示在三维场景中但是在网页端怎么让绿幕视频透明显示呢 如图上图视频背景遮挡住后面网页内容
想要如下图效果 之前有使用过ffmpeg发现它可以扣掉绿幕然后导出透明背景的webm视频格式执行命令如下
ffmpeg -i video.mp4 -filter_complex [0:v]colorkey0x87231a:0.1:0.1[ckout] -map [ckout] -map 0:a -c:v libvpx-vp9 -b:v 2M -c:a libvorbis output.webm
其中最重要的是 -filter_complex [0:v]colorkey0x87231a:0.1:0.1[ckout] 中 0x87231a 色值它是是绿幕视频背景的RGB值具体可以换成你自己的绿幕值。
引用如下
video idvideosource src./output.webm typevideo/webmp您的浏览器不支持内嵌视频请升级至最新版或者使用其他浏览器观看。/p
/video
ffmpeg的安装使用及其他参数可到我的另一篇文章里查看FFmpeg视频切片 注释案例中绿幕视频来源于网络下载学习使用这里如有侵权联系我删除~
