Web前端如何实现录像功能?如何将canvas录制为视频?WebRTC有哪些功能?

申请媒体权限 1.getUserMedia MediaDevices.getUserMedia() 会提示用户给予使用媒体输入的许可,媒体输入会产生一个MediaStream,里面包含了请求的媒体类型的轨道。此流可以包含一个视频轨道(来自硬件或者虚拟视频源,比如相机、视频采集设备和屏幕共享服务等等)、一个音频轨道(同样来自硬件或虚拟音频源,比如麦克风、A/D 转换器等等),也可能是其他轨道类型。
Web前端如何实现录像功能?如何将canvas录制为视频?WebRTC有哪些功能?

Layui学习笔记,一起加油!

一、Layui Layui(谐音:类 UI) 是一套开源的 Web UI 解决方案,采用自身经典的模块化规范,并遵循原生 HTML/CSS/JS 的开发方式,极易上手,拿来即用。 二、记录 全局对象 layui,一切从它开始。 建立模块入口,并通过 layui.use() 方式来加载该入口文件,加载指定目录下的index.js文件内的模块。 <script> layui.config(
Layui学习笔记,一起加油!

如何用JS实现网页上通过鼠标移动批量选择元素?

简单说就是类似电脑桌面,通过鼠标选择多个图标的那种效果。如下: GIF 基本思路 监测外部容器的mousedown、mousemove、mouseup事件来进行选择判断,大致dom结构如下: <div class="test"> <!--鼠标移动时显示的选择框--> <div class="move"></div> <!-- 待选项 -->
如何用JS实现网页上通过鼠标移动批量选择元素?

WebRTC开发经验总结,持续记录

音频约束参数 volume 音量约束 sampleRate: 采样率 sampleSize: 采样大小,采样的位数 echoCancellation: 回音消除 autoGaincontrol: 增加音量 noiseSuppression: 降噪 latency : 延迟大小 channelCount: 切换声道 deviceID: 多个音频输入输出设备的进行切换 groupId: 同一个物理设备
WebRTC开发经验总结,持续记录

JS定时器清除之后,已经开始但是没有运行完的函数还会继续运行吗?

实践出真知 最近使用定时器的时候遇到这样一种情况,定时器清除了,功能仍然在跑(遍历数组,同步定时网络请求)。 排查了一下代码,发现逻辑确实没问题。后来一想,是不是函数没运行完,仍然在跑,于是上代码测试了一下: let timer = setInterval(async () => { console.log("开始") await new Promise((resolve) => {
JS定时器清除之后,已经开始但是没有运行完的函数还会继续运行吗?

前端Server-Sent Events、EventSource接口相关知识点总结,什么是EventSource?

严格地说,HTTP 协议无法做到服务器主动推送信息。但是,有一种变通方法,就是服务器向客户端声明,接下来要发送的是流信息(streaming)。 也就是说,发送的不是一次性的数据包,而是一个数据流,会连续不断地发送过来。这时,客户端不会关闭连接,会一直等着服务器发过来的新的数据流,视频播放就是这样的例子。本质上,这种通信就是以流信息的方式,完成一次用时很长的下载。 SSE ( Server-sen
前端Server-Sent Events、EventSource接口相关知识点总结,什么是EventSource?