Question

我想编写一个应用程序，它将通过websocket观看视频流，并向我展示该视频。为此，我使用ionic 4（角度7）并导入jsmpeg库（https://www.npmjs.com/package/jsmpeg）。据我了解，我的问题是解码错误。这些是每个框架创建的错误。如何解决？

Names     SampleA     SampleB    SampleC
Name1         5           0        8
Name2         9           1        2
Name3         0           7        8
Name4         4           8        0
NameX         0           0        10

import { Component, OnInit, NgZone } from '@angular/core';
import jsmpeg from 'jsmpeg';
@Component({
  selector: 'app-display',
  templateUrl: './display.page.html',
  styleUrls: ['./display.page.scss'],
})
export class DisplayPage implements OnInit {

  videoStarter:any;

  constructor() {
     }


  ngOnInit()
  {

  }
  startVideo(){
    var canvas = document.getElementById('video-canvas');
    var url = new WebSocket('ws://myurl.ru:8080');
    url.onopen = function(evt){
      alert('Connection open');
    }
    url.onclose = function(evt){
      alert('Connection close');
    }
    url.onerror = function(evt){
      alert('Connection error');
    }
    //var jsmpeg = require('jsmpeg');
    var player = new jsmpeg (url, {canvas:canvas, autoplay: true});
  }
}

在html控制台（F12）中创建的错误

带Web套接字的ionic 4流实时视频

0 个答案: