b站视频是如何播放的
yuyutoo 2025-01-02 20:11 3 浏览 0 评论
上次我们聊 B 站视频为什么播放那么快是利用了视频分片技术，提前将视频分成很多小片，这样就可以实现播放的时候只加载播放位置的视频，只需要加载那一小段就可以了。
这样就可以达到快速播放的目的了。那么我没你拿到视频片段，怎么播放呢？
今天就来研究下。
浏览器的 SourceBuffer 的 API
首先，浏览器本身有一个叫做 SourceBuffer 的 API。我们去看他的官方文档解释。
SourceBuffer 接口标识通过 MediaSource 对象传递到 HTMLMediaElement 并播放的媒体分块。它可以由一个或者多个媒体片段组成。
这样在用的时候，我们把视频的地址，传入到这个媒体对象中去。
这样等到视频一部分一部分下载好之后，就可以直接拼接上去。因为这个媒体对象有个 appendBuffer 方法。
sourceBuffer.appendBuffer(buf);
看代码是否有SoufceBuffer这个对象
我们直接在控制台搜索代码，果然有这个对象。
基本可以断定，b 站就是通过这个对象来实现网页的视频播放的。
服务端怎么存储视频片段
我们网页下载这些视频片段，那么服务器段就要存，所以服务器要先把视频以某个格式存储好，一个一个片段文件。这样就可以一部分一部分下载。
看b 站使用一种叫 m4s 的格式存储的。
相关推荐
- 国内外注塑机及电脑密码大全（常见注塑机通用密码）
-
一、国外注塑机（日本、德国等）东洋注塑机万能码：9422345日精注塑机密码：222｜7777DAMEG注塑机密码：000000000新泻注塑机密码：241650｜261450住友注塑机密码：...
- 并发编程实战来咯（并发编程的艺术和并发编程实战）
-
提到并发编程，就不得不提C++ConcurrencyinAction（SecondEdition）（《C++并发编程实战第2版》）啦！《C++并发编程实战第2版》英文原版&中文译版看到这个...
- 无锁队列Disruptor原理解析（无锁队列应用场景）
-
队列比较队列...
- 无锁CAS(附无锁队列的实现)（cas是一种无锁算法）
-
本文所有代码对应的Github链接为：https://github.com/dongyusheng/csdn-code/tree/master/cas_queue...
- Linux高性能服务器设计（linux 服务器性能）
-
C10K和C10M计算机领域的很多技术都是需求推动的，上世纪90年代，由于互联网的飞速发展，网络服务器无法支撑快速增长的用户规模。1999年，DanKegel提出了著名的C10问题：一台服务器上同时...
- 浅谈Go语言的并发控制（go语言 并发）
-
前言本文原创，著作权归...
- Datenlord |Etcd 客户端缓存实践（etcd 数据存储）
-
简介和背景...
- 无锁编程——从CPU缓存一致性讲到内存模型
-
缓存是一个非常常用的工程优化手段，其核心在于提升数据访问的效率。缓存思想基于局部性原理，这个原理包括时间局部性和空间局部性两部分：...
- 如何利用CAS技术实现无锁队列（cas会锁总线吗）
-
linux服务器开发相关视频解析：...
- Kotlin协程之一文看懂Channel管道
-
概述Channel类似于Java的BlockingQueue阻塞队列，不同之处在于Channel提供了挂起的send()和receive()方法。另外，通道Channel可以...
- 详解C++高性能无锁队列的原理与实现
-
1.无锁队列原理1.1.队列操作模型...
欢迎 你 发表评论:
- 一周热门
-
-
前端面试:iframe 的优缺点? iframe有那些缺点
-
带斜线的表头制作好了，如何填充内容?这几种方法你更喜欢哪个?
-
漫学笔记之PHP.ini常用的配置信息
-
其实模版网站在开发工作中很重要，推荐几个参考站给大家
-
推荐7个模板代码和其他游戏源码下载的网址
-
[干货] JAVA - JVM - 2 内存两分 [干货]+java+-+jvm+-+2+内存两分吗
-
正在学习使用python搭建自动化测试框架?这个系统包你可能会用到
-
织梦(Dedecms)建站教程 织梦建站详细步骤
-
【开源分享】2024PHP在线客服系统源码(搭建教程+终身使用)
-
2024PHP在线客服系统源码+完全开源 带详细搭建教程
-
- 最近发表
- 标签列表
-
- mybatis plus (70)
- scheduledtask (71)
- css滚动条 (60)
- java学生成绩管理系统 (59)
- 结构体数组 (69)
- databasemetadata (64)
- javastatic (68)
- jsp实用教程 (53)
- fontawesome (57)
- widget开发 (57)
- vb net教程 (62)
- hibernate 教程 (63)
- case语句 (57)
- svn连接 (74)
- directoryindex (69)
- session timeout (58)
- textbox换行 (67)
- extension_dir (64)
- linearlayout (58)
- vba高级教程 (75)
- iframe用法 (58)
- sqlparameter (59)
- trim函数 (59)
- flex布局 (63)
- contextloaderlistener (56)