- 博客(54)
- 收藏
- 关注
原创 centos7部署EasyDarwin并注册成系统服务
在服务器 /etc/systemd/system 文件下创建easydarwin.service 文件,写入一下内容。2. 解压至服务器文件夹,并进入解压目录,打开终端输入 ./EasyDarwin 前台运行,窗口关闭服务停止。7. 没有failed,启动成功,web端口为10086,服务端口为18080,注意同时放开。3. 注册成系统服务启动,可保持后台运行。4. 在创建服务文件后,运行以下命令让。5. 启动 EasyDarwin 服务。1. 下载linux版本的压缩包。
2024-11-12 13:13:45
372
原创 vue3使用easy-player播放hls监控流
1. 在public文件夹下放入EasyPlayer-element.min.js 和 EasyPlayer.wasm 文件。easy-player未发布在npm上,只能采用静态引入方式,老版本不支持v3。这样在vue文件中可以使用easy-player 标签。2. 在根目录index.html引入。
2024-11-08 17:39:53
698
原创 vue3播放m3u8格式hls监控流
1. 摄像头的hls监控流不同于普通m3u8的视频,video标签,iframe,videojs,vue-video-player无法解析。5. 把相关文件放到public目录下,并在index.html中引入liveplayer-element.min.js。3. 说明,按照官网文档的vue安装教程试了一遍,仍旧报错,故采用静态引入方式。2. 解决办法 更换LivePlayer插件 官网。6. 传入地址可正常播放流视频 (画面不予展示)4. 下载源码压缩包 地址。5. 封装vue播放组件。
2024-10-15 14:02:10
1073
原创 浏览器渲染页面的过程
如果页面包含 JavaScript,浏览器将执行 JavaScript 代码。JavaScript 可能会修改 DOM 树和样式,从而触发重新布局和绘制。CSSOM表示网页的样式和布局信息。CSSOM 树与 DOM 树一一对应,每个元素都有对应的样式信息。CSSOM表示网页的样式和布局信息。CSSOM 树与 DOM 树一一对应,每个元素都有对应的样式信息。3. 合并DOM树和CSSOM,构建渲染树。浏览器开始计算每个元素在页面中的精确位置和尺寸。览器使用计算出的位置和尺寸信息来绘制页面。
2023-11-14 10:54:07
48
原创 vue3 setup函数语法糖
defineProps`、`defineEmits`和`useContext` 代替setup函数中的 props与context。
2023-04-24 10:53:50
142
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人