关于vue使用jsmpeg拉取视频流问题

作为vue小白最近项目中遇到一个问题就是需要利用vue+jsmpeg拉取视频流，按照以往html的写法
始终报错，要不就是无法显示视频，问了下度娘，发现关于vue+jsmpeg的内容很少，折腾了两天终于解决了，决定写篇博客记录一下这个激动的时刻
解决方案
首先我没有继续使用jsmpeg.min.js改用的vue-jsmpeg.js，哈哈，度娘好像找不到这个玩意是不是，我肯定会给出下载地址啦vue-jsmpeg.js用法很简单，里面有写，问我把我的贴进来，下面上代码：
1、首先引入vue-jsmpeg.js，路径自己修改

// 引入jsmpeg
import JSMpeg from '../../plugins/vue-jsmpeg'

2、定义一个容器放视频

<canvas id="video-canvas"></canvas>

3、定义一个路径

path: 'ws://192.168.10.17:3000',

4、写执行方法

var that = this
    var canvas = document.getElementById('video-canvas')
    that.clientjsmpeg = new JSMpeg.Player(that.path, {
      canvas: canvas,
      autoplay: true
    })

下面贴一段完整一些的代码

<template>
	<div class="jsmpeg">
                <canvas id="video-canvas"></canvas>
    </div>
</template>
<script>
	// 引入jsmpeg
	import JSMpeg from '../../plugins/vue-jsmpeg'
	export default {
  data () {
    return {
    			path: 'ws://192.168.10.17:3000'
    		},
    		mounted () {
    			var that = this
    			var canvas = document.getElementById('video-canvas')
   				 that.clientjsmpeg = new JSMpeg.Player(that.path, {
     			 canvas: canvas,
     			 autoplay: true
   				 })
    		}
    	}
    }
</script>

我的项目是使用的脚手架搭建的所以直接使用vue-jsmpeg.js会报一些错，如：errors and 0 warnings potentially fixable with the --fix option，关于这类错，可参考

https://blog.csdn.net/wron_path/article/details/104655844

小菜鸟一只，如有问题请多指教，码字不易点个赞再走呗。如转载请注明出处