摘要:
判断当前界面是否为一个 iframe 界面。 报警音目前只存在一个按钮,但是如果使用 iframe 的话,会在一个界面存在多个控制按钮,于是增加判断当前是否为 iframe ,来控制按钮显示 if (self.frameElement && self.frameElement.tagName 'IF 阅读全文
摘要:
实际上 gif 图片是没有 播放暂停等直接操作 api 的 不过可以使用 libgif.js,通过操控 gif 图片的分解组合,来实相同效果。 同时增加了一个倒放按钮,能够倒放 gif 图片 代码记录: /** * 图片 gif 动图,控制(暂停,播放,重播,前一帧后一帧,倒放) * 文档:http 阅读全文
摘要:
主要是为了实现图片转 base64 功能。 1、通过图片上传,使用 FileReader 读取文件,直接可获得 base64 字符串 2、通过 document.execCommand('copy'); 实现复制功能 /** * 图片转为 base64 字符串存储;(上传图片+复制base64字符串 阅读全文
摘要:
之前写过脚本用来下载 ts 视频文件,偶尔存在个别 ts 下载不下来的情况,手动去重新处理又太麻烦,所以需要写个脚本来过滤未下载项。 逻辑比较简单: 1、配置 download 文件夹地址,读取已下载好的文件名称 2、配置 sourceList.txt 文件地址,读取要下载项字符串地址 3、根据读取 阅读全文
摘要:
模拟后端 websocket 推送数据,判断播报类型,执行对应播报方法,demo 记录 /** * 报警流程 demo 测试 * setTimeout 模拟 websocket 推送报警数据 * 随机产生播放 音频|语音 类型数据 * 随机 循环次数,1次=1 | 3次=2 | 5次=3 | 单次循 阅读全文
摘要:
写 demo 测试遇到了个问题,多次对同一个元素执行 addEventListener 时,会被调用多次: 此时,只需将要绑定的方法,保存至变量即可再绑定即可: 阅读全文
摘要:
demo 记录: html <ng-container> <div class="audition-modal"> <p class="item" *ngFor="let item of list; let sub = index"> <span>{{ sub + 1 }}. {{ item.nam 阅读全文
摘要:
项目中报警,出了音频以外,还需要根据文字读取出语音,百度了一下,浏览器已经内置了相关功能(语音合成) /** * 调用浏览器内置语音合成对象:语音合成Speech Synthesis API */ export class SpeechTest { constructor() { // 最简单的执行 阅读全文
摘要:
项目中要增加一个报警需求,根据 websocket 返回的列表,进行实时音频报警 听着需求,比较好实现,先做个 demo: 1、下载个音频文件 2、引入html 中调用 play 结果加载后没有自动播放,控制台报了个错误: 查了下原因,大概意思就是:为了防止用户流量偷跑,浏览器在用户交互之前,禁止自 阅读全文
摘要:
项目中的组件通信,原以为使用 EventEmitter,再通过 subscribe 订阅传递消息 结果找了一圈都没发现相关代码,倒是一直有 this.store.patch 这种代码: 百度了一下,发现是一种状态管理工具(孤陋寡闻了): Angular中的状态管理大部分可以被service接管,那么 阅读全文