关于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、定义一个容器放视频


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
    })

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



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

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

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

你可能感兴趣的:(vue,jsmpeg,vue)