平时项目中视频播放用的不多，以至于前段时间h5婚礼邀请函视频部分，微信中一直去除不了微信播放器控件，导致视频播放结束甚至还有广告产生。以为要设置域名白名单，腾讯相关域名才能解决这个问题。为此，之前还写了一篇文章“移动端video视频播放的痛”，用把视频转为canvas，但是没有效果！最近公司项目中用到了视频直播技术，HLS、webRTC 等我后面再写相关文章，我研究了一下微信中分享的直播，他们的直播都是没有视频播放器的，而且div可以直接覆盖在视频之上。那这是如何做到的呢？ 经过研究终于解决了这个问题！其实这个很简单，只是之前不知道罢了！
object-fit是一个css3属性，可以让图片或者视频适应外部容器。目前这个属性除了IE浏览器以外，其他主流浏览器都支持。 属性如下：
今天说一说ES6的Set对象和Map对象。以及这两个对象的应用。目前主流浏览器（chrome32、IE11、Safari7.1以及 Firefox 13以上）都对这2个对象做了基本的支持。因此，和css3一样，es6慢慢走进了前端开发的舞台，未来，我们可以不用再利用Babel对ES6语法进行编译就可以直接支持es6语法了。
Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。
前几天，看到张鑫旭大神写了一篇关于离线缓存的技术的文章。我正好前段时间也用到了html5的manifest，虽然不是什么新的技术，但是感觉和张大神理解的有点偏差。张大神说html5 manifest要前后端配合使用。其实，目前html5 manifest也可以纯前端开发，不需要后端和服务器端的配合。
之前的写法是
<html lang="en" manifest="haorooms.manifest">我前面有不少关于canvas的文章，其中最近一篇是关于canvas绘制video，其实canvas的功能还有很多，我们还可以利用canvas来过滤视频纯色背景，还可以获取图片背景颜色。这里用到了canvas的一个ImageData 对象，今天就介绍一下canvas的ImageData 对象及其应用！
ImageData对象中存储着canvas对象真实的像素数据，它包含以下几个只读属性：
关于Promise 对象，阮一峰大神在Es6入门中写过，这里就不再累赘了！大家可以在本文底部，点击查看Promise 文档。其实Promise 最早是源于社区，jquery的deferred对象，也有类似Promise的实现。我之前在判断文章中所有图片是否加载完成一文中有所提及！今天主要讲讲Promise及Async/Await的一些应用。