2013-08-19 51 views
6

URL'yi window.URL.createObjectURL() kullanarak aşağıdaki koddaki gibi bir akıştan almak mümkündür.Blob URL'sinden Medya Akışı Nasıl Oluşturulur?

blob'un:

navigator.getUserMedia({ video: true, audio: true }, function (localMediaStream) { 

    var video = document.querySelector('video'); 
    video.src = window.URL.createObjectURL(localMediaStream); 
    video.onloadedmetadata = function (e) { 
     // Do something with the video here. 
    }; 
}, 
function (err) { 
    console.log("The following error occured: " + err); 
} 
); 

Sorun gibi bir damla URL'ye sahip şimdi http 3A localhost/f43bed15-da6c-4ff1-b73c-5640ed94e8ee

3A1560 mi% //% Bunun için bir Media Stream nesnesi oluşturmanın bir yolu var mı? Bunun günümüze

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

:

import { DomSanitizer } from '@angular/platform-browser'; 
constructor(
    private sanitizer: DomSanitizer) { 
} 

ve aşağıdaki gibi Akışınızı kullanın: Eğer angular2 kullandığınız durumda

+0

Evet. https://developer.mozilla.org/en-US/docs/WebRTC/MediaStream_API Gönderdiğiniz kod çalışmıyorsa, büyük olasılıkla dinleyiciyi _src_ öğesinden sonra ayarladığınızdan ve bloğun bir Yerel kaynak, bir internet kaynağından daha hızlı yüklenir. –

cevap

0

, sen DOMSanitizer platform tarayıcı paketinde sağlanan kullanabilirsiniz Sadece

+0

createObjectURL, kullanımdan kaldırılmak üzere –