首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
web端视频播放器自研
CodePlayer
创建于2024-06-25
订阅专栏
自研可用的web端视频播放器
等 4 人订阅
共7篇文章
创建于2024-06-25
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
如何快速开发一个自定义的视频播放器(7)——原生组件化
实际上,所有的前端框架底层都是基于浏览器提供的api实现,所有的浏览器都是基于html、css、ECMAScript三个协议标准进行实现。同系统语言一样,我们的封装性越低,我们的可以移植性越强。
如何快速开发一个自定义的视频播放器(6)——组件封装
无论是日常生活中,还是工作coding中,我们很早就学会了复制黏贴,人人都是CV工程师。任何东西只要有了模板,那么很快就会被复制复制再复制,复制往往是简单的,而组件封装就是为了方便复制而创造。
如何快速开发一个自定义的视频播放器(5)——代码优化
代码优化 无论是前端代码,还是后端代码,优化的目的主要就两方面,一是健壮性,二是可读性。前者主要是让我们的代码性能安全性等等尽量不那么拉,后者主要让我们的代码简单易读,便于理解,方便团队合作和代码维护
如何快速开发一个自定义的视频播放器(4)——调试
实际上我们在浏览器端调试时,移动端网页的有些问题很难发现,样式问题只是次要的。比较容易出现的问题就是浏览器提供的媒体组件,浏览器通常使用操作系统提供的API来实现一些功能,如音频和视频播放。
如何快速开发一个自定义的视频播放器(3)——方法实现
当人们遇到复杂的事情的时候,一开始是抗拒不愿意去做的,但是当我们把事情分解到足够简单的多件事情时,每完成一个简单事情都能够正向鼓励自己,这才是实现复杂目标和事物的正确方法。
如何快速开发一个自定义的视频播放器(2)——模板定义
前后端分离时,我们在接到需求的时候,往往可以先于服务端进行开发,提前实现模板页面的代码,以及定义我们需要的属性和方法。等到进行前后端联调的时候,无非是请求接口并把接口的数据赋值给提前定义好的属性即可。
如何快速开发一个自定义的视频播放器(1)——需求分析
当APP做内容视频裂变分享的时候,浏览器自带的播放器在不同的端展示的样式和功能差别还是比较大的,比如ios和安卓端,特别是微信端,默认视频播放器体验不是很好,不能体验产品的主体风格,需要自研视频播放器