有没有一种方法可以将网络洪流流式传输到视频标签

Question

此代码是他们网站上下载种子的代码

const WebTorrent = require('webtorrent')
const client = new WebTorrent()
// Sintel, a free, Creative Commons movie
const torrentId = 'magnet:?'
client.add(torrentId, function (torrent) {
// Torrents can contain many files. Let's use the .mp4 file
const file = torrent.files.find(function (file) {
return file.name.endsWith('.mp4')
})
// Display the file by adding it to the DOM.
// Supports video, audio, image files, and more!
file.appendTo('body')
})

这个代码下面写着

视频和音频内容可以流式传输，即在下载完整文件之前开始播放。Seeking也起作用——WebTorrent动态地按需从网络中获取所需的torrent片段。

我在互联网上搜索过，没有找到实现流媒体到视频标签功能的方法。有人知道怎么做吗？

Answer 1

从他们的文档中，使用此方法file.renderTo('#video')

const client = new WebTorrent()
// Sintel, a free, Creative Commons movie
const torrentId = 'magnet:?xt=urn:btih:08ada5a7a6183aae1e09d831df6748d566095a10&dn=Sintel&tr=udp%3A%2F%2Fexplodie.org%3A6969&tr=udp%3A%2F%2Ftracker.coppersurfer.tk%3A6969&tr=udp%3A%2F%2Ftracker.empire-js.us%3A1337&tr=udp%3A%2F%2Ftracker.leechers-paradise.org%3A6969&tr=udp%3A%2F%2Ftracker.opentrackr.org%3A1337&tr=wss%3A%2F%2Ftracker.btorrent.xyz&tr=wss%3A%2F%2Ftracker.fastcast.nz&tr=wss%3A%2F%2Ftracker.openwebtorrent.com&ws=https%3A%2F%2Fwebtorrent.io%2Ftorrents%2F&xs=https%3A%2F%2Fwebtorrent.io%2Ftorrents%2Fsintel.torrent'
client.add(torrentId, function(torrent) {
const file = torrent.files.find(function(file) {
return file.name.endsWith('.mp4')
})
file.renderTo("#video", {
autoplay: true,
muted: true
})
})

video {
width: 320px;
height: auto;
border: 1px solid red;
display: block;
margin: auto;
}

<script src="https://cdn.jsdelivr.net/npm/webtorrent@latest/webtorrent.min.js"></script>
<video id="video"></video>