前言 在vue3 中尝试了很多插件都不支持，vue3-video-player在ios不兼容，所以最后选择用了vue-video-player，但是在ts中编译不是通用的，所以需要手动修改一下编译方法，最后可以使用了，详情请看下面。 目录一、安装npm依赖二、main.ts引入三、ts导致的错误解决 四、视频播放器配置五、完整代码六、展示效果一、安装npm
转载
2024-01-17 12:20:03
372阅读
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阅读
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阅读
为什么要开启gzip压缩？为了解决页面白屏时间长的问题gzip压缩有几种方式呢？有两种：让服务器压缩：当浏览器发送请求时，服务器进行实时压缩，返回浏览器webpack打包时，进行压缩，浏览器请求时，服务端进行一些配置，返回压缩文件两种用那种好呢第一种，因为是实时压缩，所以非常耗服务器性能 第二种，就是dist打的包会偏大 所以，两者综合起来会更好思路：webpack打包时，当文件体积超过一定程度的
转载
2024-06-07 13:14:10
367阅读
一、概述基于 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阅读
前言：大概两个月前投身于一个项目中去，项目是一个移动端的项目，所选用的框架是时下比较流行的vue。这篇文章也是针对这个项目和以前自己学习时的一些总结，包括一些通用的移动端开发要注意的事项、vue开发遇到的一些问题。本文的目的是为了在以后的开发中我们可以避免这些坑，提高我们的开发效率。 一、移动端开发特有问题：1、移动端样式的兼容性：在当前移动端的开发要面对各种不同的手机，不同的手机DPI
转载
2023-07-14 10:33:44
204阅读
手把手Vue前端开发教程本文将手把手地教你如何使用Vue进行前端开发。简介 Vue.js 是一款渐进式 JavaScript 框架，易于上手。Vue 可以被用来开发单页面应用 (SPA) 以及简单的 UI 组件。Vue 的核心库只关注视图层，并且非常容易学习和集成到其他库或项目中。环境准备 在开始使用 Vue.js 之前，你需要在本地安装 Node.js 和 npm 包管理器。 可以通过以下命令检
转载
2024-01-04 18:50:44
25阅读
基于vue3开发的影视站模板, 对接苹果cms10数据库表, 采用python+django+vue开发。
原创
2024-03-15 11:11:05
107阅读
基于vue3开发的影视站模板, 对接苹果cms10数据库表, 采用python+django+vue开发 效果预览 http://101.43.124.118:8002 源码
原创
2024-03-27 12:51:23
130阅读
