Spaces:

xfasfadgagsg
/

miniwebapp

Paused

App Files Files Community

dragxd commited on Jul 12, 2025

Commit

b519558

1 Parent(s): 1d98197

Add all project files for Telegram Mini Web App

Browse files

Files changed (6) hide show

Dockerfile +12 -0
app.py +40 -0
requirements.txt +6 -0
static/index.html +76 -0
telegram_bot.py +23 -0
youtube_api.py +87 -0

Dockerfile ADDED Viewed

	@@ -0,0 +1,12 @@

+FROM python:3.10-slim
+WORKDIR /app
+COPY requirements.txt ./
+RUN pip install --no-cache-dir -r requirements.txt
+COPY . .
+EXPOSE 7860
+CMD ["uvicorn", "app:app", "--host", "0.0.0.0", "--port", "7860"]

app.py ADDED Viewed

	@@ -0,0 +1,40 @@

+from fastapi import FastAPI, Query, HTTPException
+from fastapi.responses import JSONResponse, RedirectResponse
+from fastapi.staticfiles import StaticFiles
+from youtube_api import YouTubeAPI
+import uvicorn
+app = FastAPI()
+app.mount("/static", StaticFiles(directory="static"), name="static")
+yt_api = YouTubeAPI()
+@app.get("/")
+def root():
+    return RedirectResponse(url="/static/index.html")
+@app.get("/search")
+async def search(q: str = Query(..., description="Search query")):
+    results = await yt_api.search(q, limit=10)
+    # Only return relevant fields
+    filtered = [
+        {
+            "title": r["title"],
+            "duration": r["duration"],
+            "id": r["id"],
+            "link": r["link"],
+            "thumbnails": r["thumbnails"],
+        }
+        for r in results
+    ]
+    return JSONResponse(filtered)
+@app.get("/stream")
+async def stream(url: str = Query(..., description="YouTube video URL")):
+    try:
+        stream_url = await yt_api.get_stream_url(url, audio_only=True)
+        return RedirectResponse(url=stream_url)
+    except Exception as e:
+        raise HTTPException(status_code=500, detail=str(e))
+if __name__ == "__main__":
+    uvicorn.run("app:app", host="0.0.0.0", port=7860, reload=True)

requirements.txt ADDED Viewed

	@@ -0,0 +1,6 @@

+fastapi
+uvicorn
+yt-dlp
+youtubesearchpython
+httpx
+python-multipart

static/index.html ADDED Viewed

	@@ -0,0 +1,76 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Mini Web App Music Player</title>
