前端开发基础
文章平均质量分 92
前端开发基础
昵称系统有问题
知识成就梦想。
展开
-
浏览器播放rtsp视频流:4、jsmpeg+go实现局域网下的rtsp视频流web端播放
之前的rtsp转webrtc的方案存在如下缺陷:1.只支持h264;2.受限于webrtc的理解难度以及搭建turn/stun的p2p服务等问题,对于局域网下的业务需求来说有些杀猪用牛刀的意思;3.ios不支持webrtc。基于以上原因,我又找到了一些其它的方案进行了测试,目前看jsmpeg的方案更加适合我们的需求,而且普通压缩大小为135kb,gzip方式压缩后仅仅42kb,在嵌入式场景下也可以使用。原创 2022-10-31 20:38:12 · 3086 阅读 · 5 评论 -
浏览器播放rtsp视频流:3、rtsp转webrtc播放
浏览器播放rtsp视频流:3、rtsp转webrtc播放文章目录浏览器播放rtsp视频流:3、rtsp转webrtc播放1. 前言2. rtsp转webRTC3. 初步测试结果4. 结合我们之前的onvif+gSoap+cgo的方案做修改4.1 go后端修改4.2 前端修改4.3 项目结构和编译运行4.4 结果展示5. 最后1. 前言前面我们测试了rtsp转hls方式,发现延迟比较大,不太适合我们的使用需求。接下来我们试一下webrtc的方式看下使用情况。综合考虑下来,我们最好能找到一个go作为后原创 2022-03-24 18:43:44 · 14162 阅读 · 33 评论 -
浏览器播放rtsp视频流:1、开源方案
浏览器播放rtsp视频流:1、开源方案文章目录浏览器播放rtsp视频流:1、开源方案1. 方案一: html5 + websocket_rtsp_proxy 实现视频流直播1.1 实现原理1.2 实现步骤1.3 优缺点1.4 参考链接2. 方案二:ffmpeg + nginx + video,rtsp转rtmp播放2.1 实现步骤2.2 参考链接3. 方案三:ffmpeg + video,rtsp转hls播放3.1 实现步骤3.2 参考链接4. 方案四:VLC插件播放4.1 播放步骤4.2 优缺点4.3转载 2022-03-16 17:34:17 · 2026 阅读 · 0 评论 -
前端学习总结:5、Bootstrap
bootstrap 是最受欢迎的 HTML、CSS、JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。官网:https://getbootstrap.com/中文网:https://www.bootcss.com/阿里网盘转换的 pdf 文档:「converted-Bootstrap3 参考手册.pdf」,点击链接保存,或者复制本段内容,打开「阿里云盘」APP ,无需下载极速在线查看,视频原画倍速播放。 链接:https://www.aliyundrive.com/s/QPiAwMUVqF7原创 2022-07-16 12:50:05 · 439 阅读 · 0 评论 -
浏览器播放rtsp视频流:2、ffmpeg转hls播放(go后端利用hls做简单视频直播)
浏览器播放rtsp视频流:2、ffmpeg转hls播放(go后端利用hls做简单视频直播)文章目录浏览器播放rtsp视频流:2、ffmpeg转hls播放(go后端利用hls做简单视频直播)1. 前言2. wsl安装ffmpeg并转换rtsp为hls3. 前后端示例代码3.1 后端go代码3.2 前端代码4. 结果及评估1. 前言上一次我们找到一些开源方案,目前我们先测试一下ffmpeg转hls播放的方式,看下延迟情况及兼容性情况,主要测试Windows、Linux和macOS中使用谷歌浏览器播放的情原创 2022-03-17 09:52:47 · 1238 阅读 · 2 评论 -
前端学习总结:4、jQuery
前端学习总结:4、jQuery文章目录前端学习总结:4、jQuery1、概念2、jQuery的安装2.1 jQuery的版本2.1 jQuery的下载2.2 jQuery的使用3、jQuery语法结构3.1 基础语法: $(selector).action()3.2文档就绪事件4、jQuery选择器4.1 元素/标签选择器4.2 #id 选择器4.3 .class 选择器4.4 全局选择器4.5 并集选择器4.6 后代选择器4.7 子选择器4.8 相邻选择器4.9 同辈选择器4.10 属性选择器4.11原创 2021-12-19 23:54:06 · 152 阅读 · 0 评论 -
JS作业-表单提交和随机点名器
JS作业文章目录JS作业一. 作业11. 代码2. 结果展示二、作业21. 代码2. 结果展示一. 作业1描述:之前的任务中我们已经完成了程序创新大会报名表表单的制作和美化。用户使用的时候如果输入的数据 不合法或者干脆没有输入数据也可以直接注册,这样就给我们的服务器端造成了很大的压力,而且对用户也 不够友好哦!因为用户可能是误操作了,所以,为了降低服务器的压力,提升用户的友好度,接下来我们就 通过学习 JavaScript 技术来实现客户端用户输入数据的验证吧!要求:请自行定义表单项中的数据格原创 2021-12-19 23:10:57 · 1973 阅读 · 0 评论 -
前端学习总结:3、javascript基础
前端学习总结:3、javascript基础文章目录前端学习总结:3、javascript基础1、概述1.1 什么是JavaScript?1.1.1 概念1.1.2 作用1.2 JavaScript历史-了解1.3 JavaScript的用法1.3.1 HTML页面中的JavaScript1.3.2 外部的JavaScript1.3.3 标签属性中的JavaScript1.4 JavaScript显示数据1.4.1 使用window.alert()弹出框1.4.2 使用document.write()将内原创 2021-11-18 22:57:54 · 496 阅读 · 0 评论 -
CSS作业
CSS作业文章目录CSS作业1. 描述2. 代码结构和资源3. 代码4. 结果展示1. 描述将我们上次的HTML作业使用CSS进行一定的美化。任意进行美化,请大家发挥自己的创意和想象吧!要让其他人知道我们程序开发也是有审美的!主要联系一下CSS的常用技术。2. 代码结构和资源采用了外部样式表:3. 代码topic1.css:*{ margin: 0; padding: 0;}a{ text-decoration: none;}/* 顶部 */.top_div{ pa原创 2021-11-16 22:03:21 · 1104 阅读 · 2 评论 -
前端学习总结:2、CSS与CSS3美化页面
前端学习总结:2、CSS与CSS3美化页面文章目录前端学习总结:2、CSS与CSS3美化页面1、CSS的概念2、CSS的优势3、CSS的使用:CSS与html结合使用3.1 行内样式3.2 内部样式3.3 外部样式4、CSS语法5、CSS注释6、基本选择器:筛选具有相似特征的元素6.1 id选择器6.2 class选择器6.3 元素选择器/标签选择器7、优先级7.1 选择器的优先级7.2 样式表的优先级8、CSS常用样式8.1 color :字体颜色8.2 width height:宽高8.3 背景样原创 2021-11-15 22:37:43 · 339 阅读 · 0 评论 -
HTML作业-程序创新大会报名表制作
HTML作业-程序创新大会报名表制作文章目录HTML作业-程序创新大会报名表制作1. 描述2. 代码结构和资源3. 代码4. 效果展示1. 描述我们即将要举办第一届的程序创新大会,为了让更多的小伙伴参与进来,现在要制作一个大会的宣传网站以供用户自行注册报名。要求报名表中的选项越详细越好哦(例如来自的院校、专业、联系电话、邮箱等等),方便后续的资质审核。 那么现在开始学习 HTML,完成报名表的制作吧!完成报名表的制作,掌握 HTML 中的常用标签使用frame完成以及表单项表等完成报名表的制作原创 2021-11-10 21:18:48 · 2515 阅读 · 1 评论 -
前端学习总结:1、HTML与HTML5常用标签
前端学习总结:1、HTML与HTML5常用标签文章目录前端学习总结:1、HTML与HTML5常用标签1、概念2、快速入门3、开发工具-HBuilder3.1 HBuilder的介绍3.2 HBuilder的下载3.3 HBuilder的安装与使用3.4 使用HBuilder创建项目4、HTML文档的基本结构4.2 HTML的注释5、HTML中常用标签5.1 文本标签5.1.1. 标题标签h1--h6:字体逐渐缩小5.1.2 段落标签5.1.3 换行标签5.1.4 水平线标签5.1.5 范围标签5.2 图原创 2021-11-08 22:50:49 · 282 阅读 · 2 评论 -
3D站点访问统计小工具
3D站点访问统计小工具文章目录3D站点访问统计小工具1、revolvermaps介绍2、示例最近在学习powershell的时候(Powershell交流中心)无意发现了一个网站访问可视化的小工具revolvermaps,看起来很酷,然后找了一下也尝试放到我的个人小站上了,这里也传播一下,确实很不错。1、revolvermaps介绍RevolverMaps是一个集合的实时访客统计小工具为您的网站或博客。revolvermaps网站:https://www.revolvermaps.com一般原创 2020-12-30 17:06:40 · 497 阅读 · 0 评论 -
借助GitHub pages搭建静态个人网站并绑定域名
借助GitHub pages搭建静态个人网站并绑定域名借助GitHub pages搭建静态个人网站并绑定域名一、简介二、准备1.注册GitHub账号2.安装好Git3.购买域名(非必选)三、创建、设置GitHub pages并绑定域名1.创建仓库2.设置仓库3.进行网站开发4.域名绑定(非必须)四、最后一、简介最近学习了一部分网页开发相关...原创 2018-05-06 17:50:17 · 6023 阅读 · 9 评论