
h5
文章平均质量分 69
老炉传说
追求美的事物
展开
-
雄迈摄像头ffmpeg转码推送至websocket
近期做了一个摄像头web呈现项目,用的是雄迈的摄像头,上次用的海康,所以将本次ffmpeg转码推送的代码做了一下记录。雄迈摄像头推送代码如下:ffmpeg -rtsp_transport tcp -i "rtsp://摄像头ip:554/user=admin&password=&channel=1&stream=0.sdp?real_stream" -q 0 -f mpegts -codec:v mpeg1video -s 1000x600 -r 30 http://192.16原创 2020-12-31 16:57:54 · 2448 阅读 · 1 评论 -
JavaScript ES6 异步async函数无法拿到return值-返回undefined的解决方法
异步获取函数直接上异步获取数据的函数async function getData(url) { const carsDataResponse = await fetch(url); const carsData = await carsDataResponse.json(); const mydt = carsData.map(obj =>{return {name:obj.Name,mpg:obj.Miles_per_Gallon}})原创 2020-11-18 10:24:39 · 7242 阅读 · 0 评论 -
JavaScript es6 let和const作用域测试
之前我们在做js的时候习惯使用var定义变量(当然有很多人连var都不用),如果在函数中使用var定义变量,则变量的作用域仅在该函数中起作用。如果不用var,即使你在函数中新创建一个变量,这个变量仍然是全局的。如果在for循环中使用var定义变量则该变量作用域为当前for循环的父级,这会造成很多的不便。好在es6新推出的let和const,很好的解决了for循环及判断语句作用域的问题。例如使用var写如下代码 var b = true; if(b){ var c = 0;原创 2020-11-18 10:57:47 · 129 阅读 · 0 评论 -
Python读视频流发送给前端H5呈现-websocket实现方法
今天一个同事用Python做了一个关于机器视觉的处理,他希望处理的视频结果能够在H5页面上实时呈现出来,方便客户通过浏览器查看。折腾了一天终于搞定,现总结方法如下:需求Python读视频流进行处理,处理结果呈现在H5网页上,要求延时不能大于0.5秒。分析Python处理每一帧的图片,处理好以后发送到前端呈现,所以前端最好使用canvas或img标签呈现图片,通过实时更改canvas或img的图片可以达到视频呈现的效果。通过分析,我们决定使用图片的base64编码作为发送的图片数据,所以最终选择了im原创 2020-11-19 18:07:45 · 9978 阅读 · 8 评论 -
控制台也能炫-chrome浏览器控制台输出彩色文字
前些时间做一个前后端通信的系统,在调试的过程中每次刷新页面都有很多输出,乱的很,所以自己又加了几个颜色的输出,console.js内容如下:var sq = { log: function (s, css) { css = (css == undefined) ? "color:#fff7d3;background-color:#ff4f49;font-size:12px;padding:10px;" : css; console.log("原创 2020-11-12 21:00:41 · 1511 阅读 · 0 评论 -
小白H5成长之路13:块容器纵布局的小知识
“小白,网页分析的怎么样了?”“小有感触,我发现很多网站头部和底部容器都是通栏的,浏览器窗口多宽,他们就有多宽。这些好像是自动适应的,主体部分一般都是固定的宽度,并且是居中显示的!”“不错,小白,看得很仔细,你之前也自己看了html的标签,那么你应该知道什么是“块”吧!”“知道,块元素(容器)默认宽度跟它父容器的宽度一样,而且前后有换行符。如果不做特殊的样式控制,每个块容器两边都不会有...原创 2019-01-13 22:34:13 · 255 阅读 · 0 评论 -
小白H5成长之路5:CSS需要全学么?
“小白,CSS样式看的怎么样了?”第二天老朱找到小白问道。小白郁闷的说道:“过了一遍,不过CSS样式太多了,看的有点晕。”“嗯,过一遍就可以了,我来跟你说一下CSS怎么用吧!你还是打开昨天的文档。”查看源码“打开了!”“好的!CSS样式最常见的就是控制一个容器(div、p、span、li等这些都是容器)的文字样式、高宽度、背景、间距、边框等,比如width:100px就代表...原创 2019-01-04 20:19:50 · 251 阅读 · 0 评论 -
《小白H5成长之路8》原来这就是传说中的jQuery啊!
“小白!今天我们开始学习怎么使用jQuery,jQuery是一个非常强大的js框架,在做网页功能的时候配合jQuery你会发现对网页上的容器控制变得很简单,这会让你一直保持学习的动力。所以我准备让你先学习引入jQuery,然后对容器进行一些基础操作,再配合js的一些知识循序渐进的进行深入学习。好了现在打开你的webStorm的mylearn项目吧!”“mylearn项目?哦!我想起来了,打开w...原创 2019-01-06 22:35:57 · 186 阅读 · 1 评论 -
小白H5成长之路7:javascript需要注意哪些基础知识
“小白,js的基本语法都看了吧!”“看了,变量、函数知识我都看了,原来JS是一种弱类型语言,定义的时候不用声明他是什么数据类型,给变量赋什么类型的值,变量就是什么数据类型。函数就更简单了,直接使用function 函数名(){函数内容}就可以了!你看我写的这段代码!两个alert输出都是a+b的值11”a = 5;b = 6;function addnum(a,b) { re...原创 2019-01-06 15:44:37 · 1552 阅读 · 2 评论 -
《小白H5成长之路11》通过jQuery更改元素的css样式
北方的风太大,吹得窗户咚咚作响,小白自从上午用了jQuery事件后,一直沉浸在鼠标控制容器内容的练习里面,周围无论多大的噪音也干扰不了他。中午太阳很好,低头族们又来到小白旁边向阳的窗口扎堆晒太阳。其中一人无意间看到了小白真正摆弄的页面,感到很好奇,说道:“哇!小白,这是你做的么?”小白得意的说道:“必须的!”“小白你真了不起,几天不见居然都会高科技了!”,“哇!小白,真佩服你,你居然会写程...原创 2019-01-10 09:27:37 · 240 阅读 · 1 评论 -
《小白H5成长之路10》做web页面经常用到的鼠标事件
近日,外面天气越来越冷,由于小白办公室是阳面,因此窗户口总能聚集各式各样前来晒太阳的低头族。看着他们,小白也想懒洋洋的靠在窗口,看着手机放松放松自己。放松的想法在小白脑海中仅仅存在了十几秒中后,就彻底消失在虚空之中了。小白发现自从认真学html5开始到现在,居然把没事就想拿出手机的习惯都给改掉了。处理完手头的事情后,小白又去找老朱,看看今天会学什么方面的知识。“小白,这几天连续学习累不累?”...原创 2019-01-09 15:56:52 · 297 阅读 · 1 评论 -
小白H5成长之路12:网页布局纵横之术
老朱一大早口中念念有词:“折冲樽俎之间,决胜千里之外”,小白摸不清头脑问道:“这是什么意思?”“没事!我正在想今天怎么跟你说网页布局的事,因为网页布局也分横布局和纵布局,因此我就想到了古人这句话,今天咱就探讨一下网页布局的纵横之术吧!”“好的,听上去很高大上啊!”,小白笑嘻嘻的说道。“小白,你经常看网页,有没有发现,无论一个网站多复杂,它都是由三大块组成的:头部区域、主体内容区域和底部...原创 2019-01-13 22:32:24 · 239 阅读 · 0 评论 -
小白H5成长之路2:小白你知道什么是HTML5么?
下午外面起风了,北方的冬天说来就来,好在小白的办公室是阳面,还算暖和。处理完手头工作后,小白找到了老朱,正式开始学习。老朱:“小白,你知道什么是HTML5么?” 小白:“大概了解一些,HTML5就是使用JavaScript+CSS+HTML来做网页,具体怎么做就不知道了!”老朱:“恩,原理是这样!大道理我就不说了,说多了你也记不住,就算记住现在也理解不了。我大概给你说一下网页制...原创 2019-01-04 19:59:12 · 311 阅读 · 0 评论 -
动态获取的JSON数据如何自定义Echarts的x轴并自动切换动态显示
如何动态显示Ecahrts图表下面是我们要显示的JSON数据,为了简单起见,省去了Ajax获取JSON数据的步骤,直接定义变量,变量为获取到的JSON数据。 let count = {"1":[{"num":177,"time":"21:27:5"},{"num":177,"time":"21:27:9"},{"num":189,"time":"21:27:13"},{"num":185,"time":"21:27:17"},{"num":184,"time":"21:27:21"},{"num"原创 2020-12-15 21:51:45 · 1240 阅读 · 2 评论 -
小白H5成长之路1:小白对人生的困惑
小白大学毕业后去了一家公司做了运维工作,到现在已经工作两年了,因为他的工作比较清闲,上班时间基本都是在游戏和上网冲浪中度过的。 最近小白结婚了,想着以后要靠他们小两口共同支撑新的家庭,他开始慢慢的对自己当前工作状况忧虑起来。每天这样虚度可不是回事啊,可是自从毕业以后在学校学的编程技术基本已经还给老师了,想换个好工作都没有技术资本。每每想到这里,小白都会叹气。 ...原创 2019-01-04 19:57:07 · 421 阅读 · 0 评论 -
小白H5成长之路3:做H5之前我该准备什么工具?
早晨上班时候,小白来的很早,他已经迫不及待的开始学习HTML5了,老朱刚来他就凑了过来,“朱哥,我应该从哪儿开始学?”,“你不用着急,先把做HTML5的工具准备好吧!”“你先下载一个webStrom,这是用来写web前端代码的软件,功能非常强大,用这个软件可以省去你记忆css属性名、html标签名的时间,js的代码提示功能也非常强大。”“然后安装谷歌chrome浏览器”小白:“为何...原创 2019-01-04 20:00:41 · 360 阅读 · 0 评论 -
小白H5成长之路6:CSS样式的另一种写法,class是个好东西
“小白昨天给你的布局练习做的怎么样了?”“已经做好了,朱哥,你看一下!”代码如下:查看这个示例的源码“不错嘛,做的很好。不过小白,你有没有发现把css代码直接写到div的style属性上面看着很乱。我们现在这才写了一个容器的样式,如果一个页面上有上百个容器,整个页面css代码的量是很恐怖的!我们可以把css样式写到一个单独的css文件中,或者写到head里面的style标签...原创 2019-01-05 21:55:26 · 597 阅读 · 1 评论 -
《小白H5成长之路9》学会使用jQuery常用的选择器
“小白,上午我们学会引入了jQuery,然后用jQuery改变了一个div的html内容,现在我们说一下jQuery常用的选择器,如果你用好jQuery选择器,你会发现改变一个或一组容器的html内容是如此的简单。”“在jQuery里面最常用到的是id选择器,今天上午我们刚用过那个方法,$('#main')就是找到id为main的容器并将它转换为jquery对象,id选择器需要在id名前面加上...原创 2019-01-08 20:38:56 · 264 阅读 · 1 评论 -
小白H5成长之路4:还需要学习什么备用知识?
原文地址 “小白,HTML标签看完了么?文档对象模型看了么?” “看了,我终于知道你昨天问我的那个关于网页结构的问题了,原来根据文档对象模型,网页就是一个对象嵌套的结构,最外层是html标签,里面是head和body标签,head和body里面又有各自的子标签,可以一直嵌套。” “嗯,大概就是这个意思,好了现在你打开WebStorm软件,新建一...原创 2019-01-04 20:08:35 · 239 阅读 · 0 评论