从零制作视频播放器——序言

1. 前言

这里对项目进行介绍，这是一个模仿哔哩哔哩视频播放器的样式的自制播放器，虽然是模仿，但是除了控件的布局类似外，没有其他相关性。

从这个项目中可以学到许多东西：

• 提高编写的代码的可维护性：如果你的代码并不是那么易懂，或者每当写一个复杂的项目时就往往会无从下笔，那么这个专栏会很适合你。

• 如何实现一个功能：通常我们接到一个功能实现需求时，要在脑海里形成相应的思路，如果需求比较复杂，那得把它拆解成小问题慢慢解决。

• 遇到 bug 时如何解决：在编写该项目时我也遇到一些奇怪的 bug，这里给介绍一下我是如何解决这些奇怪的 bug 的，当然 bug 都是开发者考虑不周或者是水平不够导致的，哈哈~。

• 编写通用型代码：我们在面对编写通用型代码时往往力不从心，在这个项目中你会学到编写通用型代码的基本思路。不过编写通用型代码也算另一种优化，如果没有这个需求的话，我们往往只是在编写时尽量提高代码可维护性即可，因为过早的优化是噩梦的开始。

下面我将设置一个专栏来详细讲解编写这个视频播放器的过程，在这个过程中，我们会知道编写一个功能时，往往会牵扯到其他的知识，如果这个知识不知道的话，轻则功能完成但效果不如意，重则功能都实现不了。最后导致项目拖延好久甚至无法完成。

各位看客的点赞就是我源源不断的动力，有兴趣的看客可以关注一下该专栏。如果有新的合理的需求，专栏将会持续更新哦~~~。

2.1. 相关文章

这里是有关编写播放器的文章（相当于一本书中的目录了）：

从零制作视频播放器——万事开头难，理清思路先（第一章）

从零制作视频播放器——安得广厦千万间，大庇天下 video 俱欢颜（第二章）

从零制作视频播放器——别人能搞得出来视频控件，难道我们不能搞？（第三章）

从零制作视频播放器——别人能搞得出来视频控件，我们能搞得更好！（第四章）

玩命更新中…

2. 成果展示

播放器控件小屏展示如下：

播放器控件大屏展示如下：

3.相关地址

下面展示的是编写播放器过程中光顾最多的几个地址。

本项目地址：Github – stream_video

Icon 图标来源：iconfont-阿里巴巴矢量图标库

技术教程：MDN Web Docs

参考对象：哔哩哔哩 (゜-゜)つロ 干杯~-bilibili