Angular2:写撤销HTTP GET函数来获取支持MJPEG图像放大(连续流)(Angular2

2019-09-25 20:02发布

我与HTTP连接流JPEG图像第三方后端供应商合作。

基本上,我<img src="{{portal_url}}" />和它保持流图像(来自摄像头)

,我这种方法实现的问题是,我有通过TCP通道无法控制的浏览器中打开并根据视图进行高速缓存与否,TCP通道保持打开即使我退出的观点很长一段时间。

相反,我想实现使用功能http subscribe到门户网站的URL和呈现的图像,我可以在我的浏览器中显示。 其优点,我相信我可以随时取消,所以我不必依赖于浏览器终止连接。

我如何去写一个函数有什么建议?

注:我不能改变后端 - 这是它是什么。

到目前为止,我已经得到了(通过查看其他SO答案),但是这并没有保持图像流。

getBlob(url) {
    this.http.get(url, {
      headers: new Headers({ 'Content-Type': 'image/jpg' }),
      responseType: ResponseContentType.Blob
    })

      .map(res => res.json())
      .map(blob => {
        var urlCreator = window.URL;
        return this.sanitizer.bypassSecurityTrustUrl(urlCreator.createObjectURL(blob));
      })

  }
文章来源: Angular2: write cancellable http get function to retrieve MJPEG images (continuously streaming)
标签: angular