black

英雄联盟季中杯“背后的力量”,跨洋赛事直播护航怎么做?

戏子无情 提交于 2020-08-18 21:25:21
在LPL双雄会师英雄联盟季中杯(以下简称MSC)决赛,TES以3:1的成绩战胜FPX,拿下了季中杯的冠军,让世界知道了TES的名字。 2020 英雄联盟季中杯是由拳头游戏组织的LPL赛区及LCK赛区八支顶尖战队参与的史诗对决赛事。腾讯云为赛事直播全程护航,并承载全网90%流量。 受疫情影响,比赛首次采用线上赛制。与往年各赛区战队来到一个场馆比赛不同,LCK 赛区的队伍会在首尔的LoL Park进行比赛,LPL赛区的队伍则坐镇上海的 LPL 主场场馆,双方在中韩两地展开云上较量。 本次MSC赛事全程采用腾讯视频云源站及远程传输系统作为其分发平台,分发给各大主流平台。同时,将新型传输协议SRT集成到现有直播体系中,让远距离传输的低延迟、稳定可靠成为了可能。本文将对赛事直播源站及远程传输方案做出详细技术解析。 需要注意的是,战队相隔两地,制作团队也分布在两国,赛事制作方需要实时地将韩国的现场信号传输到中国上海,同时把中国侧的信号传输到韩国,保障异地的信号传输也带来了一些挑战: 首先,由于赛事在两处异地同时进行,现场到制作中心之间需要传输实时的比赛直播信号。因此在这种远距离传输场景下,如何保证能够达到本地的低延迟效果? 腾讯视频云源站及传输系统通过SRT等协议在协议层进行加速,解决了远距离传输的延迟问题。 SRT 是什么? SRT ( Secure Reliable Transport

What do you think is the most profitable industry?

馋奶兔 提交于 2020-08-18 12:53:39
What industry is the most profitable and profitable? There are only two industries that I know, both of which I learned after personal experience. The first one is the pharmaceutical industry, which I heard from my elder brother, who is a medical representative. I like to come to my house when I’m okay. If I come to play often, I can’t avoid having two drinks. Once I had two glasses of wine, which is probably too high. Suddenly said to me; Do you know how many times a box of medicines will be processed from the pharmaceutical factory, to the distributor, to the pharmacy, and finally to the

ECharts5.0版本即将上线,来说说我与ECharts的那些事吧!

跟風遠走 提交于 2020-08-18 08:45:50
Apache ECharts (incubating) , 一个使用 JavaScript 实现的开源可视化数据图表库。 作为一款基于JavaScript的数据可视化图表库,ECharts为用户提供直观,生动,可交互,可个性化定制的数据可视化图表,让项目数据能清晰的被理解和发现差异。 回顾过去,ECharts 于 2012 年 8 月立项,2013 年 6 月发布 1.0 版本,一年后的ECharts 2.0 成长为了一个成熟的图标库, 而2016年的 ECharts 3.0 被广大开发者看作是重生。ECharts 4.0 除了不断提升易用性之外,一直在尝试从数据量,平台,行业三个方向拓展前端可视化的边界 。 那么ECharts 5.0 将会是什么 样 的呢? ECharts 团队用 TypeScript 重构了代码,大幅度提升开发者的工作效率,5.0版本将给你带来全新的使用体验: 高效: 静态类型重构代码更高效可靠 直观: 阅读源代码更加方便直观 清晰: 类型声明让开发者在调用时更清楚的了解参数含义及类型 ECharts5.0 如何让开发者获得全新体验? 增强动画效果 - 通过动态排序柱状图、动态走势折线图,增强图表讲故事的能力 标签更灵活、直观,视觉效果更佳 - 标签文字自动布局,支持回调 - 将开发者指定的位置作为一个锚点,并在其周围进行调整以避免重叠 更强大的自定义系列图表

小程序自定义 tabbar 以vant weapp为例

不羁岁月 提交于 2020-08-18 08:05:32
1.首先建立 custom-tab-bar 文件夹 包含 index.js index.json index.wxml // index.js文件 Component({ data: { active: 0 , list: [ { "url": "/pages/index/index" , "icon": "wap-home-o" , "text": "首页" }, { "url": "/pages/index/prize" , "icon": "orders-o" , "text": "奖品" }, { "url": "/pages/index/exchange" , "icon": "points" , "text": "兑换" }, { "url": "/pages/index/my" , "icon": "user-circle-o" , "text": "我的" } ] }, methods: { onChange(e) { console.log(e, 'e' ) this .setData({ active: e.detail }); wx.switchTab({ url: this .data.list[e.detail].url }); }, init() { const page = getCurrentPages().pop(); this .setData(

Deno上传文件

醉酒当歌 提交于 2020-08-18 06:51:35
Deno上传文件 视频讲解 https://www.bilibili.com/video/BV1BT4y1E7Nh/?p=6 我们一起来完成以下步骤: 沿用之前的工程代码 创建上传页面和响应的controller 添加上传文件功能 测试 #controllers/controller.ts const { cwd } = Deno; class Controller { static async getData(ctx: any){ //cwd获取当前工程目录 //注意 ' !== ` ctx.render( ` ${cwd()} /views/index.ejs` ,{ title : "Testing" , data :{ name : "deepincoding" } }); } static async uploadPage(ctx: any){ ctx.render( ` ${cwd()} /views/upload-page.ejs` ); } static async uploadAction(ctx: any){ //我们这里不返回页面,而是返回上传文件的信息 ctx.response.body = ctx.uploadedFiles; } } export default Controller; #routers/index.ts import { Router

直播间中的用户交互技术点

China☆狼群 提交于 2020-08-18 06:35:15
对于直播中的用户交互大致可以分为: 送礼物 发表评论或者弹幕 对于送礼物,在 H5 端可以利用 DOM 和 CSS3 实现送礼物逻辑和一些特殊的礼物动画,实现技术难点不大。 对于弹幕来说,要稍微复杂一些,可能需要关注以下几点: 弹幕实时性,可以利用 webscoket 来实时发送和接收新的弹幕并渲染出来。 对于不支持 webscoket 的浏览器来说,只能降级为长轮询或者前端定时器发送请求来获取实时弹幕。 弹幕渲染时的动画和碰撞检测 ( 即弹幕不重叠 ) 等等 Html5 直播聊天室组件 该组件主要适用于基于 Html5 的 web 大群互动直播场景。具备如下特点 : 1 )支持匿名身份入群,粉丝与主播进行亲密互动 2 )支持多人聊天,主播同一个帐号多标签页收发消息,粉丝再多也不用愁 3 )支持多种聊天方式,文本,表情,红包,点赞,想怎么互动就怎么互动 4 )支持不同优先级消息的频率控制,一键在手,权利尽在掌握中 5 )对互动直播场景进行了专门的优化,参与人数多,消息量再大也能从容应对 前端技术点 秒开 时延 流畅 清晰度 图玩智能科技为企业提供专业的直播技术支持,提供直播平台的二次开发服务,搭建更完善更稳定的直播系统,欢迎咨询www.toivan.com 来源: oschina 链接: https://my.oschina.net/u/4203900/blog/4286870

