微信H5专属 – Canvas Video 视频播放器 (更新)

2017-08-09 更新: 我们近期在 TCI 斗品膳集团的官网网站设计上使用了 Canvas 视频的技术、再通过自己的修改作出了全屏 Canvas 视频自动播放。通过手机观看 TCI 的官网可以看到我们如何利用该技术。 TCI 斗品膳官方网站 *Canvas 视频播放可以完美的播放在微信或 IOS Safari 里面,但是在一般的 PC 端有点问题,所以我们只有在手机端才使用 Canvas 的技术,请切记。 — 最近作了一系列的微信 H5网页探索发现目前的设计趋势走向 360, VR, 全屏视频, 互动. 各大品牌都推出了响当当的作品. 然后才发现这些复杂的特效都是用 Canvas 所开发出来的. Canvas 不简单, 我多次想学习但因为基于 Javascript 不够强 (多半学 JQuery), 所以没有太多 Canvas 的作品. 这是在搜索的时候找到的其他人案例作

详情...

Google Map – 在国内使用 & 更换主题颜色

制作网站的时候时常需要用到地图来显示店面地址. 尤其国内的连锁店会分布不同的城市里面. 百度地图虽然有好的 API 但是整体来讲没有 google 地图强大, 而且本身用了好几年的 google 地图, 也比较上手. 但是, 如何在国内使用 Google Map 呢? 很简单. 在读取 Javascript 的时候, 改成下面的 url: <script src=”http://ditu.google.cn/maps/api/js?sensor=true&language=zh-CN”></script> ditu.google.cn 是专门给国内使用的. 麻烦的是, 国外如果浏览这个 url, 也会降低读取的速度. 地图的默认语言为英文, 如果要改变语言的话 (中文), 在 url 后面要加上 &language=zh-CN. 之后就可以用所有的

详情...