程序员经验分享-hwhale

关于vue-cli2.9.6 使用vue-video-player,视频播放rtmp视频流error:in ./node_modules/videojs-swf/dist/video-js.swf

2023-11-15

我在做vue前端开发项目的时候，领导让我在别人项目的基础上进行二次开发，我将自己的页面合并至平台，我用的vue-cli版本是2.6.9，然后我按照正常流程，引入vue-video-player video.js等，然后配置playerOptions等参数，main.js也进行了配置！
在这里插入图片描述
在这里插入图片描述
然后运行开始报错，如下，好多技术人员说在webpack.base.conf.js,在webpack.config.js等文件进行配置，但是我的这个版本并没有这俩文件，又是别人扔掉的项目包，没法去问别人，然后我搜了一下我的这个版本应该在哪里修改配置，
在这里插入图片描述
在多次尝试后在vue.config.js，进行改配置后彻底解决该问题！
在这里插入图片描述
但是可悲的是，问题一环接一环，然后浏览器console：开始报错IDEOJS: ERROR: The “flash” tech is undefined. Skipped browser support check for that tech.，然后网上的给的解决方法是先删除node_modules依赖所有内容，重新npm update,我试过两次发现并不行！正确方式应该是：打开package.json文件，将红框这些版本号删除，然后再将node_modules依赖所有内容删除，重新npm update,
一定要先卸载cnpm后再执行如下步骤！！！！！！！！！！！！！！！！！！！
npm update后会提醒你进行vue-video-playe，videojs，video-flash等的安装，这时候需要注意
1.npm install vue-video-player --save
2 npm install video-flash --save //因为是播放rtmp格式流，需要安装 videojs-flash 插件，必须用npm安装！！！！！！！
安装vue-video-player插件一定要用npm安装，不可使用cnpm安装，否则会报“The “flash” tech is undefined. Skipped browser support check for that tech

在这里插入图片描述
前端开发新手，最后留一句话：学习是对未来最好的投资！

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

css

vuejs

html5

nodejs

