uniapp中使用JSMpeg播放rtsp推流

最开始按网上的方法

<template>  
    <view class="main">  
     <canvas id="video-canvas" style="height: 400rpx;"></canvas>  
    </view>  
</template>  
let canvas1 = document.getElementById('video-canvas');  
            let url = 'ws://192.168.1.2:7082/';  
            let player = JSMpeg.Player(url, {  
                canvas: canvas1  
            });

运行提示错误：this.canvas.getContext is not a function，在chrome查看发现canvas变成uni-canvas，于是我把代码变成

<view class="chartitem" style="height: 400rpx;" v-html="canhtml">   
data() {  
            return {  
                canhtml:'<canvas id="video-canvas" style="height: 400rpx;"></canvas>'  
            }  
        },

运行能找到canvas了，但是又变成另外一个错误：Cannot read properties of undefined (reading 'bind')
不知道怎么弄了，网上vue使用jsmpeg很多，基本和我上面写的差不多用法，但没找到uniapp使用的，请教下要怎么才能使用jsmpeg