最近项目中要求不再通过发送请求导出excel表格了，于是在网上找了找方法，在这记录一下方便以后查阅 一、首先先在项目中安装这几个包npm install xlsx --save
npm install file-saver --save
npm install xlsx-style --save二、包安装完成之后在需要导出表格的组件中引入import FileSaver from 'file-sa
一、Element Form资料地址：https://element.eleme.cn/#/zh-CN/component/form下面以Form表单为例，介绍Element UI的使用。第1步：使用脚手架创建vue工程；vue create vue-form第2步：添加element插件。vue add element选择按需加载：第3步：在App.js文件中定义Form表单；<templ
转载
2024-04-21 18:04:52
101阅读
Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。5.1. Vue实例初始化的选项配置对象详解5.1.1. Vue实例的的data对象介绍Vue的实例的数据对象data 我们已经用了很多了，数据绑定离不开data里
文章目录 声网简介语音视频通话API互动直播API实时消息API实时录制API实时码流加速API水晶球Agora Analytics 质量监控平台基于声网实现视频通话注册配置实现音视频通话基本逻辑创建对象加入频道创建轨道订阅轨道基于以上步骤封装组件导入注册使用项目页面注意事项GitHub链接 声网简介语音视频通话API通过调用API，应用可实现1对1、多对多实时语音、视频通话功能互动直播API通过
转载
2024-02-28 16:54:29
570阅读
到目前为止 Android 中还不能直接录制正方形的视频， 虽然不能直接录但是我们也有一些方式来处理录制后的视频， 之前我写过一篇文章 Android 自定义Camera(一), 可以先了解一下如何做一个简单的自定义相机demo， 那录制视频也要开启相机预览， 有以下几个步骤和需要注意的地方：1. 获取相机实例/**
* 获取Camera实例
*
* @return
转载
2024-01-05 21:50:29
115阅读
Vue详解在谷底也要开花！P00 前言：回顾SSM阶段P01 前端核心分析Vue：前端体系、前后端分离1、概述Vue（读音 /vju`/，类似于 view）是一套用于构建用户界面的渐进式框架，发布于2014年2月。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库（如：vue-router：跳转，vue-resource：通信，v
转载
2024-01-31 11:30:26
46阅读
一、上传到后端指定的服务器 后端人员有配置好服务器地址，我们可以直接用element-ui的组件进行视频上传，直接将el-upload组件的action属性配置成后端给的地址即可。一篇比较好的参考文章，细看1.引入库element官网引入库配置npm i element-ui -S2.配置上传
转载
2023-12-05 23:25:36
297阅读
前段时间在开发网站时遇见一个需求，需要在页面上播放视频，且可以实现快进暂停等功能。因为前段使用vue-cli搭建的vue工程，所以特意去搜索了vue中播放视频所要的一些插件，并实现功能，特意分享出来，帮助需要的同学渡坑。闲话少说，我们直接看代码。1.安装video.js、vue-video-player、videojs-contrib-hls在项目所在文件夹下安装利用npm安装所需要的插件，包括v
转载
2023-11-20 01:02:57
146阅读
工作有要播放视频监控的需求，最近就自己先了解了一下网页播放rtsp视频流的方法，以下是我的个人经验。 最终选择了vue+webrtc-streamer实现在网页播放rtsp流这种方法进行测试。个人经验第一次尝试了vue-video-player+videojs的方法，发现只适用于支持flash的浏览器，但目前所有浏览器的最新版都已不支持flash插件，于是放弃。注意vue-video-player
转载
2024-03-15 20:29:04
3059阅读
点赞
1评论
Vue使用 video-player 播放 M3U8 视频流因为前端页面如果是接入视频流的话，说难也难，说不难也不难。 如果单纯提供视频流url连接，没有中间件进行转的话： rtsp 是不能直接接入web的，因为web不能直接接入rtsp视频流，需要后端或者是中间件进行转化，把rtsp的视频流转换成其他前端可以接入的视频流格式，一般是hls，也就是m3u8。 rtmp格式视频流以前是可以接入的，但
转载
2024-05-30 11:18:32
198阅读
因为video标签只能播放特定格式的视频，比如MP4、WebM和Ogg格式，而对于这种视频流文件则需要通过转码实现，而vue-video-player也只能播放特定格式的视频。所以要播放监控的实时视频，除了在浏览器的地址栏直接打开摄像头的地址，还可以通过webrtc-streamer和video标签在页
转载
2024-05-31 13:17:04
995阅读
项目进行时, 对视频模块需要进行组件开发，结合当前使用的开发框架是vuecli。 于是寻找到vue-video-player 根据github上的文档进行开发，发现并不能实现播放功能，于是在网站上进行寻找发现，vue-video-player依赖于videojs效果图1、安装： npm install vue-video-player --save 推流/m3u8 需要：npm install -
转载
2024-08-07 00:14:46
1051阅读
vue-video-play 记载视频观看时间和还原视频进度vue-video-play 还原视频进度vue-video-play 记载视频观看时间vue-video-play 全屏也要将弹出窗DOM置顶 vue-video-play 还原视频进度参考文档 vue-video-play 实现视频播放进度保存从后台获取的播放视频参数如下:当前播放到哪里了的时间videoLearnedTime视频时
转载
2024-08-25 15:23:23
101阅读
前言 在vue3 中尝试了很多插件都不支持，vue3-video-player在ios不兼容，所以最后选择用了vue-video-player，但是在ts中编译不是通用的，所以需要手动修改一下编译方法，最后可以使用了，详情请看下面。 目录一、安装npm依赖二、main.ts引入三、ts导致的错误解决 四、视频播放器配置五、完整代码六、展示效果一、安装npm
转载
2024-01-17 12:20:03
372阅读
为什么要开启gzip压缩？为了解决页面白屏时间长的问题gzip压缩有几种方式呢？有两种：让服务器压缩：当浏览器发送请求时，服务器进行实时压缩，返回浏览器webpack打包时，进行压缩，浏览器请求时，服务端进行一些配置，返回压缩文件两种用那种好呢第一种，因为是实时压缩，所以非常耗服务器性能 第二种，就是dist打的包会偏大 所以，两者综合起来会更好思路：webpack打包时，当文件体积超过一定程度的
转载
2024-06-07 13:14:10
363阅读
一、概述基于 Vue 的一个轻量级视频播放组件，适配 PC 和移动端。官方链接：https://webweifeng.github.io/vue-mini-player/ 特色1.轻量级 HTML5 播放器，精美 UI2.提供以 npm3.多格式视频配置，移动端+PC 通用模式多类型视频支持自定义海报多平台兼容静音开关播放时间进度全屏支持拖动播放倍
转载
2023-07-14 10:29:05
840阅读
vue如何编辑视频 vue编辑视频方法vue这款软件特别要推荐给大家，编辑视频是相当的专业，不用你在手机上把视频转到电脑上去一帧一帧的剪辑，vue视频APP就能帮你搞定，操作也是简单的，小白都能使用，vue怎么用？下面小编为大家详细介绍。首先点击本页面中的vue视频软件下载安装，然后打开软件进入；更改拍摄的画幅、时间设置：在我们制作(自行拍摄之前)可以来设置拍摄时候的色调滤镜，拍摄的
转载
2024-03-21 20:30:29
167阅读
1. 什么是WebRTC1.1 WebRTC简介WebRTC，名称源自网页即时通信（英语：Web Real-Time Communication）的缩写，是一个支持网页浏览器进行实时语音对话或视频对话的实时通信框架，提供了一系列页面可调用API。参考定义： 谷歌开放实时通信框架在上一篇博客Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互 中，已经涉及到We
转载
2024-08-09 10:42:04
91阅读
最近再尝试Vue播放视频，结果没想到有人让我保存进度，有点懵逼，不过觉得还是可以挑战一下的。首先先用Vue项目去集成Vue-Video-Player（https://github.com/surmon-china/vue-video-player），具体的集成步骤不再赘述。集成完之后先做出来一般基础的框架，实现视频的播放功能。代码如下：<video-player class="video-
转载
2023-10-18 16:51:47
287阅读
文章目录221. 最大正方形题目解题思路代码实现实现效果 221. 最大正方形题目来源：https://leetcode-cn.com/problems/maximal-square题目在一个由 0 和 1 组成的二维矩阵内，找到只包含 1 的最大正方形，并返回其面积。示例:输入:
1 0 1 0 0
1 0 1 1 1
1 1 1 1 1
1 0 0 1 0
输出: 4解题思路思路：动态
转载
2024-07-02 08:33:23
46阅读
