最近在做直播相关的东西，这个动画是IOS先撸出来的，后来android这
转载
2022-12-15 22:39:23
137阅读
Vue中在线直播最近公司刚好在做直播，那么今天就记录一下遇到的坑，公司服务器用的亚马逊aws，所以直接看官方的api就可以了，aws官方地址aws直播api 先看下具体的实现后的效果图把 按照网上成熟的方法，使用的是video.js,然后aws做了一层封装，那么我们直接拿来使用把,这里使用vue版本的vue-video-player先安装下相关的包npm install vue-video-pla
转载
2024-04-09 14:29:11
208阅读
videojs官网: https://videojs.com/getting-startedvideo.js安装使用videoJs前势必需要先安装videoJs,目前有两种方式可以使用；npm包安装工具npm install video.js --save-dev
npm install videojs-contrib-hls --save直接在<head></head>标
转载
2024-06-19 18:21:47
154阅读
它在美妆直播界人人必备它在微距拍摄界超凡脱俗它就是环形灯环形灯顾名思义是一个环状的灯本期，我们就来看看这种灯到底能怎么玩？N0.1 直播布光用法 超简单直接把灯放在被拍摄者的正前方相机在灯的圆中心拍摄就好了手机的话，那么这款灯带有一个手机支架环形灯的特殊结构让它成为了有一个自带柔光箱的光源这样拍出的视频画面往往光线均匀阴影非常少深受美妆直播大咖的喜爱戴眼镜如果用这种灯的话很容易出现灯的反射所以呢我
转载
2023-10-13 05:22:39
157阅读
创建一个简单的Vue项目请参考：使用vue-cli脚手架创建Vue项目创建一个简单的Spring Boot项目请参考：使用IntelliJ IDEA创建Spring Boot项目利用npm安装axios打开命令行窗口，并进到到vue项目的目录下，
执行命令：npm install axios
（因为网速慢下载失败，所以用淘宝的仓库了）实现跨域访问Vue端的设置先打开Vue项目中config下的in
转载
2024-07-15 13:17:17
159阅读
文章目录前言一、若依项目地址二、部署步骤1.拉取项目2.准备项目所需环境的修改3.安装服务器中jar包所需要的运行环境4.部署前端部分5.安装 nginx总结 前言前后端分离的开发模式在现代web应用开发中越来越流行，它可以提高开发效率、降低维护成本、提高系统的可扩展性和可维护性。而腾讯云作为国内领先的云计算服务提供商，为开发者提供了稳定、高效、安全的云计算服务，为前后端分离应用的部署提供了良好
# 将文件从 Vue 上传到 Redis 的完整过程
在现代 web 应用中，文件上传是一个常见的需求。我们通常会将文件存储在后端数据库或文件系统中。Redis 是一种高性能的键值存储系统，通常用于缓存，但我们也可以将文件（通常是小文件，比如图片或配置文件）存储在 Redis 中。本文将详细介绍如何通过 Vue 上传文件到 Redis。
## 整体流程概述
在实现 Vue 上传文件到 Red
# Android Assets中放置Vue项目指南
作为一名经验丰富的开发者，我将指导你如何在Android应用中整合Vue项目。Vue.js是一个用于构建用户界面的渐进式框架，而Android是一个流行的移动操作系统。将Vue项目放入Android的assets目录可以简化开发流程，提高应用性能。
## 流程概览
以下是将Vue项目整合到Android应用的步骤：
| 步骤 | 描述
原创
2024-07-22 07:42:29
120阅读
vue提供了两种不同的存储变量：props和data。这些方法一开始可能会让人感到困惑，因为它们做的事情很相似，而且也不清楚什何时使用props，何时使用data。那么props和data有什么区别呢？data是每个组件的私有内存，可以在其中存储需要的任何变量。props是将数据从父组件传递到子组件的方式。在本文中，我们将学习到：什么是props，为什么这些数据只向下流动，而不是向上data 选项
转载
2024-09-23 13:06:52
103阅读
来咯，本菜鸡日常踩坑！！！ 这次咱们来唠唠这个直播的时候，怎么接入rtmp动态视频流。 说下我们的这个直播，我们是用socketio监听学生是否上下线的，在线的学生，老师可以进行视频的推拉流，跟学生连麦闭麦，当前只支持单个学生的连麦及闭麦。 话不多说，开始。准备工作： 下载video-js.swf文件：5.4.2版本 video-js.swf文件下载videojs相关js文件：videojs.mi
转载
2023-11-20 08:50:20
14阅读
项目背景用户在移动H5端能观看客户直播端推送的直播视频，以及服务器上的点播视频（可重复观看的视频）。实现方案是借助腾讯云灵活的接口，快速与其自有 Web 应用集成，来实现视频播放功能直播页面准备工作： 在vue项目根目录下的index.html中引入初始化脚本；<!-- 直播sdk -->
<script src="https://web.sdk.qcloud.com/p
转载
2024-10-11 22:01:42
115阅读
前言：rtmp直播流 ，flv直播流的一些方法，这里分享下，播放 websocket的直流的方法，使用的方法是JSMpeg，JSMpeg是JS写的视频、音频解码器，能使用WebGL&Canvas2D渲染以及WebAudio声音输出。目录：相关资料：1、官网入口2、github3、官方例子4、gitee案例实现效果：遇到问题： &nb
一、 Vue.js是什么Vue.js是一套构建用户界面（view）的MVVM框架。Vue.js的核心库只关注视图层，并且非常容易学习，非常容易与其他库或已有的项目整合。1.1 Vue.js的目的Vue.js的产生核心是为了解决如下三个问题：解决数据绑定的问题；Vue.js框架生产的主要目的是为了开发大兴单页面应用（SPA：Single Page Application）Angular.js中对PC
转载
2023-12-25 10:44:07
37阅读
起因是我的医疗公众号项目为了应对新需求引入了西瓜视频插件，但后台配置视频文件后有的可以正常展示，有的却是黑屏。我这边的安卓和ios端app都嵌套了我写的h5页面。初步调查：个别课程在手机上看着确实不能播放，在电脑上播放是视频全程是黑色，格式看着是mp4,怎么其他视频可以这两个不可以我也搞不明白，就让后端帮忙查一查，发现是这几个视频大小50M多一些，其他课程视频短，接口返回的长时长视频链接打开黑屏，
HTTP Live Streaming（HLS）HLS是苹果基于Http实现的流媒体协议。HLS协议主要分为3个部分:内容准备、内容分发和客户端软件内容准备：内容准备部分负责将输入的音视频媒体内容转换成为适合于内容分发组件进行递送的格式。过程如下：编码器首先会将摄像机或视频的音视频数据压缩编码为符合特定标准的音视频基本流（苹果视频仅支持H.264和AAC音频格式）然后在复用和封装成为MPEG-2系
下载flv.js cnpm install flv.js 引入 import flvjs from 'flv.js' 使用 HTML <video ref="videoElement" v-model="test" id="dplayer" controls autoplay muted width ...
转载
2021-10-19 10:28:00
3002阅读
2评论
文章中描述了Vue和Axios加载直播流的整个过程，涵盖了参数解析、调试步骤、性能调优、排错指南和最佳实践，以便为开发者提供一份全面的参考指南。
### 背景定位
我们在构建一个直播流应用时，使用Vue作为前端框架，Axios作为HTTP请求工具。不幸的是，初期的实现遇到了性能瓶颈和加载延迟问题，这在直播场景下影响了用户体验。
**问题场景**：
在用户观看直播时，经常出现卡顿、延迟加载或无
vue 项目进行直播视频4-30 更新 一个人的力量总是有限的，所以提供一些参考文档，大佬博客 官方的详细文档：https://docs.videojs.com/docs/api/player.html#MethodscurrentTime video-js 的使用技巧：https://www.awaimai.com/2053.html#5最近电商直播非常火，于是接到需求搞搞！ 看了很多相关的文章
1、新建一个项目目录，cnpm init 初始化，根据提示填写内容；cnpm init
cnpm init -y //不想它问问题，可以用这个默认安装-y：全都yes，让npm不要提示并自动完成初始化【传送门：npm config】2、安装webpack和webpack-clicnpm install webpack webpack-cli -Dpackage.json配置文件的**devDep
publicPathType: string
Default: '/'
官方文档说明：部署应用包时的基本 URL。用法和 webpack 本身的 output.publicPath 一致，但是 Vue CLI 在一些其他地方也需要用到这个值，所以请始终使用 publicPath 而不要直接修改 webpack 的 output.publicPath。默认情况下，Vue CLI 会假设你的应用是被部
转载
2024-08-05 18:07:23
82阅读
