Я пытаюсь транслировать вложение видео из CouchDB, используя промежуточное программное обеспечение nano в NodeJS. Видео принимается в браузере. Я не знаю, как мне передать его на клиенте и как отобразить в HTML-теге.
Вот мой код NodeJS для чтения вложения из CouchDB, который я нашел в здесь:
if (req.headers.range) {
var stream = db.attachment.get(docid, docname, {Range: req.headers.range});
stream.on('response', function(response) {
var start = req.headers.range.replace(/bytes=/, "").split("-")[0];
var end = response.headers['content-length'];
res.writeHead(206, {
'ETag': response.headers.etag,
'Content-Range': 'bytes ' + start + "-" + (end - 1) + '/' + end,
'Accept-Ranges': 'bytes',
'Content-Length': end - start,
'Content-Type': response.headers['content-type']
});
});
} else {
stream = db.attachment.get(docid, docname);
}
stream.pipe(res);
stream.on('end', function() {
res.end();
});
На стороне клиента мой вызов ajax выглядит так:
jQuery.ajax({
url: '/getvideoattachment/?id=' + this.id + "&name=" + videoname,
contentType: 'video/webm',
type: 'GET',
headers : { "Range" : 'bytes=0-3200' },
processData : false,
success: function(content) {
var oMyBlob = new Blob([content], { "type" : "video\/webm" });
var docURL = window.URL.createObjectURL(oMyBlob);
var elVideo = document.getElementById("videoid" );
elVideo.addEventListener("load", function (evt) { window.URL.revokeObjectURL(docURL); });
elVideo.setAttribute("src", docURL);
},
error : function(content)
{
Em.Logger.info('Model:', this.id, 'has no image', err);
return '';
}
});
В HTML тег видео выглядит следующим образом:
<video controls id="videoid" >
<source src="" type="video/webm" />
</video>
Я не уверен, что Blob — это правильный способ потоковой передачи видео в тег Video. Как мне добавить потоки к тегу видео?
Изменить:
Вы правы, брианхирлы. Оно работает! Я установил URL-адрес видео. Но то, что я получаю в теге видео, это:
<video controls="" id="videoa" class="visible" data-bindattr-7="7">
<source src="/getvideoattachment/?id=a26de29ded4e33ad47205187f4000f46&name=c.webm" data-bindattr-8="8" type="video/webm">
</video>
Но когда я нажимаю на воспроизведение, видео не воспроизводится. Но когда я нажимаю на ссылку из элемента проверки, видео воспроизводится в новом окне браузера.
Это решение почти есть.