问题概览 使用jessibuca开源版通过ZLMediaKit播放海康rtsp流时，能感受到有6秒延迟，因此探究一下。 经过测试： 总结 所以延时敏感的情况下一般不开启B帧，这种情况下编码延时应该是毫秒级别，不是很大。 问题探究 官方文档定义 zlmediakit 修改config.ini配置文件，将[rtsp]的lowLatency=1，启用低延时模式 jessibuca
解决方案 解决方案有很多，以下介绍一种使用css滤镜的方案。 思路是计算目标色，然后用js计算出滤镜css，然后叠加css即可。 简单效果： 将hex颜色转换为css 来源：https://codepen.io/sosuke/pen/Pjoqqp 对应的JS代码：
解决方案，基于vite-plugin-svg-icons，做一些小的修改即可实现。 注意：网上下载的部分svg，需要手动清除svg文件内的fill属性，否则无法在外部修改颜色。 一、安装vite-plugin-svg-icons 安装vite-plugin-svg-icons并修改vite.config.ts如下： 二、新建SvgIcon.vue组件 三、使用方法 效果如下图：
WebGL上下文是从canvas标签中获取到的，通过canvas对象的getContext()函数可以获取WebGLRenderingContext。 跟据参数的不同，getContext()函数可以获取不同种类的渲染上下文。 当你调用 canvas.getContext('webgl') 时，返回的是一个 WebGLRenderingContext 对象。这个对象是 WebGL API 的核心接口，它提供了用于与 WebGL 进行交互的方法和属性。 一、基本使用 WebGLRenderingContext 对象的…