Django實現視頻播放的具體示例

Posted on by

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 src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
</head>
<body>
<video id="media" src="" width="720" height="480" controls autoplay>瀏覽器不支持video標簽 </video>
</video>
</body>
<script>
    $(function () {
            $("#media").attr('src', '/test_resp/?path=/media/video.mp4');
     })

</script>
</html>

到此這篇關於Django實現視頻播放的具體示例的文章就介紹到這瞭,更多相關Django 視頻播放 內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：