JavaScript动画实例:圆点的衍生

一曲冷凌霜 提交于 2020-08-18 05:44:15
考虑如下的曲线方程: R=S*sqrt(n) α=n*θ X=R*SIN(α) Y=R*COS(α) 其中,S和θ可指定某一个定值。对n循环取0~999共1000个值,对于每个n,按照给定的坐标方程,求得一个坐标值(x,y),然后以(x,y)为圆心绘制一个半径为6的圆,可以得到一个螺旋状的图形。 编写如下的HTML代码。 <html> <head> <title>衍生的圆点</title> </head> <body> <canvas id="myCanvas" width="600" height="600" style="border:3px double #996633;"> </canvas> <script> var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d'); var scale = 10; var theta = 30; for (n=0;n<1000;n++) { var radius = scale * Math.sqrt(n); var angle = n * theta * (Math.PI / 180); var x = radius * Math.cos(angle) + canvas.width / 2; var y = radius *

OpenCV开发笔记(六十六):红胖子8分钟带你总结形态学操作-膨胀、腐蚀、开运算、闭运算、梯度、顶帽、黑帽(图文并茂+浅显易懂+程序源码)

元气小坏坏 提交于 2020-08-17 19:13:18
若该文为原创文章,未经允许不得转载 原博主博客地址: https://blog.csdn.net/qq21497936 原博主博客导航: https://blog.csdn.net/qq21497936/article/details/102478062 本文章博客地址: https://blog.csdn.net/qq21497936/article/details/107106565 红胖子(红模仿)的博文大全:开发技术集合(包含Qt实用技术、树莓派、三维、OpenCV、OpenGL、ffmpeg、OSG、单片机、软硬结合等等)持续更新中…(点击传送门) Qt开发专栏:项目实战(点击传送门) OpenCV开发专栏(点击传送门) 上一篇:《 OpenCV开发笔记(六十五):红胖子8分钟带你深入了解ORB特征点(图文并茂+浅显易懂+程序源码) 》 下一篇:持续补充中… <br> 前言   红胖子,来也!   opencv之前讲解了各种形态学操作,使用了形态学对应的函数,除此之外,opencv在形态学上还提供了专门的函数处理,一个函数搞定所有,当然就不能实现自定义的一些算法,如3次膨胀,2次腐蚀了(之前的开、闭运算demo提供了这种操作)。 <br> Demo    Q       形态学   图像处理中的形态学,指数字形态学。   数学形态学是数学形态学图像处理的基本理论

