首页 > 网站 > WEB开发 > 正文

移动开发之用视频做背景

2024-04-27 14:21:46
字体:
来源:转载
供稿:网友

移动开发之用视频做背景

以前只听说过用图片做背景,没有听说过用视频还可以做背景的。这不,前几天就真有这样的需求。于是急忙在网上查资料,发现国外还真有这么玩的。

现在摘过来给大伙参考一下,说不定还真会有用得着的时候呢。

先裁图预览一下结果:

图上的视频是从w3c 上下载的,非常小的一段mp4,然后用canvas 写了一句话: Animation over video !

这句话是浮在视频之上的,而且视频播放,文字会动,视频暂停,文字也暂停,做到浑然一体的感觉。

有兴趣的可以去这里下载源文件:https://github.com/bjtqti/xxt/tree/master/canvas-video

我只在ipad,pc 上做了测试,安卓上对video支持不太好,暂时放弃了。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表