我与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));
})
}