Github Action 部署CF

Author: tech-shrimp

.github/workflow/cf-deploy.yml

@@ -0,0 +1,18 @@
+name: Deploy Worker
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+  repository_dispatch:
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    name: Deploy
+    steps:
+      - uses: actions/checkout@v4
+      - name: Build & Deploy Worker
+        uses: cloudflare/wrangler-action@v3
+        with:
+          apiToken: ${{ secrets.CF_API_TOKEN }}
+          accountId: ${{ secrets.CF_ACCOUNT_ID }}

.gitignore

@@ -171,3 +171,4 @@ dist
 
 .dev.vars
 .wrangler/
+deno.lock

README.MD

@@ -23,6 +23,19 @@
 
 [![Deploy to Cloudflare Workers](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/tech-shrimp/gemini-playground)
 
+## 本地调试
+
+Windows 安装Deno:
+> irm https://deno.land/install.ps1 | iex
+
+Mac/Linux 安装Deno:
+> curl -fsSL https://deno.land/install.sh | sh
+
+启动项目：
+
+>cd 项目目录 <br>
+>deno run --allow-net --allow-read src/deno_index.ts
+
 
 ## 使用方法
 

src/static/css/style.css

@@ -481,8 +481,8 @@ body {
     width: 300px;
 }
 
-#voice-select {
-    padding: 8px;
+#voice-select  #response-type-select{
+    padding: 4px;
     border: 1px solid #ccc;
     border-radius: 4px;
 }
@@ -520,7 +520,7 @@ body {
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }
 
-#voice-select, #sample-rate-input, #system-instruction {
+#system-instruction {
     padding: var(--spacing-md);
     border: 1px solid var(--border-color);
     border-radius: var(--border-radius);
@@ -595,13 +595,13 @@ body {
     }
 }
 
-.fps-container {
+.setting-container {
     display: flex;
     align-items: center;
     gap: var(--spacing-md);
 }
 
-.fps-label {
+.setting-label {
     font-size: 12px;
     font-weight: bold;
 }

src/static/index.html

@@ -21,19 +21,29 @@
         </div>
         <div id="config-container" class="hidden-mobile">
             <div class="config-wrapper">
-                <select id="voice-select">
-                    <option value="Puck">Puck (Male)</option>
-                    <option value="Charon">Charon (Male)</option>
-                    <option value="Fenrir">Fenrir (Male)</option>
-                    <option value="Kore">Kore (Female)</option>
-                    <option value="Aoede" selected>Aoede (Female)</option>
-                </select>
-                <div class="fps-container">
-                    <span class="fps-label">FPS: </span>
-                    <input type="number" id="fps-input" placeholder="Video FPS" value="2" min="1" max="30" step="1"/>
+                <div class="setting-container">
+                    <span class="setting-label">Sound: </span>
+                    <select id="voice-select">
+                        <option value="Puck">Puck (Male)</option>
+                        <option value="Charon">Charon (Male)</option>
+                        <option value="Fenrir">Fenrir (Male)</option>
+                        <option value="Kore">Kore (Female)</option>
+                        <option value="Aoede" selected>Aoede (Female)</option>
+                    </select>
+                </div>
+                <div class="setting-container">
+                    <span class="setting-label">Response Type: </span>
+                    <select id="response-type-select">
+                        <option value="text">Text</option>
+                        <option value="audio" selected>Audio</option>
+                    </select>
+                </div>
+                <div class="setting-container">
+                    <span class="setting-label">Video FPS: </span>
+                    <input type="number" id="fps-input" placeholder="Video FPS" value="1" min="1" max="30" step="1"/>
                     <span class="fps-help">Higher FPS need more network bandwidth</span>
                 </div>
-                <textarea id="system-instruction" placeholder="Enter custom system instructions..." rows="3"></textarea>
+                <textarea id="system-instruction" placeholder="Enter custom system instructions..." rows="6"></textarea>
                 <button id="apply-config">Confirm</button>
             </div>
         </div>

src/static/js/main.js

@@ -35,7 +35,7 @@ const configContainer = document.getElementById('config-container');
 const systemInstructionInput = document.getElementById('system-instruction');
 systemInstructionInput.value = CONFIG.SYSTEM_INSTRUCTION.TEXT;
 const applyConfigButton = document.getElementById('apply-config');
-
+const responseTypeSelect = document.getElementById('response-type-select');
 
 // Load saved values from localStorage
 const savedApiKey = localStorage.getItem('gemini_api_key');
@@ -256,7 +256,7 @@ async function connectToWebsocket() {
     const config = {
         model: CONFIG.API.MODEL_NAME,
         generationConfig: {
-            responseModalities: "audio",
+            responseModalities: responseTypeSelect.value,
             speechConfig: {
                 voiceConfig: { 
                     prebuiltVoiceConfig: { 

src/static/js/video/screen-recorder.js

@@ -24,7 +24,7 @@ export class ScreenRecorder {
         this.captureInterval = null;
         this.previewElement = null;
         this.options = {
-            fps: 5, // Lower FPS for screen sharing
+            fps: 2, // Lower FPS for screen sharing
             quality: 0.8,
             width: 1280,
             height: 720,