关于vue-cli2.9.6 使用vue-video-player,视频播放rtmp视频流error:in ./node_modules/videojs-swf/dist/video-js.swf 的相关文章

  • 零作为 IIFE 中的第一个参数[重复]

    这个问题在这里已经有答案了 In babeljs v6 5 1 class Foo 编译为 use strict var classCallCheck2 require babel runtime helpers classCallChec

  • Three.js - 在代码中包含网格数据

    我有这个 Three js 代码 其中 JSON 加载器从文件 models mountain json 加载网格 var Three new function this scene new THREE Scene this camera

  • 如何在 Node.js 中让一个 EventEmitter 监听另一个 EventEmitter？

    我想做这样的事情 var events require events var emitterA new events EventEmitter var emitterB new events EventEmitter emitterA ad

  • 父>子CSS选择器

    我经常使用这个CSS选择器parent gt child 我的设计在 Mozilla 和 Opera 中看起来不错 但在 IE 中 就很糟糕了 我知道 gt 在 IE 中无法识别 但是 IE 中的替代方案是什么 一种替代方法是使用通用选择器

  • 是否可以覆盖 javaScript 原始数据类型？

    问题是不言自明的 我知道可以扩展原始数据类型 例如string但有可能覆盖它吗 这是在采访中被问到的一个问题 不 你不能覆盖任何东西 Ecma脚本定义原始类型 http es5 github com x4 3 2 Undefined Nul

  • 向对象添加元素

    我需要填充一个 json 文件 现在我有这样的东西 element id 10 quantity 1 我需要添加另一个 元素 我的第一步是使用该 json 将该 json 放入对象类型中cart JSON parse 现在我需要添加新元素

  • 只需编辑 .css 即可更改

    有 4 div class myField 每一个都在另一个之下 http jsfiddle net urielz 6Mdmd http jsfiddle net urielz 6Mdmd 我想将其视图更改为两对情侣面对面 就像结果一样 h

  • 如何在 angularjs 中修剪（）字符串？

    有角度特定的方法吗 如果没有 我应该使用内置的jquery 来做到这一点吗 如果我应该使用内置的jquery 如何在不使用 的情况下访问trim 函数 或者这是必要的 编辑 是的 我知道 str trim 对不起 我需要这个才能在 IE 8

  • Meteor.js 登录事件

    因此 我对 Meteor 框架和 JavaScript 总体来说还很陌生 但我正在使用该框架开发一个小项目 以尝试让自己达到标准 基本上我正在开发一个微博客网站 目前 用户可以通过多种服务登录 fb google 等 我通过插入所需 url

  • Excel 类似 HTML 表格，可在 x 轴（完整表格）和 y 轴（标题固定）上滚动

    我想建立一个具有固定宽度列的表格 在大多数情况下 表数据会水平和垂直溢出 如果列的宽度大于视图宽度 则需要水平滚动条来滚动并查看所有表列 同时滚动标题和数据 如果数据的高度大于可用视图 则会出现垂直滚动框 但在滚动时保持标题固定 以便用户关

  • 为什么我需要 $(document.body) 来使用 Mootools Element 方法扩展 document.body？

    因此 在尝试让我的应用程序在最新的 IE 上运行后 结果发现 IE 不喜欢以下代码 document body getElement className Firefox 和 Chrome 响应良好 但是document bodyIE 上没有

  • iOS 5 中的 webkit-overflow-scrolling: touch "handle" 是否有外观 CSS 规则？

    我有一个元素恰好同时具有 webkit overflow scrolling touch 和 background color black 因此显示滚动位置的 手柄 很难看到 是否有 webkit CSS 样式规则可以改变该 手柄 的外观

  • Dojo/on 和捕获阶段

    有没有办法用 dojo on 在捕获阶段 而不是冒泡阶段 触发事件 我最终在这里寻找有关 on 的前身 dojo connect 的信息 就其价值而言 dojo connect 似乎不支持捕获阶段的事件侦听器 它的工作原理是将事件处理程序作

  • 在 Google Apps 脚本中的文本前插入换行符

    我需要在 Google 文档中的某些文本之前插入一些换行符 尝试过这种方法但出现错误 var body DocumentApp getActiveDocument getBody var pattern WORD 1 var found b

  • Laravel 使用 laravel-cors 和 axios 进行 POST 的“CSRF 令牌不匹配”

    我有一个正在运行的domain A拉拉维尔 5 8返回 API 的引擎网络路线 它必须检查来源才能只服务几个域 包括domain B Barryvdh laravel cors我安装了barryvdh laravel cors https

  • 在数据库准备好之前运行 Jest 测试

    我正在使用 Jest 来测试我的带有 SQLite 数据库的 Express API 但是出现了以下问题 测试在数据库准备好并创建表之前运行 我使用以下代码连接到数据库 const connectToDatabase gt let db i

  • FullCalendar 检查选择日是否有活动？

    我正在使用 Full Calendar js 插件 到目前为止一切顺利 但我想检查开始和结束之间的选择是否有事件 我只需要返回 true 或 false 基本上 如果日期选择中已经存在事件 我想阻止用户创建事件 var calendar c

  • Serviceworker Bug event.respondWith

    我的 serviceworker 的逻辑是 当发生获取事件时 它首先获取包含一些布尔值 而不是 event request url 的端点 并根据我正在调用的值检查该值event respondWith 对于当前的获取事件 我正在提供来自缓

  • 使用 Lodash 将对象键转换为具有键值数量的数组[重复]

    这个问题在这里已经有答案了 我有一个产品对象 products bread 1 milk 2 cheese 2 chicken 1 我想要一个包含产品名称的数组 如下所示 products bread milk milk cheese ch

  • Nodejs Express css和js未加载

    我在nodejs上使用express 我加载的 html 文件没有获取 java 脚本和 css 文件 索引 html

