LENTON'S BLOG
前端直播视频流RTSP,RTMP,HLS,FLV方案初探
注：本文主要为网上可见方案测试结果。并非实现过程详细说明。内容测试时间： 2021-05-07本文实践测试概览格式/协议简要说明插件、JS库浏览器RTSP可以直接从摄像头获取的流，延迟低。但浏览器无法直接播放VLC, VXGIE11, Chrome与Firefox低版本RTMPAdobe私有协议，所以要Flash支持。延迟低，需媒体服务器处理转发Video.js FlashIE11HLSApple提出的协议，需媒体服务器处理转发，浏览器支持好，延迟高Video.js , Tcplay
2021-05-07 14:37:50
3020
0
HTML5的canvas动画转视频MP4
本文主要是研究canvas画布如动画何转为mp4视频并保存在本地。这也是刚刚从知乎的一篇文章和查阅MDN后在Chrome 85浏览器下测试成功的。具体兼容性未知,直接代码加注释说明下实现思路
2020-10-09 18:08:12
3706
1
字符画进阶实现
上一篇HTML5视频转字符动画上一篇只能使用现有的字符，这次进阶到自己写字来生成字符画，先来看看效果：在线体验： http://demo.ccued.com/draw/原理与上一篇HTML5视频转字符动画大同，不说思路了，源码未加密，需要代码自取。
2020-03-26 14:33:47
2147
0
VUEX文档阅读摘要
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
2020-02-28 11:18:03
1914
0
JS中==与===的区别详解
首先建议使用===做比较所有前端开发人员张口就来的解释：== 抽象相等，比较时，会先进行类型转换，然后再比较值。=== 严格相等，会比较两个值的类型和值。深入探讨：==号左右的值，具体是通过什么规则转换类型后比较的？如 '0' == 0，是将 string ‘0’转成number 0, 还是number 0转成string ‘0’后，进行的比较？再如：true == 1
[1, 2]
2019-12-24 17:29:20
2152
0
CSS选择器x-child,x-of-type系列摘要
:nth-child(an+b) 首先找到所有当前元素的兄弟元素，然后按照位置先后顺序从1开始排序，选择的结果为CSS伪类:nth-child括号中表达式（an+b）匹配到的元素集合（n=0，1，2，3...）。示例：0n+3 或简单的 3 匹配第三个元素。1n+0 或简单的 n 匹配每个元素。（兼容性提醒：在 Android 浏览器 4.3 以下的版本 n 和 1n 的匹配方式不一致。
2019-11-22 09:53:08
2424
0
精准判断JS数据类型方法
function typeOf(obj) {
const toString = Object.prototype.toString;
const map = {
'[object Boolean]'
2019-06-27 11:37:28
2081
0
JS中ASCII码与字符互转
将字符转为ASCII码'a'.charCodeAt(); // 97将ASCII码转为字符String.fromCharCode(97); //"a"例1 ：精确判断字符串长度：String.prototype.gblen = function() {
var len = 0;
&nb
2019-05-30 12:21:54
2476
0
异步请求响应回调的4种方式
异步请求响应回调的4种方式◆ 1. callback (ES3)◆ 2. Promise (ES6)◆ 3. Generator (ES6)◆ 4. Async (ES7)使用最多的callback回调方式function ajax_get_callback(param,callback){
&nbs
2019-05-20 15:08:17
2190
0
JavaScript中的this
先记住两句话：
this 的指向在执行时决定，而不是定义时
this 指向的是最后调用它的对象
然后划分一下this的场情
普通函数调用
作为方法来调用
作为构造函数来调用
使用apply/call方法来调用
Function.prototype.bind方法
es6箭头函数
普通函数调用：
function say(){
console.log
2019-05-16 11:21:36
1857
0