最近因为公司里的项目，当起了音视频开发工程师，开发webRTC直播视频减少播放延迟并搭建coturn服务器

由于目前浏览器不支持flash插件，使很多支持播放视频的插件， 如videojs等并不可使用 目前可以实现的RTSP的方法： 1.后端通过使用FFmpeg将RTSP视频转码。前端结合videojs插件

由于公司产品定制了devtools，而我们的产品又是作用于任意网站的，对于一些网站（例如科大讯飞）是不能打开devtools或者说打开后立刻关闭，所以这篇文章总结一下有哪些实用的方法可以监听到devt

这是我参与更文挑战的第8天，活动详情查看： 更文挑战 前言 我在上一篇文章简单实现了在canvas中移动矩形（点线面），不清楚的小伙伴请看我这篇文章：用canvas 实现矩形的移动（点、线、面）（1）

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

拖拽功能是前端开发里最常见的交互之一： 从 百度网盘的文件拖拽，到 Figma 的画布操作，都离不开拖拽能力。 很多人会觉得——拖拽不就是 mousedown + mousemove + mouseu

Canvas API 提供了一个通过 JavaScript 和 HTML 的 <canvas> 元素来绘制图形的方式，它可以用于动画、游戏画面、数据可视化、图片编辑等方面。

后端实时比对产生预警信息，前端通过WebSocket接收预警信息并播放音频。 首先需要知道 谷歌在 66 版本以后就不允许自动播放音视频及通过函数触发play() 进行播放。 提示表明 用户必须先于浏览器进行交互，就是说用户必须通过点击 移动鼠标 等操作，才能播放音视频。 规则…

Vue3+TS+Vite+element-plus如何完美二次封装axios 主要实现的功能有： Loading 动画：在请求发起时显示加载动画，结束时关闭。 防止重复请求：利用 CancelToke