摘要: 拖动 range, 查看压缩效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0 阅读全文
posted @ 2024-04-24 00:02 _clai 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 大文件多线程切片并发上传 技术使用: File.slice FileReader spark-md5 web worker <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" c 阅读全文
posted @ 2024-04-19 23:07 _clai 阅读(2) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>捕获视频帧 阅读全文
posted @ 2024-04-16 19:09 _clai 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 下载m3u8分片 合并分片 使用 ffmpeg 转为 mp4 文件 技术使用: Bun + ffmpeg 使用 fetch 请求 .m3u8 分片文件 使用 Bun.write 保存每个分片 使用 Bun.file().writer 创建增量写入 writer: FileSink 循环读取 Bun. 阅读全文
posted @ 2024-04-16 10:54 _clai 阅读(4) 评论(0) 推荐(0) 编辑
摘要: API使用: MediaSource + SourceBuffer http Range seek进度跳转 client.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewpor 阅读全文
posted @ 2024-04-14 23:34 _clai 阅读(4) 评论(0) 推荐(0) 编辑
摘要: Range Range 范围请求,允许服务器只发送 HTTP 消息的一部分到客户端。Range 可以一次性请求多个部分,请求范围用一个逗号分隔开,服务器会以 multipart/byteranges 文件的形式将其返回。如果服务器返回的是范围响应,需要使用 206 Partial Content 状 阅读全文
posted @ 2024-04-13 23:46 _clai 阅读(2) 评论(0) 推荐(0) 编辑
摘要: API、第三方库使用 getDisplayMedia + MediaRecorder + @ozean/set-webm-duration <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="vie 阅读全文
posted @ 2024-04-12 22:56 _clai 阅读(3) 评论(0) 推荐(0) 编辑
摘要: scrollbar-* <ul> <li>Lorem ipsum dolor sit amet.</li> <li>Numquam magni beatae aspernatur saepe.</li> <li>Corrupti eius exercitationem libero quasi!</ 阅读全文
posted @ 2024-04-11 17:00 _clai 阅读(1) 评论(0) 推荐(0) 编辑
摘要: Speculation Rules API 是一个由 Google 开发的 JSON 定义的 API,旨在通过推测加载(speculative loading)来提高网页加载性能 以编程的方式进行预加载/预渲染 与旧的 <link rel="prefetch"> (预取的数据存放在 HTTP 缓存) 阅读全文
posted @ 2024-04-11 16:44 _clai 阅读(2) 评论(0) 推荐(0) 编辑
摘要: Element Capture API DOM(元素)节点捕获 捕获并记录一个特定的 HTML 元素 (能剪裁并去除那些遮盖和被遮盖的内容) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="vi 阅读全文
posted @ 2024-04-11 16:05 _clai 阅读(1) 评论(0) 推荐(0) 编辑