- 博客(7)
- 收藏
- 关注
RSS订阅
原创 angular中直播页面的制作(一)
近期公司有这样一个需求，要求在运维后台中查看所有站点的视频监控。简单来说就是做一个直播网页，能够查看实时视频。我们的运维后台是基于angular7为技术栈的项目，视频流的格式是rtmp格式，这种格式的视频就无法用html中的video标签来进行播放。由于之前对视频相关的内容不甚了解，查阅相关文档后，也有了初步的认识。根据视频流格式，选定了ckPlayer和video.js两种方案。我本人比较倾向于使用ckPlayer，也在项目中使用了，不过发现了很多问题，由于我们的需求方使用的浏览器很多，所以要求要兼容
2020-06-05 22:33:53
516
原创 uni-app开发中遇到的坑及解决办法？
1、Q: 在uni-app开发过程中，如何去掉滚动条？A：可以在页面中使用scroll-veiw这个标签，并且给列表设置高度，注意这个高度一定要是手机剩下的可以滚动的区域，最好是可以动态获取高度，因为不同手机的高度是不一样的示意代码<scroll-view class="list" scroll-y v-if="list.length > 0" :style="{ height: scrollHeight + 'px'}" ...
2021-09-26 16:41:18
1005
原创 从H5页面跳转到小程序页面，再从小程序页面返回到H5时，H5页面不刷新
需求背景：因为业务需要从H5页面跳转到小程序页面，再从小程序页面返回到H5时，H5页面也要刷新目前在这个问题时有很多思路，大概如下：1.document.hidden判断页面是否可以见（此方法在Chrome浏览器下能够准备的打印出页面的显示与隐藏，但是在小程序环境中嵌入的H5页面没有任何打印）var hidden, visibilityChange;if (typeof document.hidden !== "undefined") { hidden = "hidden";
2021-01-21 14:53:33
3163
原创 Video.js爬坑指南
在上一篇我们已经讲解过Video.js和cKplayer的引入和使用，任何事物都具有两面性，插件在简单好用的同时，也会有很多坑让我们遇到，这篇文章就会针对，video.js使用过程都各种坑，提供相应的解决办法。1.在angular中将rtmp播放地址，直接写在html文件中，不能播放<video id="historyVideo" class="video-js vjs-big-play-centered history-video" controls
2020-06-07 10:23:32
488
原创 angular中直播页面的制作(二)
在上一篇文章讲到，在angular中使用ckPlayer播放器，由于ckPlayer自身插件的问题不能满足我的需求，那么在这一篇，我将会讲解如何在angular中使用video.js播放rtmp视频。Video.js是一款web视频播放器，支持html5和flash两种播放方式。更有自定义皮肤，插件，组件，语言还丰富的选项配置。...
2020-06-06 19:13:36
635
2
原创 前端使用dagre-d3生成流程图的那些事儿
这两天遇到这样一个需求，在前端页面展示流程图，我之前没有做过类似的需求，就来找万能的度娘 了。流程图根据需求不同，展示的形式有所不同，但是本质还是一致的。经过百度搜索，我找到了几种方案，简单给大家介绍一下：1.做能拖拽和编辑的流程图推荐使用https://jsplumbtoolkit.com/demos.html,这个网站专门用于生成流程图，基本能满足你的所有需求2.展示流程图，不对流...
2019-02-19 19:52:56
10826
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人