首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用flv.js直播

    为什么要在这个时候探索flv.js直播呢?原因在于各大浏览器厂商已经默认禁用Flash,之前常见的Flash直播方案需要用户同意使用Flash后才可以正常使用直播功能,这样的用户体验很致命。...可以看出在浏览器里直播,使用HTTP-FLV协议是不错的,性能优于RTMP+Flash,延迟可以做到和RTMP+Flash一样甚至更好。...对于录播,依赖 原生HTML5 Video标签 和 Media Source Extensions API 对于直播,依赖录播所需要的播放技术,同时依赖 HTTP FLV 或者 WebSocket 的一种协议来传输...flv.js兼容方案 由于目前flv.js兼容性还不是很好,要用在产品必要要兼顾到不支持flv.js的浏览器。...浏览器端开启flv.js的Worker,多进程运行flv.js提升解析速度可以优化延迟,这样的flv.js配置代码是:{ enableWorker: true, enableStashBuffer

    13.2K105

    理论 | 使用flv.js直播

    为什么要在这个时候探索flv.js直播呢?原因在于各大浏览器厂商已经默认禁用Flash,之前常见的Flash直播方案需要用户同意使用Flash后才可以正常使用直播功能,这样的用户体验很致命。...可以看出在浏览器里直播,使用HTTP-FLV协议是不错的,性能优于RTMP+Flash,延迟可以做到和RTMP+Flash一样甚至更好。...对于录播,依赖 原生HTML5 Video标签 和 Media Source Extensions API 对于直播,依赖录播所需要的播放技术,同时依赖 HTTP FLV 或者 WebSocket 的一种协议来传输...flv.js兼容方案 由于目前flv.js兼容性还不是很好,要用在产品必要要兼顾到不支持flv.js的浏览器。...浏览器端开启flv.js的Worker,多进程运行flv.js提升解析速度可以优化延迟,这样的flv.js配置代码是: 这里是优化后的完整代码 扫码下方二维码, 随时关注更多前端干货文章!

    3.7K10

    JS】asyncawait异常捕获,这样才完美

    前言缘由JSasync/await异步调用,只能通过try-catch吗?你想听的故事:作为一个合格的全栈搬砖工,那必须文武双全,前后必备。...init();// 打印结果// 会员接口异常:xxxxx// 商品: [{"name":"面包","price":5},{"name":"牛奶","price":6}]方法三:使用 await-to-js...插件库await-to-js是什么await-to-js 是一个辅助开发者处理异步错误的库await-to-js怎么下# npm安装npm i await-to-js --save# yarn安装yarn...add await-to-jsawait-to-js怎么写import to from 'await-to-js'const init = async () => { const [err, data...export default to分析一下:to方法入参是promise对象和自定义异常如果没有异常则直接返回null, data,数组第一项是异常信息为null,第二项为正常数据 如果捕获异常在catch组装

    11610

    JS:用rem来响应式开发

    电脑版的商城昨晚做完了,今天赶着做手机端的,提到手机端的网站第一个想到的就是要 适应不同手机屏幕的宽度,保证在不同手机上都能正常显示给用户,我之前这类网站都是无脑引进bootstrap的。...它也会占用相当大的一部分,所以这次我想自己用原生写,响应式开发(我现在知道的尚浅)目前我了解有 1.百分比法: 顾名思义,页面的元素的margin,padding,width,height,等等都用%来计算,CSS的百分比的百指的是什么...(min-width:768) {/平板样式/} pc:@media screen and (min-width:992px){/电脑中样式/} ......那就要用到js在页面加载时获取window的宽度(浏览器窗口的宽度)$(window).width();在开发手机页面的时候,一般我们设置最大宽度为640px,因为640px可以保证在至今最宽的手机上显示时网页两端刚好贴合屏幕...height:10.6rem; border:1px solid #000; box-sizing: border-box; } js

    6.1K10

    jsfind的用法_jsfind函数

    今天我们要说的是结合ES6新特性谈一下js里面的一个很好用的方法-find() 现在的前端和过去的不一样,过去的前端只要会画页面就行了,但是现在仅仅会画页面已经远远不够了,现在前端还需要会处理数据,而且还要会将数据分析分类处理...下面我们讲怎么用前端处理这块的逻辑 首先我们拿到了所有的数据这里我直接放到一个测试用的js里面存放, 要实现之前说的效果,就需要使用我们今天的主角find()方法。 find()是用来做什么的呢?...find()方法返回数组符合测试函数条件的第一个元素。否则返回undefined 在本文章需要注意的几个点: ①、第一个元素 ②、测试函数 那么如何使用呢?.../find_testcodes.js" type="text/javascript" charset="utf-8">

    11.7K30

    nodejs使用log4js日志系统

    在一个项目当中,日志系统在项目中重要性在这里就不再累述,log4js是nodejs的一个日志模块,通过设置其优先级别,可以打印出不同级别的日志,便于后续的系统分析。...log4js的安装 安装很简单 npm install log4js -S log4js配置 在项目的根目录添加一个log目录,在该目录中新建indexjs,开始配置log4js var path =...require("path"); const log4js = require('log4js'); log4js.configure({ appenders: { cheese: {...file文件类型则为将日志生成到一个文件,通过下面的maxLogSize来设置文件的最大值,当大于此值后,则自动创建一个新的文件来存储日志。...根据天来创建日志的配置代码如下: var path = require("path"); const log4js = require('log4js'); log4js.configure({ appenders

    4.9K30
    领券