Changes to deepseekai.scroll.pub

root

18 days ago

Initial commit

body.html

Changed around line 1
+ 
+   DeepSeek AI
+   智能语音交互，畅聊未来科技
+ 
+ 
+ 
+   
+     
+     
+       
+       
+         
+           
+         
+       
+       
+     
+   
+ 
+ 
+ 
+   探索AI的无限可能
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://deepseekai.scroll.pub
+ metaTags
+ editButton /edit.html
+ title DeepSeek AI - 智能语音交互
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "e84fa124-1aa1-4c8d-b38a-482f50b8ca9b",
+   "object": "chat.completion",
+   "created": 1735990396,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\ndeepseekai.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://deepseekai.scroll.pub\nmetaTags\neditButton /edit.html\ntitle DeepSeek AI - 智能语音交互\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  DeepSeek AI\n  智能语音交互，畅聊未来科技
\n\n\n\n  \n    
\n    \n      \n      \n      \n    
\n  \n\n\n\n  探索AI的无限可能
\n\n---style.css---\n:root {\n  --primary-color: #1a73e8;\n  --secondary-color: #34a853;\n  --background-color: #f5f5f5;\n  --text-color: #202124;\n  --border-radius: 8px;\n  --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: 'Segoe UI', sans-serif;\n  background-color: var(--background-color);\n  color: var(--text-color);\n  line-height: 1.6;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n}\n\nheader {\n  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n  color: white;\n  padding: 2rem;\n  text-align: center;\n  box-shadow: var(--box-shadow);\n}\n\nheader h1 {\n  font-size: 2.5rem;\n  margin-bottom: 0.5rem;\n}\n\nheader p {\n  font-size: 1.2rem;\n}\n\nmain {\n  flex: 1;\n  padding: 2rem;\n  max-width: 800px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n#chat-section {\n  background: white;\n  border-radius: var(--border-radius);\n  box-shadow: var(--box-shadow);\n  padding: 1.5rem;\n}\n\n#chat-box {\n  height: 400px;\n  overflow-y: auto;\n  border: 1px solid #ddd;\n  border-radius: var(--border-radius);\n  padding: 1rem;\n  margin-bottom: 1rem;\n  background-color: #fafafa;\n}\n\n#input-container {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n}\n\n#user-input {\n  flex: 1;\n  padding: 0.75rem;\n  border: 1px solid #ddd;\n  border-radius: var(--border-radius);\n  resize: none;\n  min-height: 50px;\n}\n\n#voice-btn {\n  background: var(--primary-color);\n  color: white;\n  border: none;\n  padding: 0.75rem;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: background 0.3s ease;\n}\n\n#voice-btn:hover {\n  background: #1557b7;\n}\n\n#send-btn {\n  background: var(--secondary-color);\n  color: white;\n  border: none;\n  padding: 0.75rem 1.5rem;\n  border-radius: var(--border-radius);\n  cursor: pointer;\n  transition: background 0.3s ease;\n}\n\n#send-btn:hover {\n  background: #2a8a4a;\n}\n\nfooter {\n  text-align: center;\n  padding: 1rem;\n  background: white;\n  box-shadow: var(--box-shadow);\n  margin-top: auto;\n}\n\n@media (max-width: 768px) {\n  header h1 {\n    font-size: 2rem;\n  }\n\n  header p {\n    font-size: 1rem;\n  }\n\n  #chat-box {\n    height: 300px;\n  }\n\n  #input-container {\n    flex-direction: column;\n  }\n\n  #send-btn {\n    width: 100%;\n  }\n}\n---script.js---\nconst chatBox = document.getElementById('chat-box');\nconst userInput = document.getElementById('user-input');\nconst voiceBtn = document.getElementById('voice-btn');\nconst sendBtn = document.getElementById('send-btn');\n\nlet recognition;\n\nfunction addMessage(content, isUser = false) {\n  const messageDiv = document.createElement('div');\n  messageDiv.classList.add('message', isUser ? 'user-message' : 'ai-message');\n  messageDiv.textContent = content;\n  chatBox.appendChild(messageDiv);\n  chatBox.scrollTop = chatBox.scrollHeight;\n}\n\nfunction sendMessage() {\n  const message = userInput.value.trim();\n  if (message) {\n    addMessage(message, true);\n    userInput.value = '';\n    // Here you would typically send the message to the DeepSeek API\n    // and handle the response\n    setTimeout(() => {\n      addMessage('这是一个示例回复。实际应用中，这里会显示DeepSeek的回复。');\n    }, 1000);\n  }\n}\n\nfunction startVoiceRecognition() {\n  if (!('webkitSpeechRecognition' in window)) {\n    alert('您的浏览器不支持语音识别功能');\n    return;\n  }\n\n  recognition = new webkitSpeechRecognition();\n  recognition.lang = 'zh-CN';\n  recognition.continuous = false;\n  recognition.interimResults = false;\n\n  recognition.onresult = function(event) {\n    const transcript = event.results[0][0].transcript;\n    userInput.value = transcript;\n    sendMessage();\n  };\n\n  recognition.onerror = function(event) {\n    console.error('语音识别错误:', event.error);\n  };\n\n  recognition.start();\n}\n\nsendBtn.addEventListener('click', sendMessage);\nvoiceBtn.addEventListener('click', startVoiceRecognition);\n\nuserInput.addEventListener('keydown', function(event) {\n  if (event.key === 'Enter' && !event.shiftKey) {\n    event.preventDefault();\n    sendMessage();\n  }\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 256,
+     "completion_tokens": 1532,
+     "total_tokens": 1788,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 256
+   },
+   "system_fingerprint": "fp_3a5770e1b4"
+ }

