wn244的个人博客

GET123456789101112131415161718192021222324252627282930//object类型参数转为地址栏参数function formatParams(url, data) { return `${url}?${Object.keys(data) .map((e) => { if (data[e] !== "" && data[e] !== null && data[e] !== undefined) { return `${e}=${data[e]}`; } else { return null; } }) .filter((e) => { r ...

公司项目中需要在网页上播放摄像头的监控视频，后端将普通视频监控的rtsp视频流转换成flv的视频流，然后发到前端，在页面中通过flv.js进行播放。实际使用中，因为还需要通过按钮对摄像仪的转向和对焦进行实时控制，因此需要降低延迟，一方面后端需要更新转换工具，以便于实现对各类摄像头的兼容和降低延迟，另一方面前端也需要研究一下如何降低延迟，这篇文章就是记录一下这个过程。 延迟的成因要降低延迟，首先就要先研究为什么会出现延迟，然后再从延迟的成因出发，想办法去减少延迟的出现。 一个视频流从采集、编码到解码、播放总共经历了很长的一段链路，在这个过程中主要有三方：摄像头、服务器、客户端。 摄像头：负责音视频的采集、编码和推流 服务器：负责音视频的收集、转码和分发 客服端：负责音视频的拉流、解码和播放 flv.js销毁问题 1234567function close() { this.flvPlayer.destroy() this.flvPlayer.pause() this.flvPlayer.unload() this.flvplayer.detachMediaEle ...

创建项目123yarn create-react-app my-app --template typescript//ornpx create-react-app my-app --template typescript React.Component12345//index.jsimport React from "react";import { createRoot } from "react-dom/client";

初始化创建项目1234yarn create hellocd helloyarnyarn dev 修改vite配置文件12345678910111213141516171819202122232425import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import {resolve} from 'path' //找不到模块，就：yarn add @types/node --dev// https://vitejs.dev/config/export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': resolve(__dirname, 'src') //在设置路径时把'@'指向'src'目 ...

Docker 属于 Linux 容器的一种封装，提供简单易用的容器使用接口。它是目前最流行的 Linux 容器解决方案。 Docker 将应用程序与该程序的依赖，打包在一个文件里面。运行这个文件，就会生成一个虚拟容器。程序在这个虚拟容器里运行，就好像在真实的物理机上运行一样。有了 Docker，就不用担心环境问题。 总体来说，Docker 的接口相当简单，用户可以方便地创建和使用容器，把自己的应用放入容器。容器还可以进行版本管理、复制、分享、修改，就像管理普通的代码一样。 Docker 的主要用途，目前有三大类。 （1）提供一次性的环境。比如，本地测试他人的软件、持续集成的时候提供单元测试和构建的环境。 （2）提供弹性的云服务。因为 Docker 容器可以随开随关，很适合动态扩容和缩容。 （3）组建微服务架构。通过多个容器，一台机器可以跑多个服务，因此在本机就可以模拟出微服务架构。 基本使用拉取镜像1docker pull 镜像名 运行镜像1docker run -d 镜像名 查看本地镜像12docker images # 查看本地所有的镜像docker images –q # ...

报错信息 1Syntax Error: Error: Node Sass version 7.0.1 is incompatible with ^4.0.0. 就是说node-sass和node的版本不兼容 node-sass - npm (npmjs.com) 在上面的地址中，可以查找到版本对应信息，根据自己的node版本去安装相应版本的node-sass。 123456//node版本查询，在cmd中输入node -v//node-sass安装前需要先卸载当前版本的node-sassnode uninstall node-sass //卸载npm install node-sass@版本 //安装 如果安装完了之后还是报错，类似下面这种 1Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0. 说明sass-loader的版本可能也不对，需要去试一下哪个版本可以运行。 12node uninstall sass-loader //卸载npm install sass-loader@版本 --save-dev ...

这个问题是在工作中发现的，其实也是个比较常见的问题，问题出现的情况是这样的： 带选择框的主要页面代码是这样的 123456//html<el-select v-model="selectValue['id_' + current]" placeholder="请选择选项"> <el-option v-for="item in list" :key="item.id" :label="item.label" :value="item.id"> {{item.label}} </el-option></el-select> 12345678//vue-datadata: function() { retun { current: 0, selectValue: { } ...

最近电脑的type-c扩展坞突然不正常了，原来hdmi接口可以正常使用，最近hdmi接口连上屏幕之后，什么东西都不显示。 最开始我以为是我的扩展坞坏了，就买了一个新的，发现新的也不行，也用了同事的扩展坞试了一下，他的扩展坞在他电脑上是可以正常使用的，我的电脑用了之后还是不能显示。 初步定位就是我电脑的问题，然后我就上网搜了一些，然后发现了有人有同样的问题，并且还有解决方案，所以就记录一下，方便以后有问题了查询。 总结来说，就是电脑里面有静电，然后释放不出去，所以导致这个情况的发生。 解决方案：把电脑关机，然后把所有的外接线都拔下来，包括充电器，然后长按开机键30s，把电脑里面的静电释放出来，然后再开机，扩展坞就可以正常使用了，hdmi接口也可以正常显示了。

core-js@2.6.12: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js. 核心-js@2.6.12：core ...