BADAO_LIUMANG_QIZHI的博客

在上面的基础上，实现弹窗窗体可移动以及随意缩放大小。

上面讲了Nginx-http-flv-module+flv.js进行流媒体服务器搭建和前端播放视频流的过程。但是Nginx-http-flv-module对于Windows的支持以及推流格式的支持优先，所以下面推荐rtsp-simple-server流媒体服务器的使用。

前面使用Vue播放RTMP流时，需要借助于flash。这种方式对于flash插件的安装与后续浏览器支持等都不是很好。可以采用将rtmp的视频流转换成HTTP-FLV的方式，然后前端通过bilibili的flv.js实现播放。

在上面搭建起来前后端架构之后，在前后端分别进行AES方式的加解密。上面分别讲了在SpringBoot以及Android和Winform中的AES加解密的对应关系。如果是SpringBoot与前端Vue进行交互的话，在Vue中如何进行AES加解密。注意这里的对应关系Java AES加密中的ECB加密模式对应于Vue中的CryptoJS.mode.ECB模式;Java中的PKCS5Padding填充方式，对应于Vue中的CryptoJS.pad.Pkcs7;

kkFileView为文件文档在线预览解决方案，该项目使用流行的spring boot搭建，易上手和部署，基本支持主流办公文档的在线预览，如doc,docx,xls,xlsx,ppt,pptx,pdf,txt,zip,rar,图片,视频,音频等等。在接入并进行预览时提示找到kkFileView目录下log下kkFileView.log文件查看具体报错这是因为一开始没将预览文件url进行Base64编码导致。注：博客：关注公众号霸道的程序猿。

Vue中使用vue-video-player插件播放本地mp4视频文件：Vue中使用vue-video-player插件播放本地mp4视频文件_霸道流氓气质的博客-CSDN博客上面在播放本地mp4文件时，路径写死，如果实现动态url设置。 注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。1、设置src时赋值空2、在点击预览或者播放时动态赋值url这里url通过模拟1到3之间的整数拼接获取

若依前后端分离版手把手教你本地搭建环境并运行项目：若依前后端分离版手把手教你本地搭建环境并运行项目_霸道流氓气质的博客-CSDN博客_前后端分离项目本地运行在上面搭建项目的基础上，先实现了播放rtmp视频流Vue中使用vue-video-player和videojs-flash插件实现播放rtmp视频文件流：Vue中使用vue-video-player和videojs-flash插件实现播放rtmp视频文件流_霸道流氓气质的博客-CSDN博客_video.js-flash如果需要在本地模拟出播放视频效果，需

若依前后端分离版手把手教你本地搭建环境并运行项目：若依前后端分离版手把手教你本地搭建环境并运行项目_霸道流氓气质的博客-CSDN博客_前后端分离项目本地运行Vue页面上某个弹窗内容是innerHTML动态拼接。系统演示时需构造模拟数据，模拟出数据随机改变的效果。 注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。1、给需要变化的元素添加span标签以及id属性2、在mounted方法中添加定时器

若依前后端分离版手把手教你本地搭建环境并运行项目：若依前后端分离版手把手教你本地搭建环境并运行项目_霸道流氓气质的博客-CSDN博客_前后端分离项目本地运行前端接收到后台数据之后需进行多个条件判断进而显示对应的图片路径。比如先判断车辆的类型、再判断车辆方向、再判断车辆是否在线等条件之后进而设置对应的图片Url。 首先将各种情况下图标按照类型_方向等规范命名，比如：pickup_car_left.png就代表皮卡类型方向向左的图片。注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBo

业务要求为实现每天上报各部门计划人数，需要通过excel导入数据。前端可以解析excel数据并进行初步的格式校验。导入成功之后解析的数据excel里的数据为。

在上面的基础上，实现页面引导/新手指引的效果如下。

需要做一个Android端和Web端的聊天室，Android端的录音音频文件为.amr格式，除了通过后台server端转码之后，是否可以通过插件在前端直接播放amr的音频文件。

上面在进行web端录音时在本地使用127.0.0.1或者localhost运行时可以正常录音，但是在通过ip访问进行录音时提示：浏览器不支持getUserMedia!http请求的 chrome，edge, fireFox 等主流浏览器由于安全限制将不会暴露getUserMedia 方法，所以就不能够访问用户的媒体设备。注：博客：关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。

浏览器web端实现语音消息录制并在录制结束之后将其上传到后台接口。在上面的基础上，搭建前后端的架构。

