- 博客(6)
- 收藏
- 关注
原创 ffmpeg + video.js(mp4转.m3u8)视频播放
ffmpeg + video.js(mp4转.m3u8)视频播放**问:**为什么要使用这种方案呢?前端直接使用h5的video标签来播放mp4的视频资源不行吗?**答:**直接使用h5的video标签固然可以,而且方便,直接将视频的地址插入到video标签的src里面即可。**But:**仅仅是播放本地的资源还好,但是如果把资源放在服务器上,就会慢好多。**方案:**就是将mp4切割为多个片段,然后一段一段的去加载,相比于一次性去加载,这种切片的形式会好很多。许多在线的视频播放器也是采用的这种方案
2020-12-22 15:12:24 2574
原创 nginx + https + node + vue
配置nginx + https + node + vue为什么要配置这些,此时的我在捣鼓写的vue项目的demo玩,简单的调用摄像头并进行拍照,并将照片转换为base64字符串通过node服务存储到云服务器的mysql数据库里(并没有使用将图片上传至服务器的某个目录下,将云服务器的地址存储到数据库的方案。按道理应该要这样做的,这里只是简单的demo,不要被误解了,毕竟直接往数据库里存base64的做法是有风险的),再通过node服务读取数据库里存储的照片。就这么个简单的功能,本地调用摄像头成功,拍照没问题
2020-12-21 17:23:00 606
原创 nginx+ssh实现内网穿透
nginx+ssh实现内网穿透在本地搭建的项目只能通过本地的server在本地的电脑上运行,那么怎么通过云服务器的ip端口让外界来访问呢。需要准备的环境:1.自己本地运行起来的项目(这里以vue项目为例:http://localhost:8082)2.一台云服务器,阿里云,腾讯云等等。3.云服务器上安装过nginx,如果nginx未安装,请自行百度安装一下,安装过程还是相对简单的。4.域名(可以没有)一、首先登录云服务器ssh user@ip (user为云服务器用户名,ip为云服务公网ip
2020-12-21 17:20:45 4577 1
原创 webpack的loader
webpack的loader认知概念:loader在webpack里充当 “转化器” 的角色,我们都知道转换器转换器,就是把一种事物通过一些特殊的加工把它原本的形态按照既定的规则转换成另外一种形态。从语法角度看,loader就是一个普通的Node.js模块,只是必须以函数格式导出来供使用。如果有必要可以使用一切Node.js功能模块。从功能角度看,一个loader是在应用中作用于指定格式的资源文件并将其按照一定格式转换输出。例如:sass-loader将scss文件转换为标准css文件输出。举个例
2020-07-06 18:06:16 2176 1
原创 抽象语法树概念认知
抽象语法树概念:抽象语法树(abstract syntax code,AST)是源代码抽象语法结构的树状表示,树上的每个节点都表示源代码中的一种结构,之所以说语法是’抽象’的,是因为这里的语法不会表示出真实语法中出现的每个细节。在这里先补充一个概念:具象语法树(Concret Syntax Tree, 简称CST)。什么是具象语法树呢?我们知道一颗解析树是包含代码所有语法信息的树形结构,它是代码的直接翻译,所以解析树也被称为具象语法树。抽象语法树实际只是解析树的一个精简版。避免混淆,我们来简化一
2020-07-06 16:46:36 3694
原创 webpack修炼之路--初识webpack
背景作为一名合格的前端开发工作者,深知在webpack在前端开发当中的重要性,无论是开发vue项目还是react项目,或许你使用过他们的脚手架(vue-cli、create-react-app……)去搭建项目,但是脚手架的底层也是在使用webpack做工作,偶尔还需做一些额外的配置,这就需要你熟练掌握webpack。什么是webpack概述: WebPack 是一个模块打包工具,你可以使用W...
2020-02-20 22:14:55 328
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人