【发布时间】:2020-06-14 14:52:18
【问题描述】:
我正在尝试构建一个网络应用程序,该应用程序在浏览器中单击按钮时以编程方式创建视频,并在创建后在同一浏览器中为用户显示。
到目前为止,我已经连接了一个脚本,该脚本可以在触发按钮时制作视频并且可以正常工作。我还有一个模型,其中相同的脚本上传和存储创建的视频,并且也可以。
现在我被困在试图向创建它的用户显示相关视频,即点击按钮。我该怎么做呢?我应该使用什么方法?我不确定如何进行。
在下面的示例中,我能够显示 id=16 的视频。我该如何调整它以便浏览器显示相关视频而不是与 id=16 关联的视频?
.html
{% load static %}
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<video width="320" height="240" controls>
<source src= "{{ MEDIA_URL }}{{ object.videofile }}" type='video/mp4'>
</video>
<p></p>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<button id="myClickButton" type="button">Click</button>
<div id="myOutput"></div>
<script>
$("#myClickButton").click(function() {
$.get("/output/", function(data) {
$("#myOutput").html(data);
}, "html");
});
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
</body>
</html>
models.py
from django.db import models
class VideoUpload(models.Model):
name= models.CharField(max_length=500)
videofile= models.FileField(upload_to='videos/', null=True)
views.py
def video_upload_detail_page(request):
obj = VideoUpload.objects.get(id=16)
template_name = 'video_upload_detail.html'
context = {"object": obj}
return render(request, template_name, context)
【问题讨论】:
标签: python django video-streaming