fix ig ratio

package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-capture",
   "private": true,
-  "version": "1.0.1",
+  "version": "1.1.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

src-tauri/Cargo.lock

@@ -3971,9 +3971,10 @@ checksum = "a2eb9349b6444b326872e140eb1cf5e7c522154d69e7a0ffb0fb81c06b37543f"
 
 [[package]]
 name = "stream-capture"
-version = "1.0.1"
+version = "1.1.0"
 dependencies = [
  "anyhow",
+ "base64 0.22.1",
  "chrono",
  "futures-util",
  "regex",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "stream-capture"
-version = "1.0.1"
+version = "1.1.0"
 description = "A Tauri App"
 authors = ["you"]
 edition = "2021"
@@ -19,6 +19,7 @@ tauri-plugin-dialog = "2"
 serde = { version = "1", features = ["derive"] }
 serde_json = "1"
 reqwest = { version = "0.12", features = ["json", "rustls-tls", "stream"] }
+base64 = "0.22"
 tokio = { version = "1", features = ["full"] }
 anyhow = "1.0"
 chrono = { version = "0.4", features = ["serde"] }

src-tauri/src/commands.rs

@@ -49,6 +49,28 @@ pub fn get_ffmpeg_version(app: AppHandle) -> Result<String, String> {
     binary_manager::get_ffmpeg_version(&app).map_err(|e| e.to_string())
 }
 
+#[tauri::command]
+pub async fn fetch_image(url: String) -> Result<String, String> {
+    use base64::{Engine as _, engine::general_purpose};
+
+    let client = reqwest::Client::new();
+    let res = client.get(&url)
+        .header("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36")
+        .send()
+        .await
+        .map_err(|e| e.to_string())?;
+
+    let bytes = res.bytes().await.map_err(|e| e.to_string())?;
+    
+    // Convert to base64
+    let b64 = general_purpose::STANDARD.encode(&bytes);
+    
+    // Simple heuristic for mime type
+    let mime = if url.to_lowercase().ends_with(".png") { "image/png" } else { "image/jpeg" };
+    
+    Ok(format!("data:{};base64,{}", mime, b64))
+}
+
 #[tauri::command]
 pub async fn fetch_metadata(app: AppHandle, url: String, parse_mix_playlist: bool) -> Result<downloader::MetadataResult, String> {
     downloader::fetch_metadata(&app, &url, parse_mix_playlist).await.map_err(|e| e.to_string())

src-tauri/src/downloader.rs

@@ -15,6 +15,7 @@ pub struct VideoMetadata {
     pub thumbnail: String,
     pub duration: Option<f64>,
     pub uploader: Option<String>,
+    pub url: Option<String>,
 }
 
 #[derive(Serialize, Deserialize, Debug, Clone)]
@@ -150,12 +151,17 @@ fn parse_video_metadata(json: &serde_json::Value) -> VideoMetadata {
         _ => format!("https://i.ytimg.com/vi/{}/mqdefault.jpg", id),
     };
 
+    let url = json["webpage_url"].as_str()
+        .or_else(|| json["url"].as_str())
+        .map(|s| s.to_string());
+
     VideoMetadata {
         id,
         title: json["title"].as_str().unwrap_or("Unknown Title").to_string(),
         thumbnail,
         duration: json["duration"].as_f64(),
         uploader: json["uploader"].as_str().map(|s| s.to_string()),
+        url,
     }
 }
 
@@ -198,7 +204,7 @@ pub async fn download_video(
         let format_arg = if options.quality == "best" {
             "bestvideo+bestaudio/best".to_string()
         } else {
-            format!("bestvideo[height<={}]+bestaudio/best[height<={}]", options.quality, options.quality)
+            format!("bestvideo[height<={}]+bestaudio/best[height<={}]/best", options.quality, options.quality)
         };
         args.push("-f".to_string());
         args.push(format_arg);

src-tauri/src/lib.rs

@@ -17,6 +17,7 @@ pub fn run() {
             commands::get_ytdlp_version,
             commands::get_quickjs_version,
             commands::get_ffmpeg_version,
+            commands::fetch_image,
             commands::fetch_metadata,
             commands::start_download,
             commands::get_settings,

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "StreamCapture",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "identifier": "top.volan.stream-capture",
   "build": {
     "beforeDevCommand": "pnpm dev",
@@ -13,7 +13,7 @@
     "windows": [
       {
         "label": "main",
-        "title": "流萤 - 视频下载 v1.0.1",
+        "title": "流萤 - 视频下载 v1.1.0",
         "width": 1300,
         "height": 900,
         "visible": false

src/stores/analysis.ts

@@ -12,6 +12,9 @@ export const useAnalysisStore = defineStore('analysis', () => {
   const isMix = ref(false)
   const scanMix = ref(false)
   
+  // Input mode state
+  const isBatchMode = ref(false)
+
   const options = ref({
     is_audio_only: false,
     quality: 'best',
@@ -55,5 +58,5 @@ export const useAnalysisStore = defineStore('analysis', () => {
       scanMix.value = false
   }
 
-  return { url, loading, error, metadata, options, isMix, scanMix, toggleEntry, setAllEntries, invertSelection, reset }
+  return { url, loading, error, metadata, options, isMix, scanMix, isBatchMode, toggleEntry, setAllEntries, invertSelection, reset }
 })

src/views/Home.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { watch } from 'vue'
 import { invoke } from '@tauri-apps/api/core'
-import { Loader2 } from 'lucide-vue-next'
+import { Loader2, List, Link } from 'lucide-vue-next'
 import { useQueueStore } from '../stores/queue'
 import { useSettingsStore } from '../stores/settings'
 import { useAnalysisStore } from '../stores/analysis'
@@ -61,6 +61,38 @@ watch(() => analysisStore.options.is_audio_only, () => {
     analysisStore.options.output_format = 'original'
 })
 
+async function processThumbnail(url: string | undefined): Promise<string | undefined> {
+    if (!url) return undefined;
+    // Check if it's an Instagram URL or similar that needs proxying
+    if (url.includes('instagram.com') || url.includes('fbcdn.net') || url.includes('cdninstagram.com')) {
+        try {
+            return await invoke<string>('fetch_image', { url });
+        } catch (e) {
+            console.warn('Thumbnail fetch failed, falling back to URL', e);
+            return url;
+        }
+    }
+    return url;
+}
+
+async function processMetadataThumbnails(metadata: any) {
+    if (!metadata) return;
+    
+    // Process single video thumbnail
+    if (metadata.thumbnail) {
+        metadata.thumbnail = await processThumbnail(metadata.thumbnail);
+    }
+    
+    // Process playlist entries
+    if (metadata.entries && Array.isArray(metadata.entries)) {
+        await Promise.all(metadata.entries.map(async (entry: any) => {
+            if (entry.thumbnail) {
+                entry.thumbnail = await processThumbnail(entry.thumbnail);
+            }
+        }));
+    }
+}
+
 async function analyze() {
   if (!analysisStore.url) return
   analysisStore.loading = true
@@ -68,36 +100,105 @@ async function analyze() {
   analysisStore.metadata = null
   
   try {
-    let urlToScan = analysisStore.url;
-    let parseMix = false;
+    if (analysisStore.isBatchMode) {
+        // Batch Mode Logic
+        const lines = analysisStore.url.split('\n').map(l => l.trim()).filter(l => l);
+        const validLinks = lines.filter(l => {
+            if (!(l.startsWith('http://') || l.startsWith('https://'))) return false;
             
-    if (analysisStore.isMix) {
-        if (analysisStore.scanMix) {
-             // Keep URL as is, tell backend to limit scan
-             parseMix = true;
-        } else {
-             // Strip list param
-             try {
-                 const u = new URL(urlToScan);
-                 u.searchParams.delete('list');
-                 u.searchParams.delete('index');
-                 u.searchParams.delete('start_radio');
-                 urlToScan = u.toString();
-             } catch (e) {
-                 // Fallback regex if URL parsing fails
-                 urlToScan = urlToScan.replace(/&list=[^&]+/, '');
-             }
+            // Allow if it has NO list param
+            if (!l.includes('list=')) return true;
+
+            // Allow if it has list param BUT ALSO has v= (video in playlist/mix)
+            if (l.includes('list=') && l.includes('v=')) return true;
+
+            // Otherwise ignore (pure playlist)
+            return false;
+        });
+
+        if (validLinks.length === 0) {
+             throw new Error("未找到有效的单个视频链接（已忽略纯播放列表链接）。");
         }
+
+        const results: any[] = [];
+        
+        // Process sequentially to be safe
+        for (let link of validLinks) {
+            try {
+                // If it's a mix/playlist context (has v= and list=), strip the list param to treat as single video
+                if (link.includes('list=') && link.includes('v=')) {
+                     try {
+                         const u = new URL(link);
+                         u.searchParams.delete('list');
+                         u.searchParams.delete('index');
+                         u.searchParams.delete('start_radio');
+                         link = u.toString();
+                     } catch (e) {
+                         link = link.replace(/&list=[^&]+/, '');
+                     }
+                }
+
+                // Ensure we don't accidentally trigger mix parsing on single links if logic fails
+                const res = await invoke<any>('fetch_metadata', { url: link, parseMixPlaylist: false });
+                
+                // Only add if it's a single video (no entries)
+                if (!res.entries) {
+                    results.push(res);
+                }
+            } catch (e) {
+                console.warn(`Failed to parse ${link}`, e);
+            }
+        }
+
+        if (results.length === 0) {
+             throw new Error("所有链接解析失败或均为播放列表。");
+        }
+
+        // Process thumbnails for batch results
+        await Promise.all(results.map(r => processMetadataThumbnails(r)));
+
+        // Construct synthetic playlist
+        analysisStore.metadata = {
+            id: 'batch_download_' + Date.now(),
+            title: `批量解析结果 (${results.length} 个视频)`,
+            entries: results.map(e => ({ ...e, selected: true }))
+        };
+
+    } else {
+        // Single Link Mode
+        let urlToScan = analysisStore.url;
+        let parseMix = false;
+
+        if (analysisStore.isMix) {
+            if (analysisStore.scanMix) {
+                 // Keep URL as is, tell backend to limit scan
+                 parseMix = true;
+            } else {
+                 // Strip list param
+                 try {
+                     const u = new URL(urlToScan);
+                     u.searchParams.delete('list');
+                     u.searchParams.delete('index');
+                     u.searchParams.delete('start_radio');
+                     urlToScan = u.toString();
+                 } catch (e) {
+                     // Fallback regex if URL parsing fails
+                     urlToScan = urlToScan.replace(/&list=[^&]+/, '');
+                 }
+            }
+        }
+
+        const res = await invoke<any>('fetch_metadata', { url: urlToScan, parseMixPlaylist: parseMix })
+        
+        await processMetadataThumbnails(res);
+        
+        // Initialize selected state for playlist entries
+        if (res.entries) {
+            res.entries = res.entries.map((e: any) => ({ ...e, selected: true }))
+        }
+        
+        analysisStore.metadata = res
     }
-
-    const res = await invoke<any>('fetch_metadata', { url: urlToScan, parseMixPlaylist: parseMix })
-    
-    // Initialize selected state for playlist entries
-    if (res.entries) {
-        res.entries = res.entries.map((e: any) => ({ ...e, selected: true }))
-    }
-    
-    analysisStore.metadata = res
   } catch (e: any) {
     analysisStore.error = e.toString()
   } finally {
@@ -124,7 +225,7 @@ async function startDownload() {
           }
 
           for (const entry of selectedEntries) {
-              const videoUrl = `https://www.youtube.com/watch?v=${entry.id}`
+              const videoUrl = entry.url || `https://www.youtube.com/watch?v=${entry.id}`
               const id = await invoke<string>('start_download', { 
                   url: videoUrl,
                   options: analysisStore.options,
@@ -189,26 +290,53 @@ async function startDownload() {
 
     <!-- Input Section -->
     <div class="bg-white dark:bg-zinc-900 p-6 rounded-2xl shadow-sm border border-gray-200 dark:border-zinc-800 mb-8">
-      <div class="flex gap-4">
-        <input 
-          v-model="analysisStore.url" 
-          type="text" 
-          placeholder="https://youtube.com/watch?v=..." 
-          class="flex-1 bg-gray-50 dark:bg-zinc-800 border-none rounded-xl px-4 py-3 text-zinc-900 dark:text-white focus:ring-2 focus:ring-blue-500 outline-none"
-          @keyup.enter="analyze"
-        />
-        <button 
-          @click="analyze"
-          :disabled="analysisStore.loading"
-          class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-xl font-medium transition-colors disabled:opacity-50 flex items-center gap-2 shrink-0"
-        >
-          <Loader2 v-if="analysisStore.loading" class="animate-spin w-5 h-5" />
-          <span v-else>解析</span>
-        </button>
+      
+      <!-- Input Area with Batch Toggle -->
+      <div class="flex flex-col gap-3">
+        <div class="flex justify-end mb-1">
+             <button 
+                @click="analysisStore.isBatchMode = !analysisStore.isBatchMode"
+                class="text-xs font-medium flex items-center gap-1.5 px-3 py-1.5 rounded-lg transition-colors"
+                :class="analysisStore.isBatchMode ? 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400' : 'bg-gray-100 text-gray-600 dark:bg-zinc-800 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-zinc-700'"
+             >
+                <List v-if="analysisStore.isBatchMode" class="w-3.5 h-3.5" />
+                <Link v-else class="w-3.5 h-3.5" />
+                {{ analysisStore.isBatchMode ? '单链接模式' : '批量输入模式' }}
+             </button>
+        </div>
+
+        <div class="flex gap-4 items-start">
+            <div class="flex-1 relative">
+                <textarea 
+                  v-if="analysisStore.isBatchMode"
+                  v-model="analysisStore.url" 
+                  placeholder="每行输入一个链接..." 
+                  rows="5"
+                  class="w-full bg-gray-50 dark:bg-zinc-800 border-none rounded-xl px-4 py-3 text-zinc-900 dark:text-white focus:ring-2 focus:ring-blue-500 outline-none resize-none font-mono text-sm leading-relaxed"
+                ></textarea>
+                <input 
+                  v-else
+                  v-model="analysisStore.url"  
+                  type="text" 
+                  placeholder="https://..." 
+                  class="w-full bg-gray-50 dark:bg-zinc-800 border-none rounded-xl px-4 py-3 text-zinc-900 dark:text-white focus:ring-2 focus:ring-blue-500 outline-none"
+                  @keyup.enter="analyze"
+                />
+            </div>
+            
+            <button 
+              @click="analyze"
+              :disabled="analysisStore.loading"
+              class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-xl font-medium transition-colors disabled:opacity-50 flex items-center gap-2 shrink-0 h-[48px]"
+            >
+              <Loader2 v-if="analysisStore.loading" class="animate-spin w-5 h-5" />
+              <span v-else>解析</span>
+            </button>
+        </div>
       </div>
       
-      <!-- Mix Toggle -->
-      <div v-if="analysisStore.isMix" class="mt-4 flex items-center gap-3">
+      <!-- Mix Toggle (Only in Single Mode) -->
+      <div v-if="!analysisStore.isBatchMode && analysisStore.isMix" class="mt-4 flex items-center gap-3">
           <button 
             @click="analysisStore.scanMix = !analysisStore.scanMix"
             class="w-12 h-6 rounded-full relative transition-colors duration-200 ease-in-out flex-shrink-0"