SpringBoot+Vue+HIKVSION实现摄像头多选并多窗口预览(插件版)：SpringBoot+Vue+HIKVSION实现摄像头多选并多窗口预览(插件版)_霸道流氓气质的博客-CSDN博客在上面的基础上进行摄像头预览时，如果电脑与摄像头Ip网络不通或者用户名、密码等信息配置错误时，会导致整个浏览器卡死无响应。翻找其官方文档 发现有可能是在调用登录设备时同步与异步导致。注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主关注公众号霸道的程序猿获取编程相关

场景若依前后端分离版手把手教你本地搭建环境并运行项目：若依前后端分离版手把手教你本地搭建环境并运行项目_霸道流氓气质的博客-CSDN博客_若依前后端分离在上面的基础上，怎样实现markdown在线编辑功能。注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现1、插件地址mavon-editor - npm2、安装插件npm install mavon-ed

场景若依前后端分离版手把手教你本地搭建环境并运行项目：若依前后端分离版手把手教你本地搭建环境并运行项目_霸道流氓气质的博客-CSDN博客_若依前后端分离在上面的基础上，怎样实现代码在线编辑功能。注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现1、插件地址GitHub - surmon-china/vue-codemirror: ⌨️ @codemirro

场景Node-RED简介与Windows上安装、启动和运行示例：Node-RED简介与Windows上安装、启动和运行示例_霸道流氓气质的博客-CSDN博客_nodered windowsNode-RED怎样导出导入流程为json文件：Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-CSDN博客_怎么导出json文件Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度：Node-RED安装图形化节点dashboard实现订阅mq

场景Node-RED简介与Windows上安装、启动和运行示例：Node-RED简介与Windows上安装、启动和运行示例_霸道流氓气质的博客-CSDN博客_nodered windowsNode-RED怎样导出导入流程为json文件：Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-CSDN博客_怎么导出json文件Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度：Node-RED安装图形化节点dashboard实现订阅mq

场景Node-RED简介与Windows上安装、启动和运行示例：Node-RED简介与Windows上安装、启动和运行示例_霸道流氓气质的博客-CSDN博客_nodered windowsNode-RED怎样导出导入流程为json文件：Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-CSDN博客_怎么导出json文件Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度：Node-RED安装图形化节点dashboard实现订阅mq

场景Node-RED中使用node-red-contrib-image-output节点实现图片预览：Node-RED中使用node-red-contrib-image-output节点实现图片预览_霸道流氓气质的博客-CSDN博客在上面的基础上，怎样从Windows操作系统中选择文件，并可将选择的图片文件进行预览。注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。.

场景Node-RED简介与Windows上安装、启动和运行示例：Node-RED简介与Windows上安装、启动和运行示例_霸道流氓气质的博客-CSDN博客_nodered windowsNode-RED怎样导出导入流程为json文件：Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-CSDN博客_怎么导出json文件在上面的基础上怎样在流程面板中就可以对照片进行预览。可以安装node-red-contril-image-out节点。注：博客：霸道流氓气

场景Node-RED简介与Windows上安装、启动和运行示例：Node-RED简介与Windows上安装、启动和运行示例_霸道流氓气质的博客-CSDN博客_nodered windowsNode-RED怎样导出导入流程为json文件：Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-CSDN博客_怎么导出json文件在上面的基础上怎样实现在Node-RED中调用exe程序。注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot

场景Node-RED中建立静态网页和动态网页内容：Node-RED中建立静态网页和动态网页内容_霸道流氓气质的博客-CSDN博客在上面的基础上，怎样实现连接Mysql数据库并将数据库中的数据显示在网页上，以及执行插入、更新、删除操作。注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现1、安装NodeRED节点节点管理搜索node-red-node-mysql,安装

场景Node-RED中建立静态网页和动态网页内容：Node-RED中建立静态网页和动态网页内容_霸道流氓气质的博客-CSDN博客上面使用html文字内容实构造Web网站，在HTML网页中显示照片。注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现1、设计流程2、第一个流程/image路由使用read file节点读取和显示文件编辑read file节点

场景Node-RED中建立静态网页和动态网页内容：Node-RED中建立静态网页和动态网页内容_霸道流氓气质的博客-CSDN博客上面使用html文字内容实构造Web网站，怎样根据现有的HTML文件内容构建网站那。注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现1、新建一个HTML文件，并将其放在D盘根目录下<!doctype html><htm

场景Node-RED中建立静态网页和动态网页内容：Node-RED中建立静态网页和动态网页内容_霸道流氓气质的博客-CSDN博客在上面的基础上，怎样实现用户输入并提交表单，然后解析获取表单提交的内容注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现1、第一个流程回应一个HTML表单网页，路由/form，方法是get2、template节点，建立表单fo

