如果你一直在进行浏览器的音视频开发，一定要去阅读官方的设计文档。 文档地址 Chrome 在支持 HTML5 的 <video> 标签与 <img> 标签（仅要求浏览器知道如何解码少数几种图像格式）不同，<video> 标签要求浏览器知道如何： 通过网络获取视频数据 解复用（demux）容器格式以找到音频和视频轨道 解码各种各样的音频和视频编解码器 (codec)。 此外，时间同步对于播放至关重要：音频和视频必须根据容器格式和用户代理控件（播放、暂停、跳转/快进）指定的时间点相互同步地呈现出来。 Chromium 的媒体播放实现有几个部分 Pipeline：Chromium 的媒体播放引擎实现，处理音频/视频同步和资源获取 FFmpeg{解复用器， 音频解码器， 视频解码器}：用于容器解析和软件音视频解码的开源库。 Blink 的 HTMLMediaElement： 按照 WHATWG 的规定实现 HTML 和 Javascript 详情 »
现在 AI 已经非常牛逼了，如果你有这样的需求，非常明确的，建议你直接使用 AI。这是谷歌 Gemini 给出的结果： 使用 JavaScript 检测 MP4 文件中的 PSSH（保护系统特定标头）是一项复杂的任务，主要是因为： 二进制数据：MP4 文件是二进制的，而不是基于文本的。浏览器环境中的 JavaScript 在低级别上限制了对二进制数据的直接访问。 文件结构：PSSH 嵌入在 MP4 的原子结构中，需要解析才能找到它。 浏览器安全性：浏览器限制直接文件系统访问，限制您直接读取任意 MP4 文件的能力。 但是，您可以通过多种技术组合来实现这一点，主要涉及用于检索文件的 fetch API、用于二进制数据处理的 ArrayBuffer 和自定义解析逻辑。以下是一般方法的细分： 获取 MP4 文件： async function getPSSH(url) { try { const response 详情 »
自己最近在一次重构中，尝试给予一个 state 为一个 class 的时候，却发现抛出了无法 new 的异常。 import React, { useState } from "react"; import A from './A' const MyComponent = (props) => { const [myCls, setCls] = useState(); const handleClick = () => { setCls(A); }; return ( <button type="button" onClick={handleClick}> A button </button> ); }; 其实设置函数类型时候，一般都不推荐这样用，因为在 usestate 里面有个隐藏的实现， 就是如果传入的是函数，会默认其为一个更新函数， 详情 »
其实自己一直没有思考过这种问题，但是面对过去一年低迷的市场以及 AI 引起的巨变，你可能还是需要想一下，这种事情如果发生了，你会怎样面对。 当然，这并不是杞人忧天，我一直感觉这种事情就是随机的，可能有的人一直觉得，能力强的肯定不会被裁，然而，裁员是一种财务计划，能力强并不一定符合财务计划的预期，所以你可以当做是一种完全随机的事情，如果到你头上，可能自己也完全不用抱怨，比如自己工作怎样怎样，对公司怎样怎样，可以理解成灭霸的响指，自己运气不好罢了。 所以思想上想开还是很重要，不沉迷与为什么？而是接下来，自己应该 做什么。 自己去年有很多朋友都遭遇了裁员，好消息大多都找到了工作，坏消息，都低于当初预期。所以现实就是这样，如果你开始找工作，降低预期，更不因面试失败而懊恼，你大可把面试当做一次复习，对过去几年工作经验和学习到技能的系统性复习。 对于自己而言，其实自己希望听到消息时候，就能能接受，并且开启自己的计划： 重新看 Typescript 和 JS 的书籍一遍 LeetCode Top200 刷一遍 进一步提升英语听力和口语 尝试自己也做一个个人的创业项目 开始投递远程工作 寻找国外公司的机会 保持一周几次的锻炼，不让复习和面试变得太过单一 去几个城市（ 详情 »
省钱还有一个重要的策略，那就是需要复盘。 比如你每个月都要在月末进行开支的复盘，对比和自己计划中有哪些超支了，有哪些是又进一步的压缩空间。这样才能不断的进行习惯的优化。 自己在review 去年一年的支出分布，我发现支付宝比较清楚，而微信的比较模糊。 如果你有记账的习惯，更好，分析会更加细致。 我发现出行这块是大头，尤其飞机火车。所以自己需要想下是不是有些出行是必须的，或者有木有进一步的压缩空间等。 如果你每月都有这样的活动，你会发现你在控制开支方面会越来越有心得。 往期分享 省钱大挑战 省钱大挑战 详情 »
These are some plans for me in 2025 [ ] High Personal Perfrmance [ ] Better Work Efficient [ ] Relocate to US(1/2) [ ] 36 Books [ ] 40+ Blogs [ ] English Listening and Speaking [ ] 10+ English articles [ ] House in Beijing [ ] Body Fit(<=62.5 KG) [ ] JAGX(10000 +) + FUBO(5000+) + QUBT [ ] BILI 12000+ 4paradigm 5000+ [ ] Elon Coin 5000 [ ] GitHub contributions 详情 »
自己觉得 2024 算是特殊的一个年份。 很多人第一直觉，是今年太难了。 难，就业难，生意难，创业更难。 今年，自己年底乘着感恩节假期，回到学校取一个资料。从黄龙机场，坐了磁悬浮到南站，再过了些许时间，打车去了老校区。校门口已然大变样，周围的环境也是变化很多了，唯独走进去，才发现一切又那么熟悉。 变得不仅是周遭的环境，还有这里的人。图书馆正对的草坪，全然是晒娃的。老一辈的人，趁着南方冬日宝贵的阳光时间，赶紧把宝宝带出来溜溜。可能也是因为自己有娃了，所以也格外关注小孩了吧，以至于以前没有注意到。 而出入这里的大学生，大多都用起了电瓶车，看着他们一溜烟的来来去去，其实，你哪能从他们身上看到我们这一代人在社会的焦虑。 取完资料，自己在街边随便找了个粉馆。今年自己还尝试自己做过湖南的米粉，重要的就是肉丝的码子做好，弄点猪油，酱油，葱花管够，重点是弄点酸豆角，即使味道淡了，也能通过豆角加点戏。 嗦粉的同时，才发现一个大哥，穿着睡衣下来吃粉。一看表，12点零几分，心想，今天周四也不放假啊。 从师大的设计院可以上山，虽然好多年过去了，自己依旧记得这么一条捷径。虽然找了许久， 详情 »
这其实是 Web 前端多媒体开发，非常细的点，可能很多人都不太会在意。但是如果你是做 DRM 的开发，则非常有可能会接触到。 MediaKeySession 代表与内容解密模块 (CDM) 进行消息交换的上下文。 其中有两个非常重要的接口： remove(): Promise 删除与当前对象关联的所有会话数据后返回close(): Promise 在通知当前媒体会话不再需要并且 CDM 应该释放与该对象相关的任何资源并将其关闭后返回。其中这里最重要的概念，就是你是否需要通知 CDM 模块进行释放，我们 JS 测其实不太会参与较多的关于加密相关的事情，而更多还是依靠 CDM 内部机制。 因此如果你的 Case 是，播放完该视频后，不会再进行复播，你最好是直接 Close, 如果你只是中断，后面会重新播放的，可以建议尝试 Remove。 我们日常 Web 播放由于绝大多数都是非常持久的 License，所以区别不是很大，但是如果是 persistent-license 则应该尤为注意。 目前 hls.js 侧给了非常标准的实现是 mediaKeySession.remove( 详情 »
如果你玩美股，绝大多数你不会听到这个词语，新开的券商，比如老虎，富途，长桥都支持无限次的日内交易。而在初期，很多券商是有限制的日内交易，比如雪盈。 你可能会看到这张截图： 里面有个 T+0 次数的计数。关于 T+0, 日内交易的详细规则，可以在这里了解到： https://xueqiu.com/7489073227/104298105 那么什么是 PDT 呢，这里面有个概念就是 Pattern Day Trader， 即典型日内交易者。它是一种所谓监管状态: 根据美国FINRA的要求，任意客户在任意连续的5个交易日内，累计只能最多日内交易3次，否则就会被标记为典型日内交易者 正如上面所说，现在新开券商的实现避免了日内交易限制，所谓不存在这种状态。但是雪盈有这方面的限制，即 25000 刀的日内交易限制。即如果你账户资金 > 25000 ，则会存在无限制的日内交易，但是请记住，PDT 状态，如果你达到这种状态，你就会标记。如果你从 25000 刀的账户资金跌到 详情 »
在年底圣诞节前，收到了公司续约要约。看看之前写这篇文章《来 Tubi 工作的前前后后》的时候，已然快两年了，其实这两年发生了很多事情，自己也迎来角色改变，当然随着工作的深入，对公司的了解也越来越深了。 2年的羁绊 今年我有一个非常小，但是意义非凡的目标。就是希望能够在这家公司超过2年。因为，我在入职前回顾自己的履历，有两家公司都是离开发生在满两年前的几个月，可能2年，真的是一个非常特别的时间。总感觉，随着公司深入的了解，个人总会有奇奇怪怪的想法，然而今年完全没有这些想法，完完全全，当做一个目标去实现。目前 Tubi 成为我工作时长最长的公司了，2年是真的很快，总感觉入职在昨天。 能力提升总是发生在一个瞬间 其实很多人来到英文的工作文化环境，不适用是自然的。在这里起步的时候，确实有很多非常困难的地方，交流，文档，Code Review，基建差别等等，要适应的东西真的非常多。我觉得自己有个特别的感觉，自己感觉突然开悟，或者 Got 到了一瞬间，比如： 我有天刷开B站的关于Bloomberg的访谈节目，含有英文字幕和中文的，我突然发现其实自己居然可以快速跟着采访嘉宾的回答并且Got你们绝大多数的词。我一直觉得自己并没有特别强烈的追求，英语需要再短时间达到什么水平，而且平常开会的时候，自己也没有刻意要注意听懂每个词。 详情 »
