초록초록 번역기

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>초록초록 번역기</title> <meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src 'self' data: blob:; media-src 'self' blob:; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline'; connect-src 'none'; frame-ancestors 'none'; base-uri 'none'; form-action 'none'">  <meta http-equiv="Permissions-Policy" content="camera=(self), microphone=(self), geolocation=(), usb=(), fullscreen=(), payment=(), xr-spatial-tracking=()"> <style> :root{ --bg:#e3fcec; --panel:rgba(255,255,255,.75); --ink:#1e4a33; --muted:#3b6b4d; --line:rgba(30,74,51,.14); --accent:#2fb26a; --accent2:#1f8f53; --warn:#b45309; --radius:16px; --shadow:0 10px 30px rgba(2,6,23,.10); } *{box-sizing:border-box} body{ margin:0; font-family:system-ui,-apple-system,Pretendard,"Apple SD Gothic Neo","Noto Sans KR",Segoe UI,Roboto,Helvetica,Arial,sans-serif; background: radial-gradient(1100px 740px at 10% -10%, rgba(47,178,106,.18), transparent 55%), radial-gradient(900px 620px at 110% 10%, rgba(34,197,94,.10), transparent 60%), var(--bg); color:var(--ink); min-height:100vh; display:flex; justify-content:center; padding:18px; } .wrap{width:100%; max-width:980px} .card{ background:var(--panel); backdrop-filter: blur(10px); border:1px solid var(--line); border-radius:22px; box-shadow: var(--shadow); overflow:hidden; } header{ padding:18px 18px 10px; } h1{ margin:0; font-size:1.75rem; font-weight:900; letter-spacing:-.02em; } .sub{ margin:8px 0 0; color:var(--muted); line-height:1.45; } .grid{ display:grid; grid-template-columns: 1.05fr .95fr; gap:14px; padding: 14px 18px 18px; } @media (max-width: 860px){ .grid{grid-template-columns:1fr} } .panel{ background: rgba(255,255,255,.72); border:1px solid var(--line); border-radius:18px; padding:14px; } .row{display:flex; flex-wrap:wrap; gap:10px; align-items:center} .row + .row{margin-top:10px} video, canvas{ width:100%; border-radius:14px; border:1px solid var(--line); background:#0b1220; } .btn{ appearance:none; border:1px solid rgba(31,143,83,.22); background: linear-gradient(180deg, rgba(47,178,106,.18), rgba(47,178,106,.08)); color: var(--ink); padding:11px 14px; border-radius:14px; font-weight:800; cursor:pointer; transition: transform .06s ease, filter .15s ease; user-select:none; } .btn:active{transform: translateY(1px)} .btn.primary{ border-color: rgba(31,143,83,.28); background: linear-gradient(180deg, rgba(47,178,106,.30), rgba(47,178,106,.14)); } .btn.danger{ border-color: rgba(180,83,9,.30); background: linear-gradient(180deg, rgba(245,158,11,.22), rgba(245,158,11,.10)); } .btn.ghost{ background: rgba(255,255,255,.55); border-color: var(--line); font-weight:800; } .btn[disabled]{opacity:.55; cursor:not-allowed} input[type="text"], select{ width:100%; border-radius:14px; border:1px solid var(--line); padding:12px 12px; font-size:1rem; outline:none; background: rgba(255,255,255,.78); color: var(--ink); } .kpi{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; } .pill{ display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border-radius:999px; border:1px solid var(--line); background: rgba(255,255,255,.65); color:var(--muted); font-weight:700; font-size:.92rem; } .out{ white-space: pre-line; line-height:1.45; background: rgba(255,255,255,.78); border:1px solid var(--line); border-radius:16px; padding:12px; min-height: 86px; } .note{ margin-top:10px; font-size:.92rem; color:var(--muted); line-height:1.5; } .warn{ color: var(--warn); font-weight:800; } .footer{ padding:14px 18px 18px; color: var(--muted); font-size:.9rem; line-height:1.55; } .sep{height:1px;background:var(--line); margin: 0} .small{font-size:.92rem;color:var(--muted)} .meter{ width:100%; height:10px; border-radius:999px; background: rgba(30,74,51,.10); overflow:hidden; border:1px solid var(--line); } .bar{ height:100%; width:0%; background: rgba(47,178,106,.55); transition: width .08s linear; } </style> <style type="text/css">.another_category { border: 1px solid #E5E5E5; padding: 10px 10px 5px; margin: 10px 0; clear: both; } .another_category h4 { font-size: 12px !important; margin: 0 !important; border-bottom: 1px solid #E5E5E5 !important; padding: 2px 0 6px !important; } .another_category h4 a { font-weight: bold !important; } .another_category table { table-layout: fixed; border-collapse: collapse; width: 100% !important; margin-top: 10px !important; } * html .another_category table { width: auto !important; } *:first-child + html .another_category table { width: auto !important; } .another_category th, .another_category td { padding: 0 0 4px !important; } .another_category th { text-align: left; font-size: 12px !important; font-weight: normal; word-break: break-all; overflow: hidden; line-height: 1.5; } .another_category td { text-align: right; width: 80px; font-size: 11px; } .another_category th a { font-weight: normal; text-decoration: none; border: none !important; } .another_category th a.current { font-weight: bold; text-decoration: none !important; border-bottom: 1px solid !important; } .another_category th span { font-weight: normal; text-decoration: none; font: 10px Tahoma, Sans-serif; border: none !important; } .another_category_color_gray, .another_category_color_gray h4 { border-color: #E5E5E5 !important; } .another_category_color_gray * { color: #909090 !important; } .another_category_color_gray th a.current { border-color: #909090 !important; } .another_category_color_gray h4, .another_category_color_gray h4 a { color: #737373 !important; } .another_category_color_red, .another_category_color_red h4 { border-color: #F6D4D3 !important; } .another_category_color_red * { color: #E86869 !important; } .another_category_color_red th a.current { border-color: #E86869 !important; } .another_category_color_red h4, .another_category_color_red h4 a { color: #ED0908 !important; } .another_category_color_green, .another_category_color_green h4 { border-color: #CCE7C8 !important; } .another_category_color_green * { color: #64C05B !important; } .another_category_color_green th a.current { border-color: #64C05B !important; } .another_category_color_green h4, .another_category_color_green h4 a { color: #3EA731 !important; } .another_category_color_blue, .another_category_color_blue h4 { border-color: #C8DAF2 !important; } .another_category_color_blue * { color: #477FD6 !important; } .another_category_color_blue th a.current { border-color: #477FD6 !important; } .another_category_color_blue h4, .another_category_color_blue h4 a { color: #1960CA !important; } .another_category_color_violet, .another_category_color_violet h4 { border-color: #E1CEEC !important; } .another_category_color_violet * { color: #9D64C5 !important; } .another_category_color_violet th a.current { border-color: #9D64C5 !important; } .another_category_color_violet h4, .another_category_color_violet h4 a { color: #7E2CB5 !important; } </style> <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/style/revenue.css"/> <link rel="canonical" href="https://uplifestyle.tistory.com/551"/>  <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@id":"https://uplifestyle.tistory.com/551","name":null},"url":"https://uplifestyle.tistory.com/551","headline":"초록초록 번역기","description":"초록초록 번역기 식물 화면 색감(간단 분석)과 사용자의 메시지로, 부드러운 위로 문장을 만들어 줍니다. (업로드 없음) 한국어 English 日本語中文 🔇 소리: 꺼짐(기본) 🎤 마이크: 꺼짐 📷 카메라: 대기 청각 안전 모드: 초고주파/자극음 기능을 제거했고, 소리는 사용자가 직접 켜기 전까지 재생되지 않습니다. ..","author":{"@type":"Person","name":"Happycode7","logo":null},"image":{"@type":"ImageObject","url":"https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FcF50sS%2FbtsPJE1xUvT%2FAAAAAAAAAAAAAAAAAAAAAMQTFW9N0xl_MVvOye_P6eoCau_M6mYBaH_PDIUKBsgk%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1777561199%26allow_ip%3D%26allow_referer%3D%26signature%3DxafeTDL5jLa8j6vmoK2QsRk3vGc%253D","width":"800px","height":"800px"},"datePublished":"2025-08-08T11:53:33+09:00","dateModified":"2026-02-11T17:26:52+09:00","publisher":{"@type":"Organization","name":"TISTORY","logo":{"@type":"ImageObject","url":"https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png","width":"800px","height":"800px"}}} </script>  <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/style/dialog.css"/> <link rel="stylesheet" type="text/css" href="//t1.daumcdn.net/tistory_admin/www/style/top/font.css"/> <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/style/postBtn.css"/> <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/style/tistory.css"/> <script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/script/common.js"></script> </head> <body> <div class="wrap"> <div class="card"> <header> <div class="row" style="justify-content:space-between; gap:12px;"> <div> <h1>초록초록 번역기</h1> <p class="sub">식물 화면 색감(간단 분석)과 사용자의 메시지로, 부드러운 위로 문장을 만들어 줍니다. (업로드 없음)</p> </div> <div style="min-width:180px;"> <select id="langSel" aria-label="Language"> <option value="ko" selected>한국어</option> <option value="en">English</option> <option value="ja">日本語</option> <option value="zh">中文</option> </select> </div> </div> <div class="kpi"> <span class="pill" id="pill-sound">🔇 소리: 꺼짐(기본)</span> <span class="pill" id="pill-mic">🎤 마이크: 꺼짐</span> <span class="pill" id="pill-cam">📷 카메라: 대기</span> </div> <p class="note"> <span class="warn">청각 안전 모드</span>: 초고주파/자극음 기능을 제거했고, 소리는 사용자가 직접 켜기 전까지 재생되지 않습니다. </p> </header> <div class="sep"></div> <div class="grid"> <section class="panel" aria-label="Camera panel"> <video id="plantCam" autoplay muted playsinline></video> <canvas id="snap" width="320" height="240" style="display:none"></canvas> <div class="row" style="margin-top:12px;"> <button class="btn primary" id="btn-start-cam" type="button">카메라 시작</button> <button class="btn danger" id="btn-stop-cam" type="button" disabled>카메라 정지</button> <button class="btn" id="btn-analyze" type="button" disabled>감정 감지</button> <button class="btn" id="btn-multi" type="button" disabled>여러 구역 분석</button> </div> <div class="row" style="margin-top:10px;"> <input id="userInput" type="text" placeholder="식물에게 말을 걸어보세요..." inputmode="text" autocomplete="off" /> </div> <div class="row"> <button class="btn ghost" id="btn-plant-hear" type="button">식물 응답 만들기</button> <button class="btn" id="btn-chime" type="button">부드러운 알림음(짧게)</button> <button class="btn" id="btn-toggle-sound" type="button">소리 켜기</button> </div> <div class="note small"> - 알림음은 매우 짧고 낮은 볼륨으로만 재생됩니다.<br> - 브라우저/기기 설정(무음 모드, 볼륨, 탭 음소거)에 따라 소리가 안 날 수 있습니다. </div> </section> <section class="panel" aria-label="Results panel"> <div class="row" style="justify-content:space-between;"> <strong>결과</strong> <span class="small" id="status">대기 중</span> </div> <div id="result" class="out" role="status" aria-live="polite">감정 분석 결과가 여기에 표시됩니다.</div> <div class="row" style="margin-top:10px; justify-content:space-between;"> <strong>식물 응답</strong> <span class="small" id="hint">문장 생성 모드</span> </div> <div id="user-response" class="out" role="status" aria-live="polite"></div> <div class="row" style="margin-top:10px; justify-content:space-between;"> <strong>주변 소음 레벨(마이크)</strong> <span class="small" id="micLevelText">꺼짐</span> </div> <div class="meter" aria-hidden="true"><div class="bar" id="micBar"></div></div> <div class="row" style="margin-top:10px;"> <button class="btn" id="btn-mic-start" type="button">마이크 시작</button> <button class="btn danger" id="btn-mic-stop" type="button" disabled>마이크 정지</button> </div> <div class="note small"> - 마이크는 “고주파 판별/반응” 같은 판단을 하지 않고, 단순히 소음 레벨(대략)만 표시합니다.<br> - 권한 거부 시 동작하지 않습니다. </div> </section> </div> <div class="sep"></div> <div class="footer"> Ⓡ Happycode7 | 초록초록 번역기<br> 본 소프트웨어는 창작자의 허락 없이 무단 복제·수정·배포할 수 없습니다.<br> 교육 및 감성 콘텐츠 목적 외의 사용을 금하며, 식물 생장 상태나 의료 진단 목적으로 사용할 수 없습니다.<br> 모든 책임은 사용자 본인에게 있습니다. </div> </div> </div> <script> (function(){ const $ = (id)=>document.getElementById(id); const i18n = { ko:{ camStart:"카메라 시작", camStop:"카메라 정지", analyze:"감정 감지", multi:"여러 구역 분석", makeReply:"식물 응답 만들기", chime:"부드러운 알림음(짧게)", soundOn:"소리 켜기", soundOff:"소리 끄기", micStart:"마이크 시작", micStop:"마이크 정지", idle:"대기 중", camWait:"📷 카메라: 대기", camOn:"📷 카메라: 켜짐", camOff:"📷 카메라: 꺼짐", micOff:"🎤 마이크: 꺼짐", micOn:"🎤 마이크: 켜짐", soundOffPill:"🔇 소리: 꺼짐(기본)", soundOnPill:"🔊 소리: 켜짐(낮은 음량)", needCam:"먼저 카메라를 시작해주세요.", camDenied:"카메라 권한이 거부되었거나 사용할 수 없습니다.", micDenied:"마이크 권한이 필요합니다. 브라우저에서 허용해 주세요.", noCam:"이 브라우저는 카메라를 지원하지 않습니다.", noMic:"이 브라우저는 마이크를 지원하지 않습니다.", analyzed:"분석 완료", micLevel:"소음 레벨" }, en:{ camStart:"Start camera", camStop:"Stop camera", analyze:"Analyze mood", multi:"Analyze multi-zones", makeReply:"Generate plant reply", chime:"Gentle chime (short)", soundOn:"Enable sound", soundOff:"Disable sound", micStart:"Start mic", micStop:"Stop mic", idle:"Idle", camWait:"📷 Camera: standby", camOn:"📷 Camera: on", camOff:"📷 Camera: off", micOff:"🎤 Mic: off", micOn:"🎤 Mic: on", soundOffPill:"🔇 Sound: off (default)", soundOnPill:"🔊 Sound: on (low volume)", needCam:"Please start the camera first.", camDenied:"Camera permission was denied or unavailable.", micDenied:"Microphone permission is required. Please allow it in your browser.", noCam:"This browser does not support camera access.", noMic:"This browser does not support microphone access.", analyzed:"Done", micLevel:"Noise level" }, ja:{ camStart:"カメラ開始", camStop:"カメラ停止", analyze:"感情分析", multi:"複数エリア分析", makeReply:"返信を生成", chime:"やさしいチャイム(短)", soundOn:"音をオン", soundOff:"音をオフ", micStart:"マイク開始", micStop:"マイク停止", idle:"待機中", camWait:"📷 カメラ: 待機", camOn:"📷 カメラ: オン", camOff:"📷 カメラ: オフ", micOff:"🎤 マイク: オフ", micOn:"🎤 マイク: オン", soundOffPill:"🔇 音: オフ(既定)", soundOnPill:"🔊 音: オン(低音量)", needCam:"先にカメラを開始してください。", camDenied:"カメラ権限が拒否されたか利用できません。", micDenied:"マイク権限が必要です。ブラウザで許可してください。", noCam:"このブラウザはカメラをサポートしていません。", noMic:"このブラウザはマイクをサポートしていません。", analyzed:"完了", micLevel:"騒音レベル" }, zh:{ camStart:"开启摄像头", camStop:"关闭摄像头", analyze:"情绪分析", multi:"多区域分析", makeReply:"生成植物回应", chime:"柔和提示音(短)", soundOn:"开启声音", soundOff:"关闭声音", micStart:"开启麦克风", micStop:"关闭麦克风", idle:"待机", camWait:"📷 摄像头：待机", camOn:"📷 摄像头：开启", camOff:"📷 摄像头：关闭", micOff:"🎤 麦克风：关闭", micOn:"🎤 麦克风：开启", soundOffPill:"🔇 声音：关闭(默认)", soundOnPill:"🔊 声音：开启(低音量)", needCam:"请先开启摄像头。", camDenied:"摄像头权限被拒绝或不可用。", micDenied:"需要麦克风权限，请在浏览器中允许。", noCam:"此浏览器不支持摄像头。", noMic:"此浏览器不支持麦克风。", analyzed:"完成", micLevel:"噪音等级" } }; let lang = "ko"; function T(k){ return (i18n[lang] && i18n[lang][k]) ? i18n[lang][k] : (i18n.ko[k]||k); } const emotionMap={ thriving:{text:{ko:"잎이 반짝이며 살아있음을 말해요.",en:"Leaves look bright and lively.",ja:"葉が輝いて元気そうです。",zh:"叶片明亮有活力。"},color:"#d0f8ce",need:{ko:"환경을 그대로 유지해주세요.",en:"Keep the environment steady.",ja:"環境をそのまま保ってください。",zh:"保持当前环境。"}}, blooming:{text:{ko:"잎이 활짝 열리고 있어요. 성장 중이에요!",en:"It looks open and growing.",ja:"葉が開いて成長中です。",zh:"叶片舒展，正在生长。"},color:"#f3e5f5",need:{ko:"빛과 수분 공급이 좋아요.",en:"Light and water balance looks good.",ja:"光と水分のバランスが良いです。",zh:"光照与水分状态良好。"}}, calm:{text:{ko:"조용히 자라고 있어요.",en:"It seems calm and steady.",ja:"穏やかに育っています。",zh:"状态平稳。"},color:"#c8e6c9",need:{ko:"현재 상태를 유지해주세요.",en:"Maintain the current care routine.",ja:"今の管理を続けてください。",zh:"维持当前护理。"}}, alert:{text:{ko:"주변에 변화가 감지돼요.",en:"Something feels changed around it.",ja:"周囲の変化を感じます。",zh:"周围似乎有变化。"},color:"#ffe082",need:{ko:"환경에 변화가 있었는지 확인해주세요.",en:"Check for recent changes (light/temp/noise).",ja:"最近の変化(光/温度/騒音)を確認してください。",zh:"检查近期变化(光照/温度/噪音)。"}}, wilted:{text:{ko:"잎이 축 늘어졌어요.",en:"It looks a bit droopy.",ja:"少ししおれて見えます。",zh:"叶片有些下垂。"},color:"#d7ccc8",need:{ko:"급수 상태를 점검해주세요.",en:"Review watering and drainage.",ja:"水やりと排水を見直してください。",zh:"检查浇水与排水。"}}, parched:{text:{ko:"건조해요. 물이 필요해요.",en:"It feels dry and thirsty.",ja:"乾いています。水が必要です。",zh:"偏干，需要水分。"},color:"#ef9a9a",need:{ko:"물을 주세요.",en:"Water appropriately.",ja:"適量の水を与えてください。",zh:"适量浇水。"}}, sunburned:{text:{ko:"햇살에 타들어가요.",en:"Too much direct sun.",ja:"直射日光が強すぎます。",zh:"直射光过强。"},color:"#ffcdd2",need:{ko:"직사광선을 피해주세요.",en:"Avoid harsh direct sunlight.",ja:"強い直射日光を避けてください。",zh:"避免强烈直射光。"}}, freezing:{text:{ko:"너무 추워요.",en:"It may be too cold.",ja:"寒すぎるかもしれません。",zh:"可能太冷。"},color:"#b3e5fc",need:{ko:"온도를 높여주세요.",en:"Move to a warmer spot.",ja:"暖かい場所へ。",zh:"移到更温暖处。"}}, growingSlow:{text:{ko:"성장이 느려졌어요.",en:"Growth seems slower.",ja:"成長がゆっくりです。",zh:"生长偏慢。"},color:"#f0f4c3",need:{ko:"영양 상태나 화분 크기를 확인해주세요.",en:"Check nutrients/pot size.",ja:"栄養や鉢サイズを確認してください。",zh:"检查营养/盆大小。"}} }; function pick(obj){ if(!obj) return ""; return obj[lang] || obj.ko || ""; } let mediaStream=null; const pillSound = $("pill-sound"); const pillMic = $("pill-mic"); const pillCam = $("pill-cam"); const btnStartCam = $("btn-start-cam"); const btnStopCam = $("btn-stop-cam"); const btnAnalyze = $("btn-analyze"); const btnMulti = $("btn-multi"); const btnMakeReply = $("btn-plant-hear"); const btnChime = $("btn-chime"); const btnToggleSound = $("btn-toggle-sound"); const btnMicStart = $("btn-mic-start"); const btnMicStop = $("btn-mic-stop"); const resultEl = $("result"); const userEl = $("user-response"); const statusEl = $("status"); const micBar = $("micBar"); const micLevelText = $("micLevelText"); let soundEnabled = false; // 오디오: "청각 안전"을 위해 낮은 볼륨 + 짧은 시간 + 낮은 주파수 let audioCtx=null; function ensureAudio(){ const C = window.AudioContext || window.webkitAudioContext; if(!C) return null; if(!audioCtx) audioCtx = new C(); if(audioCtx.state === "suspended") return audioCtx.resume().then(()=>audioCtx); return Promise.resolve(audioCtx); } function setSoundPill(){ pillSound.textContent = soundEnabled ? T("soundOnPill") : T("soundOffPill"); btnToggleSound.textContent = soundEnabled ? T("soundOff") : T("soundOn"); } function gentleChime(){ if(!soundEnabled){ statusEl.textContent = "🔇"; return; } ensureAudio().then((ctx)=>{ if(!ctx) return; const o = ctx.createOscillator(); const g = ctx.createGain(); const now = ctx.currentTime; // 안전 범위: 440Hz (A4), 매우 낮은 음량(최대 0.03) o.type = "sine"; o.frequency.setValueAtTime(440, now); g.gain.setValueAtTime(0.0001, now); g.gain.exponentialRampToValueAtTime(0.03, now + 0.02); g.gain.exponentialRampToValueAtTime(0.0001, now + 0.18); o.connect(g); g.connect(ctx.destination); o.start(now); o.stop(now + 0.20); }).catch(()=>{}); } function startCamera(){ const gum = (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) ? navigator.mediaDevices.getUserMedia.bind(navigator.mediaDevices) : null; if(!gum){ resultEl.textContent = T("noCam"); return; } gum({ video:{ facingMode:"environment" }, audio:false }) .then((s)=>{ mediaStream = s; const v = $("plantCam"); v.srcObject = s; pillCam.textContent = T("camOn"); btnStopCam.disabled = false; btnAnalyze.disabled = false; btnMulti.disabled = false; statusEl.textContent = "●"; }) .catch(()=>{ resultEl.textContent = T("camDenied"); pillCam.textContent = T("camWait"); }); } function stopCamera(){ try{ if(mediaStream){ mediaStream.getTracks().forEach(t=>t.stop()); mediaStream = null; } }catch(e){} const v = $("plantCam"); try{ v.srcObject = null; }catch(e){} pillCam.textContent = T("camOff"); btnStopCam.disabled = true; btnAnalyze.disabled = true; btnMulti.disabled = true; statusEl.textContent = T("idle"); } function getRefinedMood(r,g,b,br){ const hue = Math.atan2(Math.sqrt(3)*(g-b), 2*r-g-b) * 180/Math.PI; const sat = Math.max(r,g,b) - Math.min(r,g,b); if(br>220 && sat<20) return "thriving"; if(br>180 && sat>50) return "blooming"; if(br>150 && br<180) return "calm"; if(sat>80) return "alert"; if(br<60) return "parched"; if(br<90 && sat<30) return "wilted"; if(hue>30 && hue<60 && br>200) return "sunburned"; if(hue<0 && br<100) return "freezing"; return "growingSlow"; } function analyzeVideoFrame(){ const v = $("plantCam"); if(!v.srcObject){ resultEl.textContent = T("needCam"); return; } const c = $("snap"); const x = c.getContext("2d", { willReadFrequently:true }); x.drawImage(v,0,0,c.width,c.height); const d = x.getImageData(0,0,c.width,c.height).data; let r=0,g=0,b=0; for(let i=0;i<d.length;i+=4){ r+=d[i]; g+=d[i+1]; b+=d[i+2]; } const n = d.length/4; r = Math.round(r/n); g = Math.round(g/n); b = Math.round(b/n); const br = (r+g+b)/3; const mood = getRefinedMood(r,g,b,br); const emo = emotionMap[mood]; resultEl.textContent = pick(emo.text) + "\n\n[필요한 것 / What it needs]\n" + pick(emo.need); document.body.style.background = emo.color; statusEl.textContent = T("analyzed"); gentleChime(); saveEmotionHistory(pick(emo.text)); } function analyzeMultiplePlants(){ const v = $("plantCam"); if(!v.srcObject){ resultEl.textContent = T("needCam"); return; } const c = $("snap"); const x = c.getContext("2d", { willReadFrequently:true }); x.drawImage(v,0,0,c.width,c.height); const data = x.getImageData(0,0,c.width,c.height).data; const w=c.width, h=c.height, z=3, zh=h/z; let out = "[Multi-zone result]\n\n"; for(let k=0;k<z;k++){ let r=0,g=0,b=0,cnt=0; for(let y=zh*k;y<zh*(k+1);y++){ for(let xx=0;xx<w;xx++){ const i=(Math.floor(y)*w+xx)*4; r+=data[i]; g+=data[i+1]; b+=data[i+2]; cnt++; } } r=Math.round(r/cnt); g=Math.round(g/cnt); b=Math.round(b/cnt); const br=(r+g+b)/3; const mood=getRefinedMood(r,g,b,br); const emo=emotionMap[mood]; out += `Zone ${k+1}: ${pick(emo.text)}\n- Need: ${pick(emo.need)}\n\n`; } userEl.textContent = out.trim(); gentleChime(); } const comfortReplies = { ko:[ "괜찮아, 오늘도 충분히 잘했어.","조용히 있어도 괜찮아, 쉼도 필요하니까.", "너의 존재만으로 빛나고 있어.","고개 들어봐, 세상은 여전히 아름다워.", "걱정하지 마, 네 뿌리는 단단하니까.","밤이 길어도 아침은 꼭 온단다.", "오늘 하루도 잘 버텨줘서 고마워.","너는 혼자가 아니야.","쉬어도 돼." ], en:[ "You did enough today.","It’s okay to rest—quiet moments matter.", "You’re shining as you are.","Even after a long night, morning comes.", "Your roots are stronger than you think.","Thank you for making it through today.", "You’re not alone.","Breathe—one step at a time." ], ja:[ "今日は十分がんばったよ。","静かに休んでいいんだよ。", "そのままで輝いてる。","夜が長くても朝は来る。", "根っこは思ってる以上に強い。","一歩ずつで大丈夫。" ], zh:[ "你今天已经做得够好了。","安静地休息也没关系。", "你本来就很闪耀。","再长的夜也会迎来清晨。", "你的根比你想象的更坚强。","一步一步来就好。" ] }; function respondToUser(){ const input = $("userInput").value.trim(); if(!input) return; const cur = resultEl.textContent.trim(); if(!cur || cur.indexOf("감정 분석 결과")===0){ userEl.textContent = T("needCam"); return; } // 현재 결과 텍스트에 가까운 상태 찾기 let picked = null; for(const k in emotionMap){ const t = pick(emotionMap[k].text); if(t && cur.includes(t)){ picked = emotionMap[k]; break; } } const list = comfortReplies[lang] || comfortReplies.ko; const reply = list[Math.floor(Math.random()*list.length)]; if(picked){ userEl.textContent = `입력: "${input}"\n\n식물의 말:\n${reply}\n\n[힌트]\n${pick(picked.need)}`; document.body.style.background = picked.color; }else{ userEl.textContent = `입력: "${input}"\n\n식물의 말:\n${reply}`; } gentleChime(); saveEmotionHistory(reply); } // 마이크: 소음 레벨 표시만 (연속 녹음 저장/전송 없음) let micStream=null, micCtx=null, analyser=null, micRAF=0; function startMic(){ const gum = (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) ? navigator.mediaDevices.getUserMedia.bind(navigator.mediaDevices) : null; if(!gum){ resultEl.textContent = T("noMic"); return; } gum({ audio:true, video:false }) .then((stream)=>{ micStream = stream; const C = window.AudioContext || window.webkitAudioContext; if(!C){ resultEl.textContent = T("noMic"); return; } micCtx = new C(); const src = micCtx.createMediaStreamSource(stream); analyser = micCtx.createAnalyser(); analyser.fftSize = 2048; src.connect(analyser); pillMic.textContent = T("micOn"); btnMicStart.disabled = true; btnMicStop.disabled = false; const buf = new Uint8Array(analyser.fftSize); function loop(){ analyser.getByteTimeDomainData(buf); // RMS (0~1 근사) let sum=0; for(let i=0;i<buf.length;i++){ const v = (buf[i]-128)/128; sum += v*v; } const rms = Math.sqrt(sum/buf.length); const pct = Math.max(0, Math.min(100, Math.round(rms*220))); // 보기 좋게 스케일 micBar.style.width = pct + "%"; micLevelText.textContent = `${T("micLevel")}: ${pct}%`; micRAF = requestAnimationFrame(loop); } loop(); }) .catch(()=>{ resultEl.textContent = T("micDenied"); }); } function stopMic(){ try{ if(micRAF) cancelAnimationFrame(micRAF); micRAF = 0; }catch(e){} try{ if(micStream){ micStream.getTracks().forEach(t=>t.stop()); micStream=null; } }catch(e){} try{ if(micCtx){ micCtx.close(); micCtx=null; } }catch(e){} analyser=null; micBar.style.width = "0%"; micLevelText.textContent = "꺼짐"; pillMic.textContent = T("micOff"); btnMicStart.disabled = false; btnMicStop.disabled = true; } function saveEmotionHistory(t){ try{ const raw = localStorage.getItem("emotionHistory"); const h = raw ? JSON.parse(raw) : []; h.push({ text:t, timestamp:new Date().toISOString(), lang:lang }); localStorage.setItem("emotionHistory", JSON.stringify(h)); }catch(e){} } function applyLang(){ btnStartCam.textContent = T("camStart"); btnStopCam.textContent = T("camStop"); btnAnalyze.textContent = T("analyze"); btnMulti.textContent = T("multi"); btnMakeReply.textContent= T("makeReply"); btnChime.textContent = T("chime"); btnMicStart.textContent = T("micStart"); btnMicStop.textContent = T("micStop"); // placeholder $("userInput").placeholder = (lang==="en") ? "Say something to your plant..." : (lang==="ja") ? "植物に話しかけてみて..." : (lang==="zh") ? "对植物说点什么..." : "식물에게 말을 걸어보세요..."; if(!mediaStream) pillCam.textContent = T("camWait"); if(!micStream) pillMic.textContent = T("micOff"); setSoundPill(); statusEl.textContent = T("idle"); } $("langSel").addEventListener("change", (e)=>{ lang = e.target.value || "ko"; applyLang(); }, {passive:true}); btnStartCam.addEventListener("click", startCamera, {passive:true}); btnStopCam.addEventListener("click", stopCamera, {passive:true}); btnAnalyze.addEventListener("click", analyzeVideoFrame, {passive:true}); btnMulti.addEventListener("click", analyzeMultiplePlants, {passive:true}); btnMakeReply.addEventListener("click", respondToUser, {passive:true}); btnToggleSound.addEventListener("click", ()=>{ soundEnabled = !soundEnabled; setSoundPill(); if(soundEnabled) gentleChime(); }, {passive:true}); btnChime.addEventListener("click", gentleChime, {passive:true}); btnMicStart.addEventListener("click", startMic, {passive:true}); btnMicStop.addEventListener("click", stopMic, {passive:true}); window.addEventListener("pagehide", ()=>{ stopMic(); stopCamera(); try{ if(audioCtx){ audioCtx.close(); audioCtx=null; } }catch(e){} }, {passive:true}); applyLang(); setSoundPill(); })(); </script> <div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div> <script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/script/common.js"></script> <script>window.tiara = {"svcDomain":"user.tistory.com","section":"글뷰","trackPage":"글뷰_보기","page":"글뷰","key":"7718720-551","customProps":{"userId":"0","blogId":"7718720","entryId":"551","role":"guest","trackPage":"글뷰_보기","filterTarget":false},"entry":{"entryId":"551","entryTitle":"초록초록 번역기","entryType":"POST","categoryName":"+실생활에 필요한 소프트웨어","categoryId":"1219766","serviceCategoryName":"IT 인터넷","serviceCategoryId":401,"author":"7140437","authorNickname":"Happycode7","blogNmae":"Happycode7","image":"kage@cF50sS/btsPJE1xUvT/qoFakVqH5qKPTQGje5vaAk","plink":"/551","tags":["초록초록번역기"]},"kakaoAppKey":"3e6ddd834b023f24221217e370daed18","appUserId":"null","thirdProvideAgree":null}</script> <script type="module" src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.7/index.js"></script> <script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.7/polyfills-legacy.js" nomodule="true" defer="true"></script> <script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.7/index-legacy.js" nomodule="true" defer="true"></script> </body> </html>

'+실생활에 필요한 소프트웨어' 카테고리의 다른 글

바로보는 혈압계 (5)	2025.08.11
손바늘코바늘 - 바느질/뜨개질 체크도구 (3)	2025.08.09
이길이지 – 실시간 경로 비교 시스템 (3)	2025.08.05
너나들이 마스킹 & 꾸미기 툴 (6)	2025.08.04
두번째 눈 (12)	2025.08.02

초록초록 번역기

'+실생활에 필요한 소프트웨어' 카테고리의 다른 글

관련글

티스토리툴바