随机推荐

  • Queen on Grid_dp

    思想很单纯 gt dp Code 代码解释 dp i j ans 1 i 1 j 竖着过来 dp i j mod dp i j ans 2 i j 1 横着过来 dp i j mod dp i j ans 3 i 1 j 1 斜着过来 dp

  • Java实现快排算法

    快排算法的思想用笔画画其实不难理解 但是当我想用代码写出来时发现没那么简单 好久没接触这些基本的知识又忘了 在此做个笔记 我对快排的理解是 从数组的第一个数字开始 每轮确定一个数字的正确位置 当所有数字的位置确定好了 也就排好序了 一 先用

  • STM32初学入门笔记（3）：STM32CubeMX配置STM32实现多通道ADC+DMA读取模拟量

    模拟信号的读取是我们在做很多项目是都要用到的 而模拟量的读取就要依赖于ADC数模转换器 对于初学者 学习使用ADC可以很大的帮助以后的STM32学习 目录 ADC简介 DMA简介 工程开始 STM32CubeMX配置区 配置外部时钟 配置调

  • Git 开发必备 .gitignore 详解！【建议收藏】

    作者 Linux猿 简介 CSDN博客专家 C C 面试 刷题 算法尽管咨询我 关注我 有问题私聊 关注专栏 Linux 优质好文持续更新中 目录 一 为什么使用 gitignore 二 使用规则 2 1 注释 2 2 忽略文件 2 3 忽

  • 移动支付那点事儿

    关于本文支付相关的源码详见我的开源项目MobilePayment 前言 移动支付其实是非常简单的 因为只要按照第三方的文档来就行了 所以在本次分享中 其实更像是一次开发的纪要 当然也有一些看点 做过支付的人都知道支付的难点其实是在第三方文档

  • 狂神说Go语言学习笔记（一）

    狂神说Go语言学习笔记 二 狂神说Go语言学习笔记 三 狂神说Go语言学习笔记 四 一 Go语言的发展史 二 Go语言能做什么 三 Go语言环境安装 下载地址 国外网站太慢 我们使用中文网进行下载 Go下载 Go语言中文网 Golang中文

  • 海伯利安生态内用户如何实现资产跨链？意义何在！

    随着ERC20高额的转账Gas费和网络拥堵问题日益突显 越来越多的用户感受到了前所未有的高操作成本 直呼转不起账了 没法玩了 那么为了减缓用户压力 海伯利安技术团队目前正在紧张地部属基于Heco生态链与Atlasl链之间的跨链桥 帮助用户在

  • Python制作【大麦网】抢票程序，看演唱会再也不怕没票了

    前言 大麦网 是中国综合类现场娱乐票务营销平台 业务覆盖演唱会 话剧 音乐剧 体育赛事等领域 但是因为票数有限 还有黄牛们不能丢了饭碗 所以导致了 很多人都抢不到票 那么 今天带大家用Python来制作一个自动抢票的脚本小程序 知识点 面向

  • PyTorch错误收集与解决方法

    PyTorch错误收集与解决方法 文章目录 PyTorch错误收集与解决方法 RNN的初始状态在多GPU训练报错 RuntimeError module must have its parameters and buffers on dev

  • matlab中怎么获取文件路径,matlab获取文件路径和读写二进制文件

    1 matlab中处理路径和文件名 主要用到2个函数 pathstr name ext versn fileparts filename fileparts函数返回文件路径各部分的信息 在返回的参数中 pathstr表示文件路径 name是

  • 使用vscode remote ssh功能远程连接服务器或树莓派时，报错Setting up SSH tunnel的终极解决办法，全网仅此一份

    当你想用vscode remote ssh 功能远程开发linux服务器 树莓派时 vscode server文件创建完成 但是一直显示卡在 Setting up SSH Host lt 你的用户名 gt Setting up SSH tu

  • Kendo UI开发教程(1): 概述

    JavaScript 在开发Web应用的作用越来越大 JQuery简化了HTML和JavaScript之间的操作 jQuery的教程可以参见本博客jQuery和 jQuery UI 入门教程 jQuery UI 是一套 JavaScript

  • 前端开发程序员的月薪到底有多高？

    前几天微信公开课上 张小龙现场展示了 跳一跳 听说还会邀请最会 跳 的人去其办公室一决高下 不由让人下定决心苦练神功 以见张大佬一面 不管是小程序的横空出世 还是Web应用的大量涌现 它们都掀起了一波 前端开发需求热 给前端开发工程师们带来

  • RedisTemplate读取包含指定前缀的Key的value

    文章已同步到个人博客 http www tianshaojiao com p 2140 一 需求 我在做im开发的时候 往往需要在redis中存入客户端与服务端的连接信息 这些连接信息都是有指定前缀的 如下图所示 现在如果想要推送消息到所有

  • 【华为OD机试真题2023 JS】Linux发行版的数量

    华为OD机试真题 2023年度机试题库全覆盖 刷题指南点这里 Linux发行版的数量 知识点DFS搜索BFS搜索并查集 时间限制 1s 空间限制 256MB 限定语言 不限 题目描述 Linux操作系统有多个发行版 distrowatch

  • -std=c99带来问题

    今天用 std c99编译c文件 内容是信号这一块的 包含了sigprocmask 编译时发现总是显示sigset t类型没有声明 函数中的3个状态的无法找到 后来发现把 std c99去掉就行了 不知道有什么区别

  • 15 玩转STM32之IIC通信（芯片硬件篇）

    15 1 IIC控制器说明 硬件部分 在14 玩转STM32之IIC通信 软件模拟篇 我们讲了软件模拟的方式 本章讲解芯片自带的硬件部分 并非所有的芯片都含有IIC 像51系列的是没有的 但是绝大多数是有的 根据我用过的S32 STM32

  • 高通 ADSP sensor SSC

    1 添加入口函数 adsp sensors dd qcom inc sns dd h extern sns ddf driver if s sns dd

  • 实战：单点登录的两种实现方式，附源码

    最近工作有点忙 好久没更新文章了 正好这两天在整理单点登陆相关的文档 今天趁着小孩睡着了 赶紧码一篇实战文交差 概念 单点登录 Single Sign On SSO 是一种身份验证服务 允许用户使用单个标识来登录多个应用程序或系统 如下图所

  • 关于vue-cli2.9.6 使用vue-video-player,视频播放rtmp视频流error:in ./node_modules/videojs-swf/dist/video-js.swf

    我在做vue前端开发项目的时候 领导让我在别人项目的基础上进行二次开发 我将自己的页面合并至平台 我用的vue cli版本是2 6 9 然后我按照正常流程 引入vue video player video js等 然后配置playerOpt

热门标签