班会第 33 期

[ufologist]

• 技术

  • 如何看待B站 (bilibili) 开源 HTML5 播放器内核 flv.js @Monine

    An HTML5 Flash Video (FLV) Player written in pure JavaScript without Flash.

    flv.js works by transmuxing FLV file stream into ISO BMFF (Fragmented MP4) segments, followed by feeding mp4 segments into an HTML5 <video> element through Media Source Extensions API.

    flv.js 做了三件事：

    • HTML5 原生仅支持播放 mp4/webm 格式，flv.js 实现了在 HTML5 上播放 FLV 格式视频
    • 使 Bilibili 网页端平滑过度到 HTML5 播放器，历史遗留不再是障碍
    • 对于视频直播，在 HTML5 上支持了延迟极低 HTTP FLV 播放，解开网页端直播对 Flash 的依赖

  • React 初学者教程

    • React 简介
    • 创建第一个 React 应用
    • React 中的组件
    • 在 React 中设置样式
    • 创建复杂的组件
    • 传递属性
    • 深入 JSX
    • 处理状态
    • 从数据到 UI
    • React 中的事件
    • 组件的生命周期
    • 在 React 中用 React Router 创建单页应用
    • 用 React 创建一个简单的 Todo List 应用
    • 在 React 中访问 DOM 元素
    • 设置 React 开发环境

• 产品

  • 你还在手动标注吗？

    为了Sketch，你都应该买台Mac；为了Sketch Measure，你都应该买个Sketch。

    Spec Export

    Automatically generating html page with one click, inspect all the design details including CSS Styles on it offline.

    Export HTML Demo