用Divi模板、FFMPEG玩转首页视频背景

2018-09-16 约 1217 字 预计阅读 3 分钟

这几天看首页两张图有点腻了。准备上传一个小视频作为背景。

这个可能对网页速度有比较大的影响,不过这个网站本来就是要多经历事情“乾坤遍历”而设定的,所以测试一下也无妨。

随手在手机里找到一个视频,拍的是从新西兰著名的蒂卡普湖(Lake Tekapo)到瓦纳卡途中一段风景。

蒂卡普湖是南半球有名的观星圣地,今年4月份到该处半夜两点爬起来看到了满天繁星。可惜我的手机夜晚模式实在不行,没有照片留念了。

只是勾起了半夜胡诌的瘾:
月落银河挂九天,谁于风露立中宵。

如此星辰如此夜,虚名浮利俱可抛。

早上起来一看,怎么写的这么挫。改了重写
一捧白砂抹苍穹,万颗银棋嵌罗天。

似此星辰如昨年,只是当时不洒然。

唉,还是不怎么样。堆彻词句又不合韵。

这个是硬伤,我们这一代的教育,古文功底不要说跟红楼梦里比宝黛了,比之贾环都差的远。不过诌诗也就是触景生情抒发胸臆,自娱自乐也无所谓了。

回到主题。视频下载下来了。但是有一些杂声。

这就需要视频处理软件把声音去掉。好吧,安装免费且功能强大的ffmpeg。

Windows下可以装一个软件Winff。是将ffmpeg命令行做的可视化界面。

而我现在用linux系统Ubuntu了。需要运行下列命令安装ffmpeg
sudo add-apt-repository ppa:kirillshkrogalev/ffmpeg-next

sudo apt-get update

sudo apt-get install ffmpeg

好,ffmpeg装好了,我刚才下载的视频文件是1.mp4.那我继续运行:
ffmpeg -i \path\1.mp4

找到含有stream信息的几行。我这里是:
Stream #0:0(und): Audio: aac (LC) (mp4a / 0x6134706D), 48000 Hz, mono, fltp, 95 kb/s (default)
Metadata:
creation_time : 2018-04-22T22:10:00.000000Z
Stream #0:1(und): Video: h264 (High) (avc1 / 0x31637661), yuv420p, 960x540, 1803 kb/s, 30.22 fps, 30 tbr, 90k tbn, 58 tbc (default)
Metadata:
creation_time : 2018-04-22T22:10:00.000000Z

这样能看出来0:0道是音频,0:1道是视频,现在运行下列语句,就只将视频导入到新的文件2.mp4
ffmpeg -i \path\1.mp4 -map 0:1 -vcodec copy \path\2.mp4

好了,这个无声的视频产生了。

这个视频超过了2MB,超出了wordpress缺省的文件大小。

我们自己用scp命令将之传到服务器上
scp \path\2.mp4 yourusername@yourwebsite.com:/home/yourusername

再用ssh命令登录远程主机,将视频放在网站的根目录
ssh yourusername@yourwebsite.com

sudo mv 2.mp4 /var/www/yourwebsite.com

现在我们启动Divi更改homepage.将运用商业模板Divi打造漂亮博客帖里的FullWidth Slider更换为FullWidth Header模块



点开FullWidth Header设置。标题增加这么几句,(这几句忘了是啥背景下诌的)
绵绵默照渐入微,虚心实腹道不孤。

眼前光景无需问,万里山川尽在壶。

然后戏肉来了,就是选中背景那处,可以选视频,添加刚才的视频2.mp4

下面几行小字写的是手机浏览时自动屏蔽视频,这个符合现在网速不快的大背景。所以再放一张背景图片。

然后要到design那栏,将全屏打开。



好了,存盘感受一下。有点晕啊,当时拍这视频的速度太快了。

新来一个问题就解决一个问题。再google找到解决方案,来源fzheng.me

运行下列命令,将视频4倍慢速
ffmpeg -i 2.mp4 -vf "setpts=4*PTS" 21.mp4

视频大小一下子增加到4mb多。网页下载那实在太慢了。再用剪切命令截掉大半时间
ffmpeg -ss 00:00:06 -i 21.mp4 -to 00:00:16 -c copy -copyts 22.mp4

这样22.mp4不到2mb。好,上传测试。

大功告成 :-)

到Pingdom测试一下,貌似网速也没有受到多大影响。



 

 

author

Jesse Lau

网名遁去的一,简称遁一。2012年定居新西兰至今,自由职业者。
本文采用知识共享署名 4.0 国际许可协议进行许可。简而言之,可随意转发转载,转载请注明出处。


留点评论吧:

本网站使用cookie技术以提高用户体验度。 了解我们的隐私政策 我已了解