readme.scroll

Changed around line 1

+ # deepseekai.scroll.pub

+ Website generated by DeepSeek from prompt: 帮我建一个中文的网站，网站可以链接deepseek大模型进行人机交互，可以进行语音互动

script.js

Changed around line 1
+ const chatBox = document.getElementById('chat-box');
+ const userInput = document.getElementById('user-input');
+ const voiceBtn = document.getElementById('voice-btn');
+ const sendBtn = document.getElementById('send-btn');
+ 
+ let recognition;
+ 
+ function addMessage(content, isUser = false) {
+   const messageDiv = document.createElement('div');
+   messageDiv.classList.add('message', isUser ? 'user-message' : 'ai-message');
+   messageDiv.textContent = content;
+   chatBox.appendChild(messageDiv);
+   chatBox.scrollTop = chatBox.scrollHeight;
+ }
+ 
+ function sendMessage() {
+   const message = userInput.value.trim();
+   if (message) {
+     addMessage(message, true);
+     userInput.value = '';
+     // Here you would typically send the message to the DeepSeek API
+     // and handle the response
+     setTimeout(() => {
+       addMessage('这是一个示例回复。实际应用中，这里会显示DeepSeek的回复。');
+     }, 1000);
+   }
+ }
+ 
+ function startVoiceRecognition() {
+   if (!('webkitSpeechRecognition' in window)) {
+     alert('您的浏览器不支持语音识别功能');
+     return;
+   }
+ 
+   recognition = new webkitSpeechRecognition();
+   recognition.lang = 'zh-CN';
+   recognition.continuous = false;
+   recognition.interimResults = false;
+ 
+   recognition.onresult = function(event) {
+     const transcript = event.results[0][0].transcript;
+     userInput.value = transcript;
+     sendMessage();
+   };
+ 
+   recognition.onerror = function(event) {
+     console.error('语音识别错误:', event.error);
+   };
+ 
+   recognition.start();
+ }
+ 
+ sendBtn.addEventListener('click', sendMessage);
+ voiceBtn.addEventListener('click', startVoiceRecognition);
+ 
+ userInput.addEventListener('keydown', function(event) {
+   if (event.key === 'Enter' && !event.shiftKey) {
+     event.preventDefault();
+     sendMessage();
+   }
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #1a73e8;
+   --secondary-color: #34a853;
+   --background-color: #f5f5f5;
+   --text-color: #202124;
+   --border-radius: 8px;
+   --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+ 
+ * {
+   margin: 0;
+   padding: 0;
+   box-sizing: border-box;
+ }
+ 
+ body {
+   font-family: 'Segoe UI', sans-serif;
+   background-color: var(--background-color);
+   color: var(--text-color);
+   line-height: 1.6;
+   min-height: 100vh;
+   display: flex;
+   flex-direction: column;
+ }
+ 
+ header {
+   background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+   color: white;
+   padding: 2rem;
+   text-align: center;
+   box-shadow: var(--box-shadow);
+ }
+ 
+ header h1 {
+   font-size: 2.5rem;
+   margin-bottom: 0.5rem;
+ }
+ 
+ header p {
+   font-size: 1.2rem;
+ }
+ 
+ main {
+   flex: 1;
+   padding: 2rem;
+   max-width: 800px;
+   margin: 0 auto;
+   width: 100%;
+ }
+ 
+ #chat-section {
+   background: white;
+   border-radius: var(--border-radius);
+   box-shadow: var(--box-shadow);
+   padding: 1.5rem;
+ }
+ 
+ #chat-box {
+   height: 400px;
+   overflow-y: auto;
+   border: 1px solid #ddd;
+   border-radius: var(--border-radius);
+   padding: 1rem;
+   margin-bottom: 1rem;
+   background-color: #fafafa;
+ }
+ 
+ #input-container {
+   display: flex;
+   gap: 0.5rem;
+   align-items: center;
+ }
+ 
+ #user-input {
+   flex: 1;
+   padding: 0.75rem;
+   border: 1px solid #ddd;
+   border-radius: var(--border-radius);
+   resize: none;
+   min-height: 50px;
+ }
+ 
+ #voice-btn {
+   background: var(--primary-color);
+   color: white;
+   border: none;
+   padding: 0.75rem;
+   border-radius: 50%;
+   cursor: pointer;
+   transition: background 0.3s ease;
+ }
+ 
+ #voice-btn:hover {
+   background: #1557b7;
+ }
+ 
+ #send-btn {
+   background: var(--secondary-color);
+   color: white;
+   border: none;
+   padding: 0.75rem 1.5rem;
+   border-radius: var(--border-radius);
+   cursor: pointer;
+   transition: background 0.3s ease;
+ }
+ 
+ #send-btn:hover {
+   background: #2a8a4a;
+ }
+ 
+ footer {
+   text-align: center;
+   padding: 1rem;
+   background: white;
+   box-shadow: var(--box-shadow);
+   margin-top: auto;
+ }
+ 
+ @media (max-width: 768px) {
+   header h1 {
+     font-size: 2rem;
+   }
+ 
+   header p {
+     font-size: 1rem;
+   }
+ 
+   #chat-box {
+     height: 300px;
+   }
+ 
+   #input-container {
+     flex-direction: column;
+   }
+ 
+   #send-btn {
+     width: 100%;
+   }
+ }