Web 多媒体开发指南

一般接触音视频开发的前端比较少,但实际里面涉及的知识点非常多,因此做一个脑图,帮助有兴趣的同学学习和研究相关知识点。 基本 Web 多媒体开发覆盖非常多的方面,其中,视频,音频,以及 WebRTC 都比较成熟,而近年来的 WebXR(AR/VR) 也成为大家比较热情研究的内容。它旨在给人类带来听觉和视觉上的冲击。 其实 Mozilla 做过一个专项的列表 Web media technologies ,列举出当前音视频的知识点。 详情 »

【译】Netflix 是如何重构新的播放器 UI

原文地址: https://medium.com/netflix-techblog/modernizing-the-web-playback-ui-1ad2f184a5a0 这一篇是奈飞前端工程师分享 Web团队在构建新的播放器时候遇到的困惑和解决思路,我们在设计播放器的时候,可能需要考虑到诸多方面,UI 扩展,测试,底层设计,面向多业务多团队等。希望这篇文章可以帮助到你。 从2013年开始,Netflix 的团队一直将重心放到开发视频播放的新特性,而始终未关注播放的视觉UI的改进。 而在过去两年,Web UI 团队制定了一个非常长远的计划,给我们的会员提供更加出色的播放体验。 播放由下面三个维度构成: 详情 »

立秋

今日立秋,刚好也碰上北京奥运会11周年。从08年到19年,很快,如果说08年奥运会的晚上发生了什么,除了震撼的开幕式,记得印象深刻的是那天居然下午4点钟停电了,然后大家都自嘲着,关键时刻让大家看不成奥运会,中央可以要问广播站罪的。自己喜欢70,80年代的小说,总的来说书中描绘的场景离童年所经历的一些事情有那么相似。固然,回忆就是那么回事,更多让人充满着惆怅和坦然。 挣扎 」 不知不觉在新的职责上又是一年。其实这个年龄段似乎越发变成一条挣扎线。往前是挥别风华正茂 的年青岁月,往后是步入人们严重油腻的中年大叔。挣扎的不是时间,可能更多的是 不得不去接受曾经不认可的现实 压力 详情 »

8月天

暑假从某一天温度进入长沙的感觉开始了。 记得在入行前,一直告诫自己,对前辈的敬重,对工作的接纳,以及学好去发现更多的好的东西。其实随着年龄增大,接触小鲜肉多了,发现有很多人真的缺失了这些最基本的事情。记得刚毕业的时候,对大屏显示器的期待,对与Team分享的期待,以及非常担心工作不能完成,那个时候切个图都是高度精神集中的,我一直不认为所谓个人的成长和做业务有多大的关系。支持好业务线,做好自己的沉淀,让自己的影响力能够扩散到产品设计或者整个团队。当然现在职场越来越对年轻人给予足够的自由度和尊敬,但是任何团队还是喜欢适应性高有自己主见的成员。 这个月跑了很多,每次比上个月都多了那么几百米。发现体重秤是本地记忆,每次都会有记录,感觉离目标是越来越近,大概八月底最后冲刺把, 详情 »

【译】21个 VSCode 快捷键,帮助你快乐编程

原文: https://medium.com/better-programming/21-vscode-shortcuts-to-make-coding-faster-and-more-fun-b18b25083def @jsmanifest 我们通过安装一些工具或者扩展,有助于提升我们的编程效率,同样的掌握一些非常有用的快捷键,可以促使我们更加愉悦的开发。虽然每个人并不一定有足够的时间和经历去掌握每个快捷键的细节,但是下面 21 个快捷键一定可以帮到你。 一次性搜索全部文件 Windows: Ctrl+ Shift+ F Mac: Control+ Shift+ F 设置 Tab 详情 »

301 初行

23日下午去301医院探视 FG。第一次路过所谓的肿瘤大楼,瞬间想起了《这就是神药》里医院大楼下的场景,不同年龄的人,有女的有男的,面目表情,穿着整齐的住院服,缓步的游走在大厅里。随后去了15楼的生物医疗区,听说这里都是将要接受化疗的病人。FG 刚完成静脉港的注射,可以看到这究竟有多痛,感觉的到微弱的气息。明天 FG 开始化疗,大概所谓真的病痛才算真的开始,为期6期的化疗,这是个时间战,意志战。和时间赛跑,和自己的精神赛跑, 详情 »

健康

从周四开始心情一直很低落,周天还接到更多的打击。 周四班级群里聊着聊着突然 FG 发了一条,关于癌症的事情,然后联想到他的新发型,瞬间就懵了。可是六月中旬还一起吃饭,怎么突然就患病了,还是癌症。FG 乐观的说还想出去玩 LOL ,但是背后所面临心里的上打击是多么巨大。之前一直以为这种东西除了影视作品上,《这就是神药》让自己对癌症和癌症患者有过认识了,关注了《得了癌症是怎样一种体验?》发现这种病给人身理和心理上的挑战是巨大的,说句实话,突然有一天自己,自己被确诊癌症,我不知道我该如何去接受它,又或者是怎样的心情接受它。 详情 »

微信视频快进回退的Bug

小编最近在修测试反馈的微信播放视频的问题时候,发现微信播放视频,快进偶尔会回退几秒。才开始一直一直以为是代码在 play 之后事件监听问题。微信(X5 nn内核) Android 必须在 (durationchange) 事件触发后才能进行正常 Seek 操作。可是无论怎么调试都还是有问题,于是尝试播放了一个外链的 mp4 文件,结果惊呆了。 心情💢ORZ 目前问题已经反馈了涉及到QQ浏览器(9.5.0. 详情 »

《天气之子》前期无剧透影评帖

新海诚 导演的新作《天气之子》还是如期在19号全日上映。 在《你的名字》大火之后,这一部作品压力会显然大很多,毕竟你的名字之后越来越多的人开始和宫崎骏进行比较。如同《秒速五厘米》后新海诚的作品自己都会担心画质的问题,但是导演真的很厉害,无论是之后的《言叶之庭》 的下雨天还是《你的名字》 的陨石,都还是给了自己非常大的惊喜感觉。所以对于新作,自己还是会非常期待新的画面,当然音乐依旧是非常让人期待的,再次和 RAWINDS 的合作,以及听完部分 详情 »

使用 JS 获取视频 Codec

如果第一次接触 Media Source ,大家都会注意到有一个关于 视频 codecs 的指定。 var mimeCodec = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"'; if ('MediaSource' in window && MediaSource.isTypeSupported( 详情 »