麦子的博客

1392b2da79a7da20ae679e815d65e13d2922d55df2f416ee7782665fe8539a175bc35750b34df30ee5711a6ee5b21ecc2d66afcb99e1d67a883ab88dde0f4276399b33bd65a38498d5582ec0fc80371c576d633bdd470f3d10f163814daf92dc249a907fbe7fb1843a5431f53eb83e91f34a4adf5221d98f18e27d2ddad990cafc0108ca314826c6c9d3193997bcacc4ca3ee8b37058ce1911e7f7be6e20286d005ff461258b55296d22ccb0b72fd047aec1e5bab59aadeef61e3ea56887a2e2a49cc6cc3d11b81718c08717a10bc05a2d4ae0e0ab7753321214a9b77a9937b8ab2ebd4128761abc5a26e1a6dc0dfa1d69d240bc5a3e233e2 ...

1392b2da79a7da20ae679e815d65e13d2922d55df2f416ee7782665fe8539a175bc35750b34df30ee5711a6ee5b21ecc2d66afcb99e1d67a883ab88dde0f4276399b33bd65a38498d5582ec0fc80371c576d633bdd470f3d10f163814daf92dc249a907fbe7fb1843a5431f53eb83e91f34a4adf5221d98f18e27d2ddad990cafc0108ca314826c6c9d3193997bcacc4ca3ee8b37058ce1911e7f7be6e20286d005ff461258b55296d22ccb0b72fd047aec1e5bab59aadeef61e3ea56887a2e2a49cc6cc3d11b81718c08717a10bc05a2d4ae0e0ab7753321214a9b77a9937b8ab2ebd4128761abc5a26e1a6dc0dfa1d69d240bc5a3e233e2 ...

多视角监控回放页面实现背景在实际工作中，我们经常需要对监控视频进行回放，但是通常只有一个视角的视频，无法满足实际需求。因此，我们需要实现一个多视角监控回放页面，支持同时播放多个视角的视频。 需求 支持同时播放多个视角的视频 支持视频的暂停、播放操作 支持视频的倍速播放 支持视频的拖动播放 支持视频的音量调节 支持时间轴标记 支持视频的截图 支持视频的全屏播放 技术栈 Vue 3 TypeScript flv.js TailwindCSS 核心组件实现视频播放器12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412 ...

CentOS 7 重置密码一年前安装的CentOS 7,忘记了登录密码,现在重置一下. 进入单用户模式修改密码1234567891011121314# 重启电脑,在启动选选择页面按 e 进入编辑模式# 修改 `ro crashkernel=auto`, 替换为 `rw init=/sysroot/bin/sh crashkernel=auto`# 按 Ctrl + x 进入单用户模式# 输入命令chroot /sysroot# 输入命令 `passwd 用户名`passwd william# 输入新密码# 输入新密码# 假如`/.autorelabel`文件存在,则系统重启时就会对整个系统进行重新标记,达到覆盖密码的目的.touch /.autorelabel# 重启exitreboot

vite项目发版后自动清理缓存打包时自动更新版本号插件1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586import ChildProcess from "child_process";import path from "path";import fsPromises from "fs/promises";import type { Plugin } from "vite";import { promisify } from "util";async function execGit(gitWorkTree: string | undefined, cmd: string) & ...

JS MediaStream格式转换背景在 Web 应用开发中，实时音频通信越来越普遍，比如在线语音聊天、实时音频直播等场景。Opus 作为一种高效的音频编码格式，以其出色的音质和较低的带宽消耗，成为了众多音频应用的首选编码方案。本文将深入探讨如何使用 JavaScript 在浏览器中实现音频流的 Opus 编码数据传输，让你能够快速将这一技术集成到自己的 Web 项目中。 Opus 编码简介Opus 是一种完全开放、免专利费的音频编码格式，由互联网工程任务组（IETF）开发。它可以在非常低的比特率下，提供高质量的音频，适用于从语音到全带宽音频的各种应用场景。相较于其他音频编码格式，Opus 在编码效率和音质之间达到了很好的平衡，因此被广泛应用于实时通信、音频录制和流媒体传输等领域。 实现步骤1. 编写一个一个简单的音频流传输服务首先，我们需要一个简单的音频流传输服务，用于模拟音频数据的传输过程。在这个例子中，我们将使用 WebSocket 来实现音频流的传输。 12345678910111213141516171819202122232425262728293031323334353 ...

