• 背景

    自2003年以来,H.264一直是最先进并被最广泛部署的视频压缩格式,也催生了HDTV、蓝光DVD、互联网视频网站(如YouTube,Twitch)等许许多多成功的商业产品。但是目前基于H.264协议的编码器已经达到了它们压缩性能的极限。特别是对于高清分辨率(1080p60)游戏内容的实时编码,这些编码器已经江郎才尽,耗尽了所有可挖掘的技术潜力。然而与此同时,新涌现出的下一代视频标准,VP9,HEVC和AV1。本文主要介绍VP9相对H.264对比的可实施性。

    概念

    具体可以查看wiki

    浏览器支持程度以及覆盖范围

    safas5

    许多浏览器都支持VP9视频格式,图中可以看出Chrome和Firefox

  • hurujihuruji/blog· 5 天前

    lerna 作为多个包依赖的管理解决方案,确实解决了很多痛点,我目前在工作和生活中已经大量使用了lerna,但同时也会遇到一些问题,发布失败后的问题是遇到比较频繁的问题,因此记录一下

    lerna publish 主要做了以下几件事:

    • 检查从上一个 git tag 之后是否有提交,没有提交就会显示 No changed packages to publish 的信息,然后退出

    • 检查依赖了修改过的包的包,并更新依赖信息

    • 提交相应版本的 git tag

    • 发布修改的包及依赖它们的包

    看上去非常理想,但是使用起来可能很蛋疼,往往出问题的可能就是最后一步,发布包的问题,有可能你的网络情

  • BlackHole1alo7/blog-FE· 5 天前

    介绍

    当我们使用getUserMediaMediaRecorder等API生成的webm视频时,会发现最终的webm是无法拖动进度条的。除非使用FFmpeg把webm转成其他格式的视频文件,或者等webm视频播放完后,就可以拖动了。

    分析

    经过几个小时的排查,发现并不是MediaRecorder使用有问题,因为在网上找的其他demo生成的webm也都不行。

    一开始把分析点放在了进度条那里,结果在网上没有搜到任何相关文章,尝试了各种关键词都不行。

    后来想到,可以使用FFmpeg来对视频文件进行分析。于是使用ffprobe rebirth-demo.webm命令进行分析:

    $ ffprobe r
  • 翻译自:How to Read the ECMAScript Specification

    Ecmascript 语言规范 The ECMAScript Language specification(又名:Javascript 规范 the JavaScript specificationECMA-262)是学习 JavaScript 底层工作原理的非常好的资源。 然而,这是一个庞大的专业文本资料,咋一眼看过去,大家可能会感到迷茫、恐惧,满怀激情却无从下手。

    前言

    不管你是打算每天阅读一点 ECMAScript 规范,还是把它当成一个年度或者季度的目标,这篇文章旨在让你更轻松的开始阅

  • 什么是 PWA

    Progressive Web App, 简称 PWA,是「渐进式」提升 Web App 体验的一种新方法,能给用户类似原生应用的体验。

    「高可靠,高性能,优体验」是 PWA 惯用的形容词,他的另外一个优点就是「渐进式」,开发者可以对照 PWA Checklist 逐步对自己站点进行 PWA 化升级。

    PWA 的发展史

    2007

    苹果前 CEO,Steve Jobs,2007 年 WWDC 上提出了为初代 iPhone 开发应用的概念,当时所介绍的,就是 Web App——可以从主屏直接启动的 Web 应用。


    图片来源 appleinsider.com

    可惜当时这个理念太过