我有FASTAPI服务器,可以服务部分内容,响应状态206。
@video_router.get("/video/file/{folder}/{name}")
async def video_endpoint(folder: str, name: str, range: str = Header(None)):
CHUNK_SIZE = 2048*2048
video_path = Path(f"./media/{folder}/{name}")
video_size = video_path.stat().st_size
start, end = range.replace("bytes=", "").split("-")
start = int(start)
if start + CHUNK_SIZE > video_size:
end = video_size
else:
end = start + CHUNK_SIZE
with open(video_path, "rb") as video:
video.seek(start)
data = video.read(end - start)
headers = {
'Content-Range': f'bytes {start}-{end}/{video_size}',
'Accept-Ranges': 'bytes'
}
return Response(data, status_code=206, headers=headers, media_type="video/mp4")
字符串
从React前端我请求这个URL给给予部分内容。
<video
controlsList="nodownload"
key="abc"
width="100%"
height="100%"
poster={poster_url}
controls
src={video_url}
type="video/mp4"
preload="metadata"
/>
型
这是在火狐浏览器中无故障地工作,但在谷歌Chrome中,当我向后或向前寻求进度条到任何位置时。视频播放器挂起/卡住。播放后的播放/播放按钮,视频从开始即字节=0-开始播放。
当调试这个范围参数,这是在头部传递我注意到,Chrome浏览器正在请求不正确的字节,即字节=INCORRECT_NUMBER-。此外,INCORRECT_NUMBER是相同的任何位置在进度条。请检查下面的图片。
IMAGE1: Time was equal to 15 seconds but bytes requested was the ending bytes
IMAGE2: Time was equal to 2:54 minutes but bytes requested was the ending bytes identical to previous image的
在此操作之后,您可以看到video标签不再从FASTAPI服务器请求任何数据。
我试着改变标题,其他React视频播放器和iframe标签。
我期待通过fastapi服务器提供部分内容流视频。建议替代或视频标签的变通办法是非常赞赏。
1条答案
按热度按时间ajsxfq5m1#
视频大小- 1 结束-开始+ 1*
需要进行上述修改。