国税总局发票查验平台验证码识别方案,识别率达98%

不羁的心 提交于 2020-08-17 17:05:49
全国增值税发票查验平台验证码 6.19 更新 有人说我文章没有干货只有思路,这里我分享一下源码,训练及部署的教程: https://blog.csdn.net/kerlomz/article/details/86706542 至于国税总局的发票查验平台JS这块的逆向可以参考: https://blog.csdn.net/qq_35228149/article/details/106818057 验证码分析 如图所示:图像验证码,识别指定颜色的文字。 识别思路 首先有几条道路可以通向罗马,这里不分先后优劣一一讲述。 颜色提取的思路 ,可以采用HSV/K-means聚类进行颜色的分离提取:效果如下: 弊端显而易见,会有较大的特征丢失,识别率有较大的提升瓶颈,经过测试,中英文+汉字的识别率在90%左右。 不分离颜色的思路,该方案有两种处理方法: (1) 同时预测颜色和字符内容 ,这种方法看起来比较正统,但是成本较高,需要标注每张图的 颜色 和 字符内容 ,这个要求有多高呢,一般的打码平台是 无法 提供这样的结果的,打码平台只返回对应颜色的内容,只能人工标注,那么需要多少样本呢?笔者训练的识别率98的模型用了100w左右的样本。一张这样的样本标注假设需要0.1元,那么100w样本需要10w标注费用,假设0.01元,也要1w的标注费用。但是验证码高质量的人工标注几乎是不存在的,因为很多样本

[原创][开源] SunnyUI.Net 主题

半世苍凉 提交于 2020-08-17 16:50:36
SunnyUI.Net, 基于 C# .Net WinForm 开源控件库、工具类库、扩展类库、多页面开发框架 Blog: https://www.cnblogs.com/yhuse Gitee: https://gitee.com/yhuse/SunnyUI GitHub: https://github.com/yhuse/SunnyUI 帮助文档目录: https://www.cnblogs.com/yhuse/p/SunnyUI_Menu.html 欢迎交流,QQ群: 56829229 (SunnyUI技术交流群) 主题 1、Color 色彩 SunnyUI为了避免视觉传达差异,使用一套特定的调色板来规定颜色,为你所搭建的产品提供一致的外观视觉感受。主要颜色参照Element( https://element.eleme.cn/ ) 主色 SunnyUI主要品牌颜色是鲜艳、友好的蓝色。 辅助色 除了主色外的场景色,需要在不同的场景中使用(例如红色表示危险的操作)。 中性色 中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。 2、Rect边框 我们对边框进行统一规范,可用于按钮、卡片、弹窗等组件里。 主要属性如下: RectColor:边框颜色 RectDisableColor:控件不可用时边框颜色 RectSides:边框显示方向 无:不显示边框 全部