Django实现视频播放的具体示例
短信预约 -IT技能 免费直播动态提醒
view视图
import re
import os
import mimetypes
from wsgiref.util import FileWrapper
from django.http import StreamingHttpResponse
from django.shortcuts import render
from django.conf import settings
def file_iterator(file_name, chunk_size=8192, offset=0, length=None):
# 每次最多读取8Kb
with open(file_name, "rb") as f:
f.seek(offset, os.SEEK_SET)
remaining = length # 还有多少未读取
while True:
bytes_length = chunk_size if remaining is None else min(remaining, chunk_size)
data = f.read(bytes_length)
if not data: # 没有数据了 退出
break
if remaining:
remaining -= len(data)
yield data
def stream_video(request):
"""将视频文件以流媒体的方式响应"""
range_header = request.META.get('HTTP_RANGE', '').strip()
range_re = re.compile(r'bytes\s*=\s*(?P<START>\d+)\s*-\s*(?P<END>\d*)', re.I)
range_match = range_re.match(range_header)
path = request.GET.get('path')
#这里根据实际情况改变，我的views.py在core文件夹下但是folder_path却只到core的上一层，media也在core文件夹下
video_path = os.path.join(settings.BASE_DIR, 'static', 'video') # 视频放在目录的static下的video文件夹中
file_path = os.path.join(video_path, path) #path就是template ?path=后面的参数的值
size = os.path.getsize(file_path) # 文件总大小
content_type, encoding = mimetypes.guess_type(file_path)
content_type = content_type or 'application/octet-stream'
if range_match:
# first_byte播放到的位置
# 下次播放的位置
first_byte, last_byte = range_match.group('START'), range_match.group('END')
first_byte = int(first_byte) if first_byte else 0
# 从播放的位置往后读取10M的数据
last_byte = first_byte + 1024 * 1024 * 10
if last_byte >= size: # 如果想读取的位置大于文件大小
last_byte = size - 1 # 最后将图片全部读完
length = last_byte - first_byte + 1 # 此次读取的长度（字节）
resp = StreamingHttpResponse(file_iterator(file_path, offset=first_byte, length=length), status=200, content_type=content_type)
resp['Content-Length'] = str(length)
resp['Content-Range'] = 'bytes %s-%s/%s' % (first_byte, last_byte, size)
else:
resp = StreamingHttpResponse(FileWrapper(open(file_path, 'rb')), content_type=content_type)
resp['Content-Length'] = str(size)
resp['Accept-Ranges'] = 'bytes'
return resp
前端
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script class="lazy" data-src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
</head>
<body>
<video id="media" class="lazy" data-src="" width="720" height="480" controls autoplay>浏览器不支持video标签 </video>
</video>
</body>
<script>
$(function () {
$("#media").attr('class="lazy" data-src', '/test_resp/?path=/media/video.mp4');
})
</script>
</html>到此这篇关于Django实现视频播放的具体示例的文章就介绍到这了,更多相关Django 视频播放 内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
