Vue使用flvjs播放flv文件
小编今天在使用Vue播放视频的时候,发现视频的格式是flv的,但是video标签是不支持flv格式的,我们只有借助第三方的工具库了。感谢bilibili团队制作的flv.js工具库。我们首先安装下npm install --save flv.js然后我们在组件里面引入import flvjs from 'flv.js'我们再在视图里面创建一个id为videoElement的video标签。&...
小编今天在使用Vue播放视频的时候,发现视频的格式是flv的,但是video标签是不支持flv格式的,我们只有借助第三方的工具库了。感谢bilibili团队制作的flv.js工具库。我们首先安装下npm install --save flv.js然后我们在组件里面引入import flvjs from 'flv.js'我们再在视图里面创建一个id为videoElement的video标签。&...
小编今天在启动给一个Vue项目的时候出现了Module build failed (from ./node_modules/babel-loader/li...
小编今天在使用npm install安装东西的时候出现了这样的错误gyp: No Xcode or CLT version detected! gyp ERR! configure error gyp ERR! stack Error: `gyp` failed with exit code: 1 gyp ERR! stack at ChildProcess.onCpExit (/u...
做前端的小伙伴应该都很清楚使用vue的v-for就可以很方便的一个数组,然后对数组中的元素就行展示或者操作,那么有没有考虑过遍历对象呢。我们在学习js的时...
小编今天在制作视频播放组件的时候,想让视频默认直接就是全屏播放,或者点击之后全屏播放,并不是点击全屏之后再进行全屏,实现方式可能有很多种,小编在这里介绍一种比较简单的,通过官方的VideoContext就可以实现的。首先我们要引入视频组件:<video id="myVideo" :src="videoUrl" @click="playv...
不知道大家平时从哪里获取小图标,矢量图等。小编呢通常是从iconfont上获取图标,大家一搜就出来了。在这之前小编都是下载到本地,保存为png文件使用的,...
在使用vueCli的脚手架工具创建完项目后,然后倒入模块的时候出现了error 'XXX' is defined but never used这样的错误,这是由于我们使用了eslint规范,ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误。这就导致了运行时候出现的错误。解决办法:在package.json文件...
Error: Avoided redundant navigation to current location ElementUI导航栏重复点菜单报错的解...
Vue-Cli3.0没有了config文件夹,默认也没有配置文件,这些都是需要我们手动进行建立的,首先我们需要在项目根目录里面建议一个vue.config.js的文件,名字必须是vue.config.js。然后在这个js文件里面进行配置,小编在下面简单介绍几个常用的配置,以及写法:module.exports={ baseUrl:'/',//根路径 outputDir:'di...
watch使用这个 属性,可以监视 data 中指定数据的变化以及路由等的变化,然后触发这个 watch 中对应的 function 处理函数。而且可以获...