1392b2da79a7da20ae679e815d65e13d2922d55df2f416ee7782665fe8539a175bc35750b34df30ee5711a6ee5b21ecc2d66afcb99e1d67a883ab88dde0f4276399b33bd65a38498d5582ec0fc80371c576d633bdd470f3d10f163814daf92dc249a907fbe7fb1843a5431f53eb83e91f34a4adf5221d98f18e27d2ddad990cafc0108ca314826c6c9d3193997bcacc4ca3ee8b37058ce1911e7f7be6e20286d005ff461258b55296d22ccb0b72fd047aec1e5bab59aadeef61e3ea56887a2e2a49cc6cc3d11b81718c08717a10bc05a2d4ae0e0ab7753321214a9b77a9937b8ab2ebd4128761abc5a26e1a6dc0dfa1d69d240bc5a3e233e2 ...

封装 websocket创建websocket类 你是一个软件研发助理,你可以根据我提供的需求描述为我生成高质量的代码.代码风格和性能优秀,达到工程线上使用要求.请使用 typescript 语言,帮助封装一个 websocket 类,这个类需要有心跳检测,并支持断开重连功能,还需要对外开放消息监听事件,支持添加多个监听函数,移除监听函数. 123456789101112131415161718192021222324252627嗯，用户让我用TypeScript封装一个WebSocket类，需要有心跳检测、断开重连，还要支持消息监听和多个监听函数的添加移除。首先，我得理清楚这些功能点该怎么实现。首先，心跳检测。通常的做法是定时发送一个ping消息，如果对方没有响应pong，就判断为断开。所以需要两个定时器，一个用于定期发送心跳，另一个检测是否超时。如果超时了，就触发重连。然后是断开重连。当连接关闭或出错时，应该尝试重新连接。这里需要设置一个重连的间隔，可能还要有最大重试次数，避免无限重连。重连的时候可能需要指数退避算法，但用户没特别说明，先简单用固定间隔吧。消息监听部分，需要维护一 ...

TypeScript+leafletjs 自定义 MarkerLeaflet 的 Marker 类通常是通过扩展 L.Marker 来实现的，要支持角度设置，关键点在于如何让 Marker 的图标能够旋转。在 Leaflet 中，可以通过修改图标的 CSS 属性来实现旋转。因此，自定义的 arker 类需要有一个设置角度的方法，并在内部更新图标的样式。以下是一个示例代码，展示了如何创建一个支持角度设置的 Marker 类(大部分代码来自于 deepseek R1)： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879import type { MarkerOptions, Point, LatLngExpression } from 'leaflet'import * as L from 'l ...

1. 构建镜像可以通过dockerfile文件构建镜像 123456789101112131415161718192021# 使用 Node.js 16 作为基础镜像FROM node:16.14.2# 将当前工作目录设置为/appWORKDIR /app# 将 package.json 和 package-lock.json 复制到 /app 目录下COPY package*.json ./# 运行 npm install 安装依赖RUN yarn config set registry https://registry.npmmirror.com/RUN yarn install# 将源代码复制到 /app 目录下COPY . .# 打包构建RUN yarn build# 将构建后的代码复制到 nginx 镜像中FROM nginx:latestCOPY --from=0 /app/index.html /usr/share/nginx/html# 复制自定义的Nginx配置到镜像中，覆盖默认配置COPY nginx.conf /etc/nginx/conf.d/default.c ...