feat: update screenshot assets with new images

README.md

@@ -71,9 +71,11 @@ yarn android-tv
 
 ## 部署
 
-推荐使用 [MoonTV](https://github.com/senshinya/MoonTV) 部署，地址可直接使用部署后的访问地址。
+- 1.2.x 以上版本需配合 [MoonTV](https://github.com/senshinya/MoonTV) 部署使用，api 地址填部MoonTV署后的访问地址。
 
-如果不想依赖 MoonTV，可以使用 1.1.x 版本。
+  - **注意：** 地址后面不要带 `/` ,不要遗漏 `http://` 或者 `https://` 
+
+- 如果不想依赖 MoonTV，可以使用 1.1.x 版本。
 
 ## 其他
 
@@ -92,9 +94,9 @@ yarn android-tv
 ## 📸 应用截图
 
 ![首页界面](screenshot/image.png)
-![详情页面](screenshot/image1.png)
-![搜索界面](screenshot/image3.png)
 ![视频播放](screenshot/image2.png)
+![搜索界面](screenshot/image3.png)
+![详情页面](screenshot/image1.png)
 
 ## 📝 License
 

app/play.tsx

@@ -96,6 +96,25 @@ export default function PlayScreen() {
     return () => backHandler.remove();
   }, [showControls, setShowControls, router]);
 
+  useEffect(() => {
+    let timeoutId: NodeJS.Timeout | null = null;
+
+    if (isLoading) {
+      timeoutId = setTimeout(() => {
+        if (usePlayerStore.getState().isLoading) {
+          usePlayerStore.setState({ isLoading: false });
+          Toast.show({ type: "error", text1: "播放超时，请重试" });
+        }
+      }, 60000); // 1 minute
+    }
+
+    return () => {
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+    };
+  }, [isLoading]);
+
   if (!detail) {
     return (
       <ThemedView style={[styles.container, styles.centered]}>
@@ -122,10 +141,6 @@ export default function PlayScreen() {
             }
             usePlayerStore.setState({ isLoading: false });
           }}
-          onError={() => {
-            usePlayerStore.setState({ isLoading: false });
-            Toast.show({ type: "error", text1: "播放失败，请更换源后重试" });
-          }}
           onLoadStart={() => usePlayerStore.setState({ isLoading: true })}
           useNativeControls={false}
           shouldPlay

package.json

@@ -2,7 +2,7 @@
   "name": "OrionTV",
   "private": true,
   "main": "expo-router/entry",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "scripts": {
     "start": "EXPO_USE_METRO_WORKSPACE_ROOT=1 expo start",
     "start-tv": "EXPO_TV=1 EXPO_USE_METRO_WORKSPACE_ROOT=1 expo start",

stores/settingsStore.ts

@@ -68,14 +68,35 @@ export const useSettingsStore = create<SettingsState>((set, get) => ({
   setVideoSource: (config) => set({ videoSource: config }),
   saveSettings: async () => {
     const { apiBaseUrl, m3uUrl, remoteInputEnabled, videoSource } = get();
+
+    let processedApiBaseUrl = apiBaseUrl.trim();
+    if (processedApiBaseUrl.endsWith("/")) {
+      processedApiBaseUrl = processedApiBaseUrl.slice(0, -1);
+    }
+
+    if (!/^https?:\/\//i.test(processedApiBaseUrl)) {
+      const hostPart = processedApiBaseUrl.split("/")[0];
+      // Simple check for IP address format.
+      const isIpAddress = /^((\d{1,3}\.){3}\d{1,3})(:\d+)?$/.test(hostPart);
+      // Check if the domain includes a port.
+      const hasPort = /:\d+/.test(hostPart);
+
+      if (isIpAddress || hasPort) {
+        processedApiBaseUrl = "http://" + processedApiBaseUrl;
+      } else {
+        processedApiBaseUrl = "https://" + processedApiBaseUrl;
+      }
+    }
+
     await SettingsManager.save({
-      apiBaseUrl,
+      apiBaseUrl: processedApiBaseUrl,
       m3uUrl,
       remoteInputEnabled,
       videoSource,
     });
-    api.setBaseUrl(apiBaseUrl);
+    api.setBaseUrl(processedApiBaseUrl);
-    set({ isModalVisible: false });
+    // Also update the URL in the state so the input field shows the processed URL
+    set({ isModalVisible: false, apiBaseUrl: processedApiBaseUrl });
     await get().fetchServerConfig();
   },
   showModal: () => set({ isModalVisible: true }),