- 博客(16)
- 收藏
- 关注
RSS订阅原创 mqttws31.js 库文件使用与说明（基于 websocket 的前后端消息发布订阅）
除了http（向服务器发送请求接收数据）websocket（与服务器建立双向通信的通道），这里提供了一种基于 websocket 、发布订阅模式的双工通信方式。发布订阅：这是一种通信的模式，最常见的实践是基于MQTT。简单来说就A向B订阅一个主题（topic）,订阅之后 A 可以收到 B 关于这个主题的消息推送；同时 A 也可以在这个主题向 B 发送消息（发布过程），从而完成双向的通信。本文中的 A 就是浏览器，B 就是目标服务器。
2024-07-11 17:46:11
497
原创 前端文件下载方式总结
网上关于前端实现文件下载的文章已经有很多了，而且有的写的十分详细专业。之前一直不愿意做此类记录，一来是觉得这方面的文章太多太详细了，没有写的必要；二来是想着自己写的还不一定有别人写的好。但随着日常开发中用到的文件下载功能用的越多，各种下载方式都有使用过，觉得需要记录一下，以方便使用。
2024-06-19 10:00:40
1277
原创 WebRTC播放组件之 srs.sdk.js 使用与详述
webrtc流媒体的播放，本质上也是基于建立端到端的RTC连接、接收推送过来的视频流数据的过程。webrtc流地址本质上就具有很强的规则性，其中包含信令服务器地址、基本参数等。SRS（Simple Real-Time Media Server）是一个强大的开源的流媒体服务器， webrtcs视频流的播放本身就是一个订阅（播放）的过程，因此 SRS 源码中自然包含播放的代码，即srs.sdk.jssrs.sdk.js是基于 SRS 实时视频服务器、对浏览器支持的WebRTC基础功能的封装。
2024-06-17 18:26:11
1045
2
原创 WebRTC播放组件之 jswebrtc 使用与详述
gitHub 地址gitee地址（gitHub地址一般访问不上，这里找到一个可用的 gitee 地址）（推荐使用）WebRTC(Web Real-Time Communications) 是 RTC 的一部分，是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流/音频流或者其他任意数据的传输。JSWebrtc 是基于 SRS 实时视频服务器、对浏览器支持的WebRTC基础功能的封装。
2024-06-14 15:55:52
1092
3
原创 HTML5 媒体播放器 video、audio 自定义播放器进度条（下）
let duration = '' // 用于显示的总时长，格式 xx:xxlet currentTime = '' // 用于显示的当前播放的时刻let max = '' // 总时长let value = '' // 当前时刻HTML5 ＜video＞常用属性、时间、方法及基础使用说明。
2024-06-13 19:47:20
380
2
原创 HTML5 ＜video＞常用属性、时间、方法及基础使用说明
标签也可用于播放音频，但播放音频用更加适合。MP4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件基础写法
2024-06-12 15:33:32
1079
原创 Vue2 使用天地图响应式信息窗口的一种实现方式
在弹框组件里面，采用vue组件的形式，使弹框里面的功能实现分离，大大提高了拓展性，由于组件的响应式特征，我们对于弹框内容的自定义性也更好把握，最主要的是，代码写起来方便了。若需要在弹框中实现较为复杂的展示或交互的时候，需要通过。这里的项目框架是 vue2 + vue-cli3，为了使效果更加突出，这里在弹框中引入了 ECharts。在项目开发中，我们可以借助项目框架自带的响应式组件处理。代码尽可能体现的实现思路，具体业务可在此基础上拓展。主要实现代码（直接在 app 组件里面写了）
2023-12-22 18:47:36
1247
4
原创 fabric -- 画布实现一简单图片上传背景，拖拽点位demo
vue2的项目结构，直接将 App.vue 文件替换即可运行。以下是完整代码，其中 icon 是阿里图标库切下来的图标。
2023-08-06 23:18:53
324
原创 Vue 实现一简单响应式状态管理Store
arr:[],count:0// 添加// 删除// count++// 将 store 挂到 Vue原型new Vue({这里通过类实例化一个 store 对象，在其实例上声明state（注意是对象）， addItem、delItem为对象上用来操作 arr数组 的增加与删除方法，increate 为给 count 递增的函数。通过Vue.use()将 store 对象挂在Vue的原型上，这样就可以实现该对象的全局访问（组件vc通过原型链获取 $verySimpleStore 属性）
2023-05-27 16:22:21
540
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人