46 lines
1.4 KiB
HTML
46 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="tr">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>AI Vision</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div class="container">
|
||
<h2>Bu resimde ne var?</h2>
|
||
|
||
<div class="upload-section" onclick="document.getElementById('fileInput').click()">
|
||
<p id="uploadText">📷 Görseli seçmek için buraya tıklayın</p>
|
||
<input type="file" id="fileInput" hidden accept="image/*" onchange="handlePreview(this)">
|
||
</div>
|
||
|
||
<img id="preview">
|
||
|
||
<button id="analyzeBtn" onclick="analyzeImage()" disabled>Analiz Et</button>
|
||
|
||
<div id="englishOutput" class="result-box" style="display: none;">
|
||
<span class="label">English Description</span>
|
||
<div id="resultText"></div>
|
||
<button id="translateBtn" onclick="translateText()">Türkçeye Çevir</button>
|
||
</div>
|
||
|
||
<div id="translationResult" class="result-box" style="display: none;">
|
||
<span class="label">Türkçe Çeviri</span>
|
||
<div id="trText"></div>
|
||
</div>
|
||
|
||
<button id="resetBtn" onclick="resetApp()" style="display: none; background: #30363d; margin-top: 20px;">Yeni
|
||
Analiz Başlat</button>
|
||
</div>
|
||
|
||
<script src="script.js"></script>
|
||
|
||
|
||
</body>
|
||
|
||
</html> |