javascript – 如何从Blob网址创建媒体流?

前端之家收集整理的这篇文章主要介绍了javascript – 如何从Blob网址创建媒体流?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
可以使用window.URL.createObjectURL()从类似下面的代码获取URL.
  1. navigator.getUserMedia({ video: true,audio: true },function (localMediaStream) {
  2.  
  3. var video = document.querySelector('video');
  4. video.src = window.URL.createObjectURL(localMediaStream);
  5. video.onloadedMetadata = function (e) {
  6. // Do something with the video here.
  7. };
  8. },function (err) {
  9. console.log("The following error occured: " + err);
  10. }
  11. );

问题是现在我有一个blob URL,如:

blob:http%3A//localhost%3A1560/f43bed15-da6c-4ff1-b73c-5640ed94e8ee

有没有办法为此创建Media Stream对象?

解决方法

如果您使用angular2,您可以使用platform-b​​rowser-package中提供的DOMSanitizer:
  1. import { DomSanitizer } from '@angular/platform-browser';
  2. constructor(
  3. private sanitizer: DomSanitizer) {
  4. }

然后使用您的流,如下所示:

  1. //your code comes here...
  2. video.src = this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(stream));

这应该只

猜你在找的JavaScript相关文章