codepen是一个在线的前端代码编辑运行的网站，支持前端现今的众多技术，比如babel，coffeescript， typescript， scss，less，stylus。可以用于在线展示demo或者代码。 codepen目前项目众多，其中也不乏很多优秀的作品，本期周刊将把…

工作需求：在浏览器网页上播放建筑工地摄像头监控的画面，如工地出入口通道画面、塔吊可视化，并且可兼容不同型号的摄像头设备。 思路非常清晰，下面开始实践。 首先是新建一个项目，配置基础的webpack和babel，并安装websocket相关的两个库 ws、websocket-st…

.rtmp、.rtsp、.flv、 .MP4、 .hls视频流测试地址 在线地址，你绝对值得拥用！！

最近项目中需要实时播放摄像头rtsp视频流，于是就专门做了些研究。而浏览器不能直接播放，只有通过插件或者转码来实现这个需求。 要实现这个目的，可以采用的方案非常得多，有商业的也有开源的，这里主要列举一些开源的方案。这里的方案都是我尝试过了的，有些成功，有些没成功。但是因为每个项…

本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。不是简单的官 Demo，会给你详细解释实践场景下的各种解决方案

@TOC 写在前面 vue项目在线下环境开发完成后，我们就需要项目的打包上线了，除了要知道打包命令npm run build 之外，我们还要知道项目整体文件依赖情况，web访问加载速度等概念，包括首屏

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收

前端八股文还是值得深入了解，系统巩固的基础。扎实的基本功还有利于跳槽涨薪的。小知识，大挑战！努力行动起来吧！

什么是 TypeScript？ 一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第21天，点击查看活动详情。 TypeScript，简称 ts，是微软开发的一种静态的编程语言，它是