Web多媒体
10篇文章 · 1订阅
  • H5大视频上传治理
    背景 H5分配内存很少，在业务中需上传大视频，用户低端机经常出现crash、请求超时现象，基于已有的视频上传方案，应整体进行优化。 二、整体方案 三、Action 3.1、分片上传（支持单片重试）
    前端 JavaScript 性能优化
  • 使用 AudioWorklet 获取麦克风音量（volume-meter）
    WebRTC 互动时，需要一个音量仪表盘来表示麦克风正在正常工作。React 使用 AudioWorklet 获取麦克风音量代码已经放到 github 上，有需要的可以参考。
    WebRTC 音视频开发
  • 【SSD系列】五分钟，100余行代码，纯web技术一起实现摄像头和麦克风视频录制，并带历史记录功能
    纯web技术，唤起摄像头和麦克风，把视频投影到页面，然后一键开始录制，之后存入历史记录，随时唤起播放。只需100余行代码，你就拥有了一个视频录制功能。
    前端 JavaScript
  • 记一次PC页面录屏+转码+导出MP4
    使用recordRTC和ffmpeg.asm对页面指定元素进行录屏，并转为通用MP4格式，最后导出视频
    JavaScript 前端
  • 如何保护会员或付费视频？优酷是怎么做的？ - HLS 流媒体加密
    这篇文章通过 HLS 的方式介绍如何保护视频和插入视频广告。 有些视频是需要付费或者开通会员才能观看，那么怎么保护这些视频呢？
    前端
    如何保护会员或付费视频？优酷是怎么做的？ - HLS 流媒体加密
  • 一文搞定webpack构建优化策略
    当项目越来越复杂时，会面临着构建速度慢和构建出来的文件体积大的问题。webapck构建优化对于大项目是必须要考虑的一件事，我们将从速度和体积两方面来探讨构建优化的策略。
    Webpack
    一文搞定webpack构建优化策略
  • 流媒体视频基础 MSE 入门 & FFmpeg 制作视频预览缩略图和 fmp4
    虽然 `video` 很强大，但是还有很多功能 `video` 并不支持，比如直播，即时切换视频清晰度，动态更新音频语言等功能。MSE（Media Source Extensions）就来解决这些问题
    前端 音视频开发
    流媒体视频基础 MSE 入门 & FFmpeg 制作视频预览缩略图和 fmp4
  • Web前端WebRTC攻略(三) 传输协议UDP/RTP/RTCP
    导语 | 音视频时代，WebRTC在形形色色的产品和业务场景下均有落地。在熟悉如何在浏览器获取设备的音视频数据和WebRTC是如何将获取的音视频数据进行网络传输的同时，我们更要夯实一下网络传输协议相关
    音视频开发 前端
    Web前端WebRTC攻略(三) 传输协议UDP/RTP/RTCP
  • ✏️ loader知识分享
    loader 让 webpack 能够去处理其他类型的文件，并将它们转换为有效 模块，以供应用程序使用，以及被添加到依赖图中。loader 本质上是导出为函数的 JavaScript 模块。
    Webpack 前端
  • 从0到1实现Web端H.265播放器：视频解码篇
    本文在这里就不对H.265做介绍了。感兴趣的朋友可以看下面的文章了解详情。（第一篇是我们在2019年3月发布的文章，距今已有2年，时间过得真快） 看了上面那篇2年前的文章应该清楚了浏览器对于H.265支持程度。好消息是经过两年发展，Webassembly发布了1.1版本，增加了…
    前端