{"id":463939,"date":"2024-09-28T03:26:27","date_gmt":"2024-09-28T03:26:27","guid":{"rendered":"https:\/\/Blockchain.News\/news\/integrating-speech-to-text-functionality-in-django-applications"},"modified":"2024-09-28T03:26:27","modified_gmt":"2024-09-28T03:26:27","slug":"integrating-speech-to-text-functionality-in-django-applications","status":"publish","type":"post","link":"https:\/\/e-bitco.in\/index.php\/2024\/09\/28\/integrating-speech-to-text-functionality-in-django-applications\/","title":{"rendered":"Integrating Speech-to-Text Functionality in Django Applications"},"content":{"rendered":"
\n

Lawrence Jengar<\/a> Sep 28, 2024 03:26<\/span> <\/p>\n

Learn how to integrate Speech-to-Text into Django apps using AssemblyAI API. Build an app to transcribe audio files and display the transcriptions.<\/p>\n

\"Integrating <\/a> <\/figure>\n

Integrating Speech-to-Text functionality into Django applications can significantly enhance user experience by allowing audio transcription directly within the app. According to AssemblyAI, developers can leverage their API to implement this feature seamlessly.<\/p>\n

Setting Up the Project<\/h2>\n

To get started, create a new project folder and establish a virtual environment:<\/p>\n

# Mac\/Linux\npython3 -m venv venv\n. venv\/bin\/activate # Windows\npython -m venv venv\n.\\venv\\Scripts\\activate.bat<\/code><\/pre>\n
Next, install the necessary packages including Django, AssemblyAI Python SDK, and python-dotenv:<\/p>\n
pip install Django assemblyai python-dotenv<\/code><\/pre>\n
Creating the Django Project<\/h2>\n
Create a new Django project named ‘stt_project’ and a new app within it called ‘transcriptions’:<\/p>\n
django-admin startproject stt_project\ncd stt_project\npython manage.py startapp transcriptions<\/code><\/pre>\n
Building the View<\/h2>\n
In the ‘transcriptions’ app, create a view to handle file uploads and transcriptions. Open transcriptions\/views.py<\/code> and add the following code:<\/p>\n
from django.shortcuts import render\nfrom django import forms\nimport assemblyai as aai class UploadFileForm(forms.Form): audio_file = forms.FileField() def index(request): context = None if request.method == 'POST': form = UploadFileForm(request.POST, request.FILES) if form.is_valid(): file = request.FILES['audio_file'] transcriber = aai.Transcriber() transcript = transcriber.transcribe(file.file) file.close() context = {'transcript': transcript.text} if not transcript.error else {'error': transcript.error} return render(request, 'transcriptions\/index.html', context)<\/code><\/pre>\n
Defining URL Configuration<\/h2>\n
Map the view to a URL by creating transcriptions\/urls.py<\/code>:<\/p>\n
from django.urls import path\nfrom . import views urlpatterns = [ path('', views.index, name='index'),\n]<\/code><\/pre>\n
Include this app URL pattern in the global project URL configuration in stt_project\/urls.py<\/code>:<\/p>\n
from django.contrib import admin\nfrom django.urls import include, path urlpatterns = [ path('', include('transcriptions.urls')), path('admin\/', admin.site.urls),\n]<\/code><\/pre>\n
Creating the HTML Template<\/h2>\n
Inside the ‘transcriptions\/templates’ directory, create an index.html<\/code> file with the following content:<\/p>\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>AssemblyAI Django App<\/title>\n<\/head>\n<body> <h1>Transcription App with AssemblyAI<\/h1> <form method=\"post\" enctype=\"multipart\/form-data\"> {% csrf_token %} <input type=\"file\" accept=\"audio\/*\" name=\"audio_file\"> <button type=\"submit\">Upload<\/button> <\/form> <h2>Transcript:<\/h2> {% if error %} <p style=\"color: red\">{{ error }}<\/p> {% endif %} <p>{{ transcript }}<\/p>\n<\/body>\n<\/html><\/code><\/pre>\n
Setting the API Key<\/h2>\n
Store the AssemblyAI API key in a .env<\/code> file in the root directory:<\/p>\n
ASSEMBLYAI_API_KEY=your_api_key_here<\/code><\/pre>\n
Load this environment variable in stt_project\/settings.py<\/code>:<\/p>\n
from dotenv import load_dotenv\nload_dotenv()<\/code><\/pre>\n
Running the Django App<\/h2>\n
Start the server using the following command:<\/p>\n
python manage.py runserver<\/code><\/pre>\n
Visit the app in your browser, upload an audio file, and see the transcribed text appear.<\/p>\n
Non-blocking Implementations<\/h2>\n
To avoid blocking operations, consider using webhooks or async functions. Webhooks notify you when the transcription is ready, while async calls allow the app to continue running during the transcription process.<\/p>\n
Using Webhooks<\/h3>\n
Set a webhook URL in the transcription config and handle the webhook delivery in a separate view function:<\/p>\n
webhook_url = f'{request.get_host()}\/webhook'\nconfig = aai.TranscriptionConfig().set_webhook(webhook_url)\ntranscriber.submit(file.file, config)<\/code><\/pre>\n
Define the webhook receiver:<\/p>\n
def webhook(request): if request.method == 'POST': data = json.loads(request.body) transcript_id = data['transcript_id'] transcript = aai.Transcript.get_by_id(transcript_id)<\/code><\/pre>\n
Map this view to a URL:<\/p>\n
urlpatterns = [ path('', views.index, name='index'), path('webhook\/', views.webhook, name='webhook'),\n]<\/code><\/pre>\n
Using Async Functions<\/h3>\n
Utilize async views in Django for non-blocking transcription:<\/p>\n
transcript_future = transcriber.transcribe_async(file.file)\nif transcript_future.done(): transcript = transcript_future.result()<\/code><\/pre>\n
Speech-to-Text Options for Django Apps<\/h2>\n
When implementing Speech-to-Text, consider cloud-based APIs like AssemblyAI or Google Cloud Speech-to-Text for high accuracy and scalability<\/dfn><\/i><\/b><\/u><\/a>, or open-source libraries like SpeechRecognition and Whisper for greater control and privacy.<\/p>\n
Conclusion<\/h2>\n
This guide shows how to integrate Speech-to-Text into Django apps using the AssemblyAI API. Developers can choose between blocking and non-blocking implementations and select the best Speech-to-Text solution based on their needs.<\/p>\n
For more details, visit the AssemblyAI blog<\/a>.<\/p>\n
Image source: Shutterstock<\/i><\/span>    Source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Lawrence Jengar Sep 28, 2024 03:26 Learn how to integrate Speech-to-Text into Django apps using AssemblyAI API. Build an app to transcribe audio files and display the transcriptions. Integrating Speech-to-Text functionality into Django applications can significantly enhance user experience by allowing audio transcription directly within the app. According to AssemblyAI, developers can leverage their API […]<\/p>\n","protected":false},"author":1,"featured_media":463940,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[19529,21653,25,19528],"class_list":{"0":"post-463939","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-blockchain","8":"tag-assemblyai","9":"tag-django","10":"tag-news","11":"tag-speech-to-text"},"_links":{"self":[{"href":"https:\/\/e-bitco.in\/index.php\/wp-json\/wp\/v2\/posts\/463939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/e-bitco.in\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/e-bitco.in\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/e-bitco.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-bitco.in\/index.php\/wp-json\/wp\/v2\/comments?post=463939"}],"version-history":[{"count":0,"href":"https:\/\/e-bitco.in\/index.php\/wp-json\/wp\/v2\/posts\/463939\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-bitco.in\/index.php\/wp-json\/wp\/v2\/media\/463940"}],"wp:attachment":[{"href":"https:\/\/e-bitco.in\/index.php\/wp-json\/wp\/v2\/media?parent=463939"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/e-bitco.in\/index.php\/wp-json\/wp\/v2\/categories?post=463939"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/e-bitco.in\/index.php\/wp-json\/wp\/v2\/tags?post=463939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}