拍照，抠图，分享屏幕，录制屏幕，虚拟背景，实时音视频通话，新开了一个专栏《WebRTC 从实战到未来！》

1. 背景知识 WebAssembly(以下简称 wasm）已经推出数年，很多优秀的开发者已经开始在他们的项目用用上wasm来提高密集运算下的代码性能，推荐阅读这篇文章来了解wasm是什么。 h265是什么？人们在音视频领域的不断探索得到了很好的反馈，两大视频标准制定组织ITU…

随着近些年直播技术的不断更新迭代，高画质、低带宽、低成本成为直播行业追求的重要目标之一，在这种背景下，H.264 标准已成为行业主流，而新一代的 HEVC（H.265）标准也正在直播领域被越来越广泛地采用。花椒直播一直在对 HEVC（H.265）进行研究、应用以及不断优化。 高…

随着视频编码技术的发展，相比H.264, H.265同等画质体积仅为一半、带宽占用省一半、画质更细腻等诸多优势。 但Web浏览器还不支持H.265的解码播放，因此本项目基于Web Assembly(封装FFmpeg)、JS解封装、Canvas投影以及AudioContext实现…

随着流量时代的到来和硬件技术的提升，越来越多的网站希望能在PC端或移动端播放自己的视频，而 <video>的兼容性的逐渐完善，使得开发者更愿意使用它来实现视频播放场景。 本篇文章主要罗列视频播放的通用场景及各场景下踩过的坑，希望能帮助开发者在遇到需求开发时能更快地选择合适的技术…

随着移动流量时代的到来，移动端的上网体验的优化，更多的视频播放场景和需求都会承载到移动端上，但是移动端的视频播放由于浏览器内核、系统等限制性导致视频在播放时表现不一，需要开发人员花时间精力去处理此类问题，希望这篇文章能对大家在移动端使用video标签时有帮助。如果有错误或不严谨…

之前的工作一直是在负责公司直播产品的网页前端开发，本文是对网页直播的一个总结。下面我会以直播协议为基础，以及各个协议在PC、H5（这里指手机网页）的表现来进行总结。 网页直播常用到的流媒体协议有RTMP、HDL(HTTP-FLV)、HLS这3种。 RTMP协议的延迟较低，一般都…

用了小半年的时间,在自己相对熟悉的音视频领域,采用函数式编程+状态管理的编程思路,写了一个简易但功能完备的 hls 播放器,算是对函数式编程有了一些理解和实践。 不管是面向对象还是函数式,十分重要的一点是关注点分离。对于一个关注点、功能点,面向对象主要是实现细节的封装，只对外提…

由于项目需要，我们要在web端实现录音功能。一开始，找到的方案有两个，一个是通过iframe，一个是html5的getUserMedia api。由于我们的录音功能不需要兼容IE浏览器，所以毫不犹豫的选择了html5提供的getUserMedia去实现。基本思路是参考了官方的a…