seminelee blog

Remember to look up at the stars

0%

0 背景

目前在业务场景中,用户上传视频,等待视频上传成功后,后台会跑截帧服务,最后返回图片作为推荐封面,展示给用户。这个方案需要等待视频上传后,后台读取视频,再跑截帧任务,用户等待时间比较长。

因此,考虑前端来做截帧,在开始上传视频的同时生成推荐封面,提升用户体验。

阅读全文 »

前言

笔者打算从零开始学习视频直播的知识,借此记录下学习路线。
首先,一个完整的直播流程主要包括:

  1. 数据的采集和编码(在采集端采集、滤镜等处理、编码)
  2. 推流、拉流和服务端处理(推流、拉流用到的流媒体传输协议,在服务器端进行转码、安全检测、CDN分发)
  3. 播放端播放(拉流后播放端解码和渲染)

视频直播框架
这篇文章主要记录在推流端视频的采集、滤镜等处理、编码相关的知识。

阅读全文 »

1 架构模式概述

1.1 分层

大型网站架构中,采用分层架构,将网站软件系统在横向方面切分,分为应用层、服务层、数据层。这对之后网站支持高并发,向分布式方向发展至关重要。

  • 应用层:具体业务和视图展示。(前端)
  • 服务层:为应用层提供服务支持。(后端)
  • 数据层:提供数据存储访问服务。
    阅读全文 »

1 介绍

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle

阅读全文 »