来自三十岁的日志

今年三十岁了。 大概希望自己明白,“幸福”的定义。 大概那个时候,自己能够在一个足够大的平台工作着,谈不上多棒的工作,但每每回顾起来,至少明白幸福其实也就那么简单。有经历过无数次纠结,无数次错误,不过没能想之前,因为 I am the one. And trus all you guys. 发现和朋友谈论的话题更多的开始是 生活。虽然琐事很多,但是还好, 详情 »

使用 JS 直接截取 视频片段 生成 gif 动画

最近大家对这个表情 非常熟悉。 最近看到 张大大 《纯前端实现可传图可字幕台词定制的GIF表情生成器》 写的关于 前端做 GIF 的文章。由于最近也一直接触的视频,所以就干脆直接再进一步,以后直接通过一个库快速生成 gif 。 直接放参考 DEMO 效果 实现原理 其实相对而言,也是利用了一个核心库 gif.js, 它可以直接将传入 canvas 对象实现截图然后保存为最后 blob 对象。 详情 »

使用 mediaSession 实现媒体播放的通知栏控制

Chrome 在其移动版本的 57 开始后 支持了一个的 新的 API mediasession。(目前桌面版本浏览器不支持) 它能够做什么呢? 你可以通过提供自定义的 metadata 信息来设置通知栏的效果。 我们以音频为例的话,差不多是你可以在播放音乐的时候你可以设置锁屏或者通知栏上的效果: 1: 默认播放 2:通知栏 3: 锁屏 我们看小具体的代码: if ('mediaSession' in navigator) 详情 »

Chrome 新的自动播放策略

最近看 来自 Chrome 团队在 IO 2018上的 分享 《Build awesome media experiences on the web》 。大概主要是说关于 音视频在 Chrome 上的更新。其中业务团队需要及时关注新的 自动播放策略,虽然在去年9月份 Chrome 团队就更新了博客 《Autoplay Policy Changes》 详情 »

五月天

初夏 翻过四月,还记得4月初还下过雪,五月初短袖已经满大街都是了,毕竟这是属于夏天的时节。其实夏天,打小就不喜欢,毕竟热的非常难受,直到大二那个暑假,经历了长沙持续45天的高温后,似乎都温度依然没有那么敏感的直觉,在 30 度的傍晚打过球,在35度的晌午骑过车。已是五月天,May the force be with u. 机遇 上周五 XJ 哥离职, 详情 »

FFmpeg 比较实用的命令

ffmpeg 是一款非常强大的音视频处理工具,它可以完成对视频的编码,解码以及整合等等功能。它有着强大的命令行操作选项,下面罗列一下非常使用的命令,方便大家处理视频(不依赖Adobe Premiere 等比较复杂软件)。 截取分帧的图片 ffmpeg -i video.mp4 thumb%04d.jpg -hide_banner 获取某一帧的图片 ffmpeg -i video.mp4 -ss 详情 »

随笔-20180423

很久没写了,大概这期间穿插很多小事情。 反寒 头一次经历北方四月飞雪的天气,作为一个南方人看见雪花似乎已经没了那么多惊喜感,反而这次只能大声惊叹: 斯可矣! 到了北方这么久,也算是各种天气都经历了,经历过四月的沙城暴,经历过七月的大暴雨,经历过12月不见阳光的雾霾,这一次也算人生的另一种经历吧。虽然还是会冷,但是毕竟春天还是会来的。 复杂情绪 由于某厂的四月份要求,部分人会开始想着自己的职业发展,于是乎离职在这个月份久特别的多,看着一些之前的小伙伴陆续离开,也确实不是滋味。前些天 娜姐答应了去爱奇艺的 Offer ,虽然说她觉得面试不咋好,但还是回去了。 详情 »

引入 Brotli 进行 Web Server的压缩

目前我们大多数网站都是启用的 gzip 来进行 资源传输的压缩,这有利于我们更加快速的访问我们的网站;但是除了 gzip 外,我们或许还有别的选项,而且性能会更好,比如 Facebook 便是启用的 Brotli 算法; Brotli Brotli 最初发布于2015年,用于网络字体的离线压缩。Google软件工程师在2015年9月发布了包含通用无损数据压缩的Brotli增强版本,特别侧重于HTTP压缩。新版本还展现了跨平台的性能改进,以及减少解码所需的内存。 与常见的通用压缩算法不同,Brotli使用一个预定义的120千字节字典。该字典包含超过13000个常用单词、 详情 »

修复 IE8 webpack 兼容性的问题

由于需要支持 IE8 ,因此我们直接使用 babel 转换出来的 es5 代码在 IE8 上并不能很好的运行,而且修复这个问题会让大家 头痛 ヽ(`Д´)ノ。 大概这里简单说下解决问题的一些关键方法吧。 es3ify-loader es3ify-loader 大概是第一个让你看到希望的。你需要在 postLoaders 或者放在 babel 转换前。 module: { loaders: [ { test: 详情 »

随笔-20180401

已经是四月天~ 三月中,荣妈离职,小侄女一直叫荣儿,也不知道为什么想起这么叫,大概老是会说,散场似乎就这么来了,三四月份尤其严重,大概流动性就是这样。 月底放量,想起了去年的九月下旬,每一步都不容易,不过成就感还是会有些,算是近几个月付出的回报,从去年下半年到今年年初这几个月,一直都有接触些以前没有接触的内容,谈不上技术多么的深入,对于新鲜事物还保持着好奇心,保持着热度,不知道算不算一个优点~ 前些天和某些朋友聊起了 VR, 大概对于这块领域而言,自己的认知还停留在 游戏 活着 详情 »