+    <style>
+        body { font-family: Arial, sans-serif; margin: 2em; background: #f9f9f9; }
+        #results img { width: 80px; border-radius: 8px; }
+        #results { margin-top: 1em; }
+        .result { display: flex; align-items: center; margin-bottom: 1em; background: #fff; padding: 1em; border-radius: 8px; box-shadow: 0 2px 8px #0001; }
+        .info { margin-left: 1em; }
+        .play-btn { margin-left: auto; padding: 0.5em 1em; background: #007bff; color: #fff; border: none; border-radius: 4px; cursor: pointer; }
+        .play-btn:hover { background: #0056b3; }
+        #player { margin-top: 2em; width: 100%; }
+    </style>
+</head>
+<body>
+    <h1>Mini Web App Music Player</h1>
+    <form id="searchForm">
+        <input type="text" id="query" placeholder="Search for a song or artist..." size="40" required>
+        <button type="submit">Search</button>
+    </form>
+    <div id="results"></div>
+    <audio id="player" controls style="display:none;"></audio>
+    <script src="https://telegram.org/js/telegram-web-app.js"></script>
+    <script>
+        // Telegram Web App integration
+        if (window.Telegram && Telegram.WebApp) {
+            Telegram.WebApp.ready();
+            document.body.style.background = Telegram.WebApp.themeParams.bg_color || '#f9f9f9';
+            // Optionally show user info
+            const user = Telegram.WebApp.initDataUnsafe.user;
+            if (user) {
+                const info = document.createElement('div');
+                info.innerHTML = `<b>Hi, ${user.first_name}${user.last_name ? ' ' + user.last_name : ''}!</b> <small>(via Telegram Mini App)</small>`;
+                document.body.insertBefore(info, document.body.firstChild.nextSibling);
+            }
+        }
+        const form = document.getElementById('searchForm');
+        const resultsDiv = document.getElementById('results');
+        const player = document.getElementById('player');
+        form.onsubmit = async (e) => {
+            e.preventDefault();
+            resultsDiv.innerHTML = 'Searching...';
+            const q = document.getElementById('query').value;
+            const res = await fetch(`/search?q=${encodeURIComponent(q)}`);
+            const results = await res.json();
+            if (!results.length) {
+                resultsDiv.innerHTML = 'No results found.';
+                return;
+            }
+            resultsDiv.innerHTML = '';
+            results.forEach(r => {
+                const div = document.createElement('div');
+                div.className = 'result';
+                div.innerHTML = `
+                    <img src="${r.thumbnails[0].url}" alt="thumb">
+                    <div class="info">
+                        <div><b>${r.title}</b></div>
+                        <div>Duration: ${r.duration || 'N/A'}</div>
+                    </div>
+                    <button class="play-btn">Play</button>
+                `;
+                div.querySelector('.play-btn').onclick = () => {
+                    player.src = `/stream?url=${encodeURIComponent(r.link)}`;
+                    player.style.display = 'block';
+                    player.play();
+                };
+                resultsDiv.appendChild(div);
+            });
+        };
+    </script>
+</body>
+</html>

telegram_bot.py ADDED Viewed

	@@ -0,0 +1,23 @@

+from telegram import Update, KeyboardButton, ReplyKeyboardMarkup
+from telegram.ext import Application, CommandHandler, ContextTypes
+import os
+# Set your bot token and web app URL here
+BOT_TOKEN = os.getenv("BOT_TOKEN", "YOUR_BOT_TOKEN")
+WEB_APP_URL = os.getenv("WEB_APP_URL", "https://xfasfadgagsg--miniwebapp.hf.space")  # Replace with your actual Hugging Face Space URL
+async def start(update: Update, context: ContextTypes.DEFAULT_TYPE):
+    keyboard = [
+        [KeyboardButton("🎵 Open Music Player", web_app={"url": WEB_APP_URL})]
+    ]
+    reply_markup = ReplyKeyboardMarkup(keyboard, resize_keyboard=True)
+    await update.message.reply_text(
+        "Welcome! Tap below to open the music player:",
+        reply_markup=reply_markup
+    )
+if __name__ == "__main__":
+    app = Application.builder().token(BOT_TOKEN).build()
+    app.add_handler(CommandHandler("start", start))
+    print("Bot is running. Send /start to your bot in Telegram.")
+    app.run_polling()

youtube_api.py ADDED Viewed

	@@ -0,0 +1,87 @@

+import asyncio
+import os
+import re
+import httpx
+import yt_dlp
+from youtubesearchpython.__future__ import VideosSearch
+import tempfile
+from typing import Union
+async def shell_cmd(cmd):
+    proc = await asyncio.create_subprocess_shell(
+        cmd,
+        stdout=asyncio.subprocess.PIPE,
+        stderr=asyncio.subprocess.PIPE,
+    )
+    out, errorz = await proc.communicate()
+    if errorz:
+        if "unavailable videos are hidden" in (errorz.decode("utf-8")).lower():
+            return out.decode("utf-8")
+        else:
+            return errorz.decode("utf-8")
+    return out.decode("utf-8")
+class YouTubeAPI:
+    def __init__(self):
+        self.base = "https://www.youtube.com/watch?v="
+        self.regex = r"(?:youtube\.com|youtu\.be)"
+        self.status = "https://www.youtube.com/oembed?url="
+        self.listbase = "https://youtube.com/playlist?list="
+        self.reg = re.compile(r"\x1B(?:[@-Z\\-_]|\\[[0-?]*[ -/]*[@-~])")
+    async def exists(self, link: str, videoid: Union[bool, str] = None):
+        if videoid:
+            link = self.base + link
+        if re.search(self.regex, link):
+            return True
+        else:
+            return False
+    async def details(self, link: str, videoid: Union[bool, str] = None):
+        if videoid:
+            link = self.base + link
+        if "&" in link:
+            link = link.split("&")[0]
+        results = VideosSearch(link, limit=1)
+        for result in (await results.next())["result"]:
+            title = result["title"]
+            duration_min = result["duration"]
+            thumbnail = result["thumbnails"][0]["url"].split("?")[0]
+            vidid = result["id"]
+            if str(duration_min) == "None":
+                duration_sec = 0
+            else:
+                duration_sec = self.time_to_seconds(duration_min)
+        return title, duration_min, duration_sec, thumbnail, vidid
+    async def search(self, query: str, limit: int = 10):
+        results = VideosSearch(query, limit=limit)
+        return (await results.next())["result"]
+    async def get_stream_url(self, link: str, audio_only: bool = True):
+        if "&" in link:
+            link = link.split("&")[0]
+        ydl_opts = {
+            "quiet": True,
+            "format": "bestaudio/best" if audio_only else "best[height<=?720][width<=?1280]",
+            "noplaylist": True,
+        }
+        with yt_dlp.YoutubeDL(ydl_opts) as ydl:
+            info = ydl.extract_info(link, download=False)
+            if audio_only:
+                for f in info["formats"]:
+                    if f.get("acodec") != "none" and f.get("vcodec") == "none":
+                        return f["url"]
+                return info["url"]
+            else:
+                return info["url"]
+    def time_to_seconds(self, time_str):
+        parts = time_str.split(":")
+        parts = [int(p) for p in parts]
+        if len(parts) == 3:
+            return parts[0] * 3600 + parts[1] * 60 + parts[2]
+        elif len(parts) == 2:
+            return parts[0] * 60 + parts[1]
+        else:
+            return int(parts[0])