移动端背景视频的解决方案

2020-08-26 22:54:27 +08:00
 kinglisky

看个例子:

《三月的狮子》背景视频效果

水滴

业务中有碰到实现移动端背景视频的需求,踩了挺多坑的,安卓和微信 video 元素有各种奇奇怪怪的问题,最终采用的用的前端解码视频绘制到 canvas 实现的。

采坑经验有兴趣的可以看看:夏日花火,谈谈移动端背景视频实现

前端视频解码使用的是:jsmpeg,这个库挺老了,改了改做了一点二次封装,可以支持 npm 包和 Web Workers

地址在这: https://github.com/kinglisky/silent-film-player

有需要的小伙伴可以试试~

1280 次点击
所在节点    分享发现
1 条回复
justin2018
2020-08-27 10:34:35 +08:00
学习了 谢谢分享 😁

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/701736

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX