上一篇文章简单阐述了，在 H5 中，做直播需要哪些技术知识点，有哪些直播流协议和技术。通过对比，本篇主要聚焦于 RTMP 直播协议的相关内容，也就是说，本篇将会直接进行实际操作 Buffer 的练习和相关的学习。

写在最前 本次的分享是一个基于HTML5标签实现的一个自定义视频播放器。其中实现了播放暂停、进度拖拽、音量控制及全屏等功能。 欢迎关注我的博客，不定期更新中—— 效果预览 点我查看源码仓库。 核心思路 我相信一定会有些没有接触过制作自定义播放器的童鞋对于标签的认识会停留在此。 <…

1

公司的一款即时通讯web产品，之前设计的架构是聊天消息定期从IM服务器获取，这会导致如果用户刷新页面，会丢失最近的聊天对话消息。由于之前定时间隔在分钟级别，所以问题不是很明显。最近由于种种原因，消息同步间隔变长到小时级别，从而将消息丢失的问题凸显出来，工单不断。 设计思路 采用l…

今天来谈谈前端面试中基本上每次一面都会被问到的一个问题，那就是html5的新特性了。这个是学习前端必须掌握的基础知识。

企鹅电竞项目，直播和视频播放是其中的核心。面对着产品同学不断的询问：为什么h5的体验这么差？为什么不能和app的播放体验保持一致？我们对着h5不明确的文档和不同浏览器的怪异表现欲哭无泪。 经过一系列的调研爬坑，斩荆披棘，我们一步步提升了体验，做到了和app基本一致的体验。在摸索优化背后，我们也想把这些问题和解决方法总结下来，让其他同学做到直播的时候可以自豪的说，这就是我们的h5直播体验

HTML5 新增的历史记录 API 可以实现无刷新更改地址栏链接，配合 AJAX 可以做到无刷新跳转。

前言 HTML5 中提供的文件API在前端中有着丰富的应用，上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好，包括移动端，除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能，先要熟悉每个API。 FileList 对象和 file …