缘由没啥别的理由，就是闲的。最近又开始写小程序了，不过心态不太一样了，因为其实大家都是js。你不能总是觉得小程序low，其实人家的思维逻辑都是互通的。今天把一些性能优化的解决方案拿出来分享下。能比较有

老生常谈的东西：js获取video首帧，一直都知道大概怎么做，但也是第一次实践，往往这种东西都是深坑一般的存在。 首先有一个东西，就是canvas。它的上面有一个getContext方法，这个方法获得一个绘图上下文，并且可以开始绘制。canvas还有一个方法就是drawImag…

临时接手一个即将上线的公司项目，纯H5活动页，内容不多，但对还原度和各机型兼容性（尤其是Android机型）有极高要求。涉及的问题很多，这里重点说下在H5中Video的一系列坑。插个技术选型问题，不复杂的活动页建议使用jquery技术栈，而不是使用vue和reactjs等。后者…

Web 开发者们一直以来想在 Web 中使用音频和视频，但早些时候，传统的 Web 技术不能够在 Web 中嵌入音频和视频，所以一些像 Flash、Silverlight 的专利技术在处理这些内容上变得很受欢迎。 这些技术能够正常的工作，但是却有着一系列的问题，包括无法很好的支…

移动端浏览器中的video元素是比较特别的，早期无论是在iOS还是Android的浏览器中，它都位于页面的最顶层，无法被遮盖。后来这个问题在iOS下得到了解决，但是Android的浏览器则问题依旧。X5是腾讯基于Webkit开发的渲染引擎，它提供了一种名叫「同层播放器」的特殊v…

4月18日性能优化面面观专题会议上，腾讯研发总监王辉以“十亿级视频播放技术优化揭秘”为主题，用QQ空间的日均播放量一年内从千万级突破到十亿级所面临的严峻考验为切入点，为大家分享视频团队在视频组件的整体架构、优化效果衡量、带宽优化、秒开优化、缓冲优化、成功率优化等六个方面的技术实…

对于视频的在线播放，按视频内容的实时性可以分为点播（VOD）和直播（Live Streaming）。现如今在 Web 环境下需要进行视频播放时，通常可以使用 video 标签，通过它将视频播放的各个环节都托管给浏览器。 视频的在线播放，站在视频消费者这一侧来看，主要的技术环节在…

最近在项目中遇到需要视频直播、视频回放等需求，在实现过程中也碰到了很多坑，因此在这里记录一下调研过程中遇到的解决方案。 可以将不同速率的版本切成相应的片；播放器可以直接使用http协议请求流数据。 延迟大小受切片大小影响，不适合直播，适合视频点播。 实时性差，延迟高。HLS 的…

在以往的项目中，只要有视频的存在，那么就会是个让人费神的项目。且不说对它的适配兼容问题，只说它的加载问题就能说上半天了。本文作者从视频预加载的各种方法入手，讨论了如何让视频播放速度更快的解决办法。 众所周知，如果你的视频可以更快的播放意味着会有更多的人观看。在本文中，让我们一起…