Create a Voice-Powered News Reader App

+----------------+        +-------------------+        +-------------------+
|  Front‑end UI  |  <---> |  Flask Backend    |  <---> |  NewsAPI.org      |
| (HTML/JS)      |        |  /generate-audio  |        |  (JSON)           |
+----------------+        +-------------------+        +-------------------+
                                 |
                                 v
                        +-------------------+
                        | ElevenLabs TTS    |
                        | (audio generation)|
                        +-------------------+

# Create a virtual environment (optional but recommended)
python -m venv venv
source venv/bin/activate

# Install dependencies
pip install flask requests

import requests

NEWSAPI_KEY = "YOUR_NEWSAPI_KEY"

def fetch_headlines(topic: str, limit: int = 5) -> str:
    """Return a plain‑text string containing the top `limit` headlines."""
    url = "https://newsapi.org/v2/everything"
    params = {
        "q": topic,
        "pageSize": limit,
        "language": "en",
        "sortBy": "publishedAt",
        "apiKey": NEWSAPI_KEY,
    }
    resp = requests.get(url, params=params)
    resp.raise_for_status()
    articles = resp.json()["articles"]

    # Build a simple script: "Headline 1. ... Headline 2. ..."
    script = "\n".join([f"{i+1}. {a['title']}" for i, a in enumerate(articles)])
    return script

ELEVENLABS_API_KEY = "YOUR_ELEVENLABS_API_KEY"
VOICE_ID = "21m00Tcm4TlvDq8ikWAM"   # Rachel (default)

def generate_audio(text: str) -> bytes:
    """Send `text` to ElevenLabs and receive MP3 bytes."""
    url = f"https://api.elevenlabs.io/v1/text-to-speech/{VOICE_ID}"
    headers = {
        "xi-api-key": ELEVENLABS_API_KEY,
        "Content-Type": "application/json",
    }
    payload = {
        "text": text,
        "model_id": "eleven_monolingual_v1",   # high‑quality model
        "voice_settings": {
            "stability": 0.75,
            "similarity_boost": 0.85
        }
    }

    response = requests.post(url, json=payload, headers=headers)
    response.raise_for_status()
    return response.content   # MP3 binary

from flask import Flask, request, Response, abort

app = Flask(__name__)

@app.route("/generate-audio")
def generate_audio_route():
    topic = request.args.get("topic")
    if not topic:
        abort(400, description="Missing 'topic' query parameter")

    # 1️⃣ Pull headlines
    script = fetch_headlines(topic)

    # 2️⃣ Convert to speech
    try:
        audio_bytes = generate_audio(script)
    except requests.HTTPError as e:
        abort(502, description=f"ElevenLabs error: {e}")

    # 3️⃣ Stream MP3 back
    return Response(
        audio_bytes,
        mimetype="audio/mpeg",
        headers={"Content-Disposition": f'attachment; filename="{topic}.mp3"'}
    )

if __name__ == "__main__":
    app.run(debug=True)

python app.py

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Voice News Reader</title>
</head>
<body>
  <h1>Voice‑Powered News Reader</h1>
  <input id="topic" type="text" placeholder="Enter a topic (e.g., sports)" />
  <button id="listen">Listen</button>
  <audio id="player" controls></audio>

  <script>
    document.getElementById('listen').onclick = async () => {
      const topic = document.getElementById('topic').value.trim();
      if (!topic) return alert('Please type a topic');
      const resp = await fetch(`/generate-audio?topic=${encodeURIComponent(topic)}`);
      if (!resp.ok) return alert('Error: ' + resp.statusText);
      const blob = await resp.blob();
      const url = URL.createObjectURL(blob);
      const player = document.getElementById('player');
      player.src = url;
      player.play();
    };
  </script>
</body>
</html>