added read aloud

newsaggregator/core/urls.py

@@ -3,6 +3,8 @@
 from .views import submit_contact
 # from .views import base_view
 from .views import news_list
+from django.urls import path
+from .views import fetch_article_content
 
 app_name='core'
 
@@ -26,5 +28,8 @@
 
     path('top-rated/', views.top_rated_articles, name='top_rated_articles'),
 
+# speech
+    path('fetch_article_content/', fetch_article_content, name='fetch_article_content'),
+
 
 ]

newsaggregator/core/views.py

@@ -63,7 +63,6 @@ def scrape(request, name):
 from django.shortcuts import render
 from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger
 from .models import Headline
-
 def news_list(request):
     headlines = Headline.objects.all().order_by('-id')
     swiper = Headline.objects.all()[:4]
@@ -205,3 +204,23 @@ def top_rated_articles(request):
     top_rated_articles = Headline.objects.filter(average_rating__gte=3.5).order_by('-average_rating')
     paginator = Paginator(top_rated_articles, 9)
     page = request
+
+
+
+
+import requests
+from django.http import JsonResponse
+
+def fetch_article_content(request):
+    url = request.GET.get('url')
+    if not url:
+        return JsonResponse({'error': 'URL parameter is missing'}, status=400)
+
+    try:
+        response = requests.get(url)
+        response.raise_for_status()
+        content = response.text
+    except requests.RequestException as e:
+        return JsonResponse({'error': str(e)}, status=500)
+
+    return JsonResponse({'content': content})

newsaggregator/templates/components/news.html

@@ -46,7 +46,11 @@
                                 </div>
                                 <button class="submit-btn" onclick="submitRating('{{ record.id }}')">Submit</button>
                             </div>
-
+                            <div class="read-aloud-controls">
+                                <button class="btn btn-primary" onclick="startReadAloud('{{ record.url }}', '{{ record.title }}')">Start</button>
+                                <button id="pause-resume-btn" class="btn btn-warning" onclick="pauseReadAloud(this)">Pause</button>
+                                <button class="btn btn-danger" onclick="stopReadAloud()">Stop</button>
+                            </div>
 
 
                         <style>

newsaggregator/templates/core/base.html

@@ -109,6 +109,7 @@
         }
     </script>
     <script src="{% static 'assets/js/preloader.js' %}"></script>
+    <script src="{% static 'assets/js/speech.js' %}"></script>
 </body>