场景Node-RED中建立静态网页和动态网页内容：Node-RED中建立静态网页和动态网页内容_霸道流氓气质的博客-CSDN博客在上面的基础上，怎样让网站返回json数据，而不是HTML网页注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现1、设计布局2、编辑Http in返回json的url3、编辑template节点4、编辑http

场景Node-RED中建立静态网页和动态网页内容：Node-RED中建立静态网页和动态网页内容_霸道流氓气质的博客-CSDN博客在上面的基础上，怎样根据json数据快速搭建起来显示数据的网站页面。注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现1、设计布局如下2、编辑change节点数据源json如下{"name":"霸道的程序猿","age"

场景Node-RED简介与Windows上安装、启动和运行示例：Node-RED简介与Windows上安装、启动和运行示例_霸道流氓气质的博客-CSDN博客_nodered windowsNode-RED怎样导出导入流程为json文件：Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-CSDN博客_怎么导出json文件怎样建立一个流程回应一页静态的HTML网页内容，可以使用http in 和http response节点再加上template节点注：博客：霸

场景Node-RED简介与Windows上安装、启动和运行示例：Node-RED简介与Windows上安装、启动和运行示例_霸道流氓气质的博客-CSDN博客_nodered windowsNode-RED怎样导出导入流程为json文件：Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-CSDN博客_怎么导出json文件CSV的内容是使用纯文字方式表示的表格资料，第一行是表格的标题，每一列用,隔开。例如：Name,height,weightJoe,170,70

场景Node-RED简介与Windows上安装、启动和运行示例：Node-RED简介与Windows上安装、启动和运行示例_霸道流氓气质的博客-CSDN博客_nodered windowsNode-RED怎样导出导入流程为json文件：Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-CSDN博客_怎么导出json文件Node-RED中建立websocket客户端是使用websocket in 和websocket out建立。注：博客：霸道流氓气质

场景Node-RED简介与Windows上安装、启动和运行示例：Node-RED简介与Windows上安装、启动和运行示例_霸道流氓气质的博客-CSDN博客_nodered windowsNode-RED怎样导出导入流程为json文件：Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-CSDN博客_怎么导出json文件Node-RED中可以使用tcp in 和 tcp out节点来建立TCP服务端以及TCP客户端。注：博客：霸道流氓气质的博客_CSDN博客-C#

场景Node-RED中使用json节点解析JSON数据：Node-RED中使用json节点解析JSON数据_霸道流氓气质的博客-CSDN博客在上面的基础上怎样解析json数据显示天气资料仪表盘。这里获取天气的json数据从高德开放平台获取天气查询-API文档-开发指南-Web服务 API | 高德地图API注册并申请自己的key,可以先在浏览器中访问数据。注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主关注公众

场景Node-RED简介与Windows上安装、启动和运行示例：Node-RED简介与Windows上安装、启动和运行示例_霸道流氓气质的博客-CSDN博客Node-RED怎样导出导入流程为json文件：Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-CSDN博客json示例数据如下[{"title": "ASP.NET網頁程式設計", "author": "陳會安", "category": "Web", "pubdate": "06/2015", "id":

场景Node-RED简介与Windows上安装、启动和运行示例：Node-RED简介与Windows上安装、启动和运行示例_霸道流氓气质的博客-CSDN博客Node-RED怎样导出导入流程为json文件：Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-CSDN博客我们可以使用浏览器的开发人员工具获取指定HTML网页资料的CSS选择器后，使用html节点以CSS选择器来获取资料。注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,Spri

场景Node-RED简介与Windows上安装、启动和运行示例：Node-RED简介与Windows上安装、启动和运行示例_霸道流氓气质的博客-CSDN博客Node-RED怎样导出导入流程为json文件：Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-CSDN博客Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度：Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度_霸道流氓气质的博客-CS

场景Node-RED简介与Windows上安装、启动和运行示例：Node-RED简介与Windows上安装、启动和运行示例_霸道流氓气质的博客-CSDN博客Node-RED怎样导出导入流程为json文件：Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-CSDN博客Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度：Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度_霸道流氓气质的博客-CS

场景Node-RED怎样导出导入流程为json文件：Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-CSDN博客Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度：Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度_霸道流氓气质的博客-CSDN博客在上面的基础上怎样使用Switch开关组件和DropDown下拉选择组件。注：博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,Spr

场景Node-RED简介与Windows上安装、启动和运行示例_霸道流氓气质的博客-CSDN博客Node-RED怎样导出导入流程为json文件：Node-RED怎样导出导入流程为json文件_霸道流氓气质的博客-CSDN博客Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度：Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度_霸道流氓气质的博客-CSDN博客在上面的基础上怎样使用Slide滑杆组件和Numer