- ${name} • Uploading
- ${fileLoaded}%
-
-
- Browse File to Upload
@@ -85,8 +87,8 @@ - - + + diff --git a/Frontend/upload-video.js b/Frontend/upload-video.js deleted file mode 100644 index 0061925..0000000 --- a/Frontend/upload-video.js +++ /dev/null @@ -1,88 +0,0 @@ -const form = document.querySelector("form"), -fileInput = document.querySelector(".file-input"), -progressArea = document.querySelector(".progress-area"), -uploadedArea = document.querySelector(".uploaded-area"); - - -// form click event -form.addEventListener("click", () =>{ - fileInput.click(); -}); - -fileInput.onchange = ({target})=>{ - let file = target.files[0]; //getting file [0] this means if user has selected multiple files then get first one only - if(file){ - console.log(file); - let fileName = file.name; //getting file name - if(fileName.length >= 12){ //if file name length is greater than 12 then split it and add ... - let splitName = fileName.split('.'); - fileName = splitName[0].substring(0, 13) + "... ." + splitName[1]; - } - uploadFile(fileName); - - var reader = new FileReader(); - - reader.onload = function(e){ - var src = e.target.result; - var video = document.getElementById("video"); - var source = document.getElementById("source") - - source.setAttribute("src", src); - video.load(); - } - - reader.readAsDataURL(file) - } - -} - -// file upload function -function uploadFile(name){ - let xhr = new XMLHttpRequest(); //creating new xhr object (AJAX) - xhr.open("POST", "php/upload.php"); //sending post request to the specified URL - xhr.upload.addEventListener("progress", ({loaded, total}) =>{ //file uploading progress event - let fileLoaded = Math.floor((loaded / total) * 100); //getting percentage of loaded file size - let fileTotal = Math.floor(total / 1000); //gettting total file size in KB from bytes - let fileSize; - // if file size is less than 1024 then add only KB else convert this KB into MB - (fileTotal < 1024) ? fileSize = fileTotal + " KB" : fileSize = (loaded / (1024*1024)).toFixed(2) + " MB"; - let progressHTML = ``
- console.log(data["timestamps"]);
- data = data["timestamps"];
- for (i = 0; i < data.length; i++) {
- for (j=0; j
'; - line = word; - } else { - line += `${word}`; - paragraph += `${word}`; - } - } - } - - // transcriptHTML += `
${line.trim()}
`; - - transcriptArea.innerHTML = transcriptHTML; - - // Add event listeners to the lines - var words = transcriptArea.getElementsByTagName("span"); - for (var i = 0; i < words.length; i++) { - var word = words[i]; - var time = word.getAttribute("data-time"); - - word.addEventListener("click", (function(time) { - return function() { - var video = document.getElementById("video"); - - // Set the video's current time to the time attribute - video.currentTime = time; - video.play(); - } - })(time)); - } -} - -document.getElementById("play-button").addEventListener("click", function() { -// Code to play the video goes here -}); - -document.getElementById("pause-button").addEventListener("click", function() { -// Code to pause the video goes here -}); - -document.getElementById("stop-button").addEventListener("click", function() { -// Code to stop the video goes here -}); \ No newline at end of file diff --git a/transcription/admin.py b/transcription/admin.py index 8c38f3f..aa6558d 100644 --- a/transcription/admin.py +++ b/transcription/admin.py @@ -1,3 +1,6 @@ from django.contrib import admin # Register your models here. +from .models import Video + +admin.site.register(Video) diff --git a/transcription/forms.py b/transcription/forms.py index 1e2ac01..65eee99 100644 --- a/transcription/forms.py +++ b/transcription/forms.py @@ -1,7 +1,8 @@ -from django import forms -from .models import UserUpload +# helpers.py -class VideoForm(forms.ModelForm): - class Meta: - model= UserUpload - fields= '__all__' \ No newline at end of file +from django.core.files.storage import FileSystemStorage + +def handle_uploaded_file(f): + fs = FileSystemStorage(location='uploads/') + filename = fs.save(f.name, f) + return filename diff --git a/transcription/migrations/0001_initial.py b/transcription/migrations/0001_initial.py new file mode 100644 index 0000000..5fc73b2 --- /dev/null +++ b/transcription/migrations/0001_initial.py @@ -0,0 +1,22 @@ +# Generated by Django 4.1.7 on 2023-02-26 09:00 + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + initial = True + + dependencies = [ + ] + + operations = [ + migrations.CreateModel( + name='Video', + fields=[ + ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('caption', models.CharField(max_length=100)), + ('UserVideo', models.FileField(upload_to='video/%y')), + ], + ), + ] diff --git a/transcription/models.py b/transcription/models.py index 8e5de70..0b64316 100644 --- a/transcription/models.py +++ b/transcription/models.py @@ -1,5 +1,8 @@ from django.db import models # Create your models here. -class UserUpload(models.Model): - UserVideo = models.FileField( blank=True, null=True) \ No newline at end of file +class Video(models.Model): + caption = models.CharField(max_length=100) + UserVideo = models.FileField(upload_to="video/%y") + def __str__(self): + return self.caption \ No newline at end of file diff --git a/transcription/urls.py b/transcription/urls.py index 3ef24d9..253e634 100644 --- a/transcription/urls.py +++ b/transcription/urls.py @@ -1,7 +1,11 @@ from django.urls import path - +from django.conf import settings +from django.conf.urls.static import static from . import views +from .views import upload_file urlpatterns = [ path('', views.index, name='index'), -] \ No newline at end of file + path('video-editing/', views.index2, name='index2'), + path('uploads/', upload_file, name='upload_file'), +] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT) \ No newline at end of file diff --git a/transcription/views.py b/transcription/views.py index d12ef86..fe7cb3d 100644 --- a/transcription/views.py +++ b/transcription/views.py @@ -1,23 +1,19 @@ # from django.shortcuts import render from django.http import HttpResponse from django.shortcuts import render -from .models import UserUpload -from .forms import VideoForm +from .forms import handle_uploaded_file -def showvideo(request): +def index(request): + return render(request, 'Frontend/Home.html') - form= VideoForm(request.POST, request.FILES) - if form.is_valid(): - form.save() - - context= { - 'form': form - } - - - return render(request, 'video-editing.html', context) +def index2(request): + return render(request, 'Frontend/video-editing.html') -def index(request): - return HttpResponse("Hello, world. You're at the transcription index.") + +def upload_file(request): + if request.method == 'POST': + uploaded_file = request.FILES['file'] + handle_uploaded_file(uploaded_file) + return HttpResponse(status=204) # Return a "No Content" response diff --git a/transcriptsite/settings.py b/transcriptsite/settings.py index 224523c..f867f0d 100644 --- a/transcriptsite/settings.py +++ b/transcriptsite/settings.py @@ -11,6 +11,7 @@ """ from pathlib import Path +import os # Build paths inside the project like this: BASE_DIR / 'subdir'. BASE_DIR = Path(__file__).resolve().parent.parent @@ -31,6 +32,7 @@ # Application definition INSTALLED_APPS = [ + 'Frontend', 'transcription.apps.TranscriptionConfig', 'django.contrib.admin', 'django.contrib.auth', @@ -119,8 +121,12 @@ STATIC_URL = 'static/' -MEDIA_URL = 'media/' -MEDIA_ROOT = BASE_DIR / 'uploads' +STATICFILES_DIRS = [ + os.path.join(BASE_DIR, 'static') +] + +MEDIA_URL = '/media/' +MEDIA_ROOT = os.path.join(BASE_DIR, "media/") # Default primary key field type diff --git a/transcriptsite/urls.py b/transcriptsite/urls.py index ddc245e..83aef22 100644 --- a/transcriptsite/urls.py +++ b/transcriptsite/urls.py @@ -18,7 +18,8 @@ from django.conf import settings from django.conf.urls.static import static + urlpatterns = [ - path('transcription/', include('transcription.urls')), + path('', include('transcription.urls')), path('admin/', admin.site.urls), ] + static(settings.MEDIA_URL, document_root= settings.MEDIA_ROOT)