-
-
-
+
@@ -106,7 +141,18 @@
@@ -149,7 +197,6 @@ let videoTitle = '';
let videoDescription = '';
let chatHistory = [];
let unlockCode = '';
-let unlocked = false;
async function loadVideoMeta(id) {
videoTitle = '';
@@ -165,34 +212,70 @@ async function loadVideoMeta(id) {
}
}
-document.getElementById('loadBtn').addEventListener('click', () => {
- const id = extractVideoId(document.getElementById('urlInput').value);
- if (!id) { alert('動画IDが読み取れませんでした'); return; }
+function hideResults() {
+ const box = document.getElementById('searchResults');
+ box.classList.remove('show');
+ box.innerHTML = '';
+}
+
+function loadVideo(id) {
if (player && player.loadVideoById) {
player.loadVideoById(id);
}
loadVideoMeta(id);
+ hideResults();
+}
+
+async function runSearch(query) {
+ try {
+ const res = await fetch('/api/search?q=' + encodeURIComponent(query));
+ if (!res.ok) throw new Error('search failed');
+ const items = await res.json();
+ const box = document.getElementById('searchResults');
+ box.innerHTML = '';
+ for (const item of (items || [])) {
+ const card = document.createElement('div');
+ card.className = 'resultCard';
+ card.innerHTML = `
+ 
+ `;
+ card.addEventListener('click', () => {
+ document.getElementById('urlInput').value = item.videoId;
+ loadVideo(item.videoId);
+ });
+ box.appendChild(card);
+ }
+ box.classList.add('show');
+ } catch (e) {
+ console.error('search error', e);
+ }
+}
+
+document.getElementById('loadBtn').addEventListener('click', () => {
+ const raw = document.getElementById('urlInput').value.trim();
+ if (!raw) return;
+ const id = extractVideoId(raw);
+ if (id) {
+ loadVideo(id);
+ } else {
+ runSearch(raw);
+ }
});
document.getElementById('urlInput').addEventListener('keydown', (e) => {
if (e.key === 'Enter') document.getElementById('loadBtn').click();
});
-function setModelBadge(isUnlocked) {
- unlocked = isUnlocked;
- const badge = document.getElementById('modelBadge');
- if (isUnlocked) {
- badge.textContent = '🔓 Gemini';
- badge.classList.add('unlocked');
+const modelSelect = document.getElementById('modelSelect');
+modelSelect.addEventListener('change', () => {
+ if (modelSelect.value === 'gemini' && !unlockCode) {
+ document.getElementById('unlockRow').classList.add('show');
} else {
- badge.textContent = '🔓 Gemma (タップでGemini解放)';
- badge.classList.remove('unlocked');
+ document.getElementById('unlockRow').classList.remove('show');
}
-}
-setModelBadge(false);
-
-document.getElementById('modelBadge').addEventListener('click', () => {
- document.getElementById('unlockRow').classList.toggle('show');
});
document.getElementById('unlockBtn').addEventListener('click', async () => {
@@ -207,14 +290,14 @@ document.getElementById('unlockBtn').addEventListener('click', async () => {
const data = await res.json();
if (data.ok) {
unlockCode = code;
- document.getElementById('modelBadge').textContent = '🔓 Gemini';
- document.getElementById('modelBadge').classList.add('unlocked');
document.getElementById('unlockRow').classList.remove('show');
} else {
alert('コードが違います');
+ modelSelect.value = 'gemma';
}
} catch (e) {
alert('解放に失敗しました');
+ modelSelect.value = 'gemma';
}
});
@@ -235,6 +318,7 @@ document.getElementById('chatForm').addEventListener('submit', async (e) => {
input.value = '';
appendBubble('user', message);
+ const wantsGemini = modelSelect.value === 'gemini';
try {
const res = await fetch('/api/chat', {
method: 'POST',
@@ -243,7 +327,8 @@ document.getElementById('chatForm').addEventListener('submit', async (e) => {
videoTitle, videoDescription,
history: chatHistory,
message,
- unlockCode,
+ unlockCode: wantsGemini ? unlockCode : '',
+ persona: document.getElementById('personaSelect').value,
}),
});
if (!res.ok) throw new Error('chat failed: ' + res.status);
diff --git a/youtube.go b/youtube.go
index fb2f4bf..f87e9d1 100644
--- a/youtube.go
+++ b/youtube.go
@@ -21,6 +21,68 @@ type ytVideosResponse struct {
} `json:"items"`
}
+type searchResult struct {
+ VideoID string `json:"videoId"`
+ Title string `json:"title"`
+ ChannelTitle string `json:"channelTitle"`
+ Thumbnail string `json:"thumbnail"`
+}
+
+type ytSearchResponse struct {
+ Items []struct {
+ ID struct {
+ VideoID string `json:"videoId"`
+ } `json:"id"`
+ Snippet struct {
+ Title string `json:"title"`
+ ChannelTitle string `json:"channelTitle"`
+ Thumbnails struct {
+ Medium struct {
+ URL string `json:"url"`
+ } `json:"medium"`
+ } `json:"thumbnails"`
+ } `json:"snippet"`
+ } `json:"items"`
+}
+
+func searchVideos(query, apiKey string) ([]searchResult, error) {
+ q := url.Values{}
+ q.Set("part", "snippet")
+ q.Set("type", "video")
+ q.Set("maxResults", "12")
+ q.Set("q", query)
+ q.Set("key", apiKey)
+
+ resp, err := http.Get("https://www.googleapis.com/youtube/v3/search?" + q.Encode())
+ if err != nil {
+ return nil, err
+ }
+ defer resp.Body.Close()
+
+ if resp.StatusCode != http.StatusOK {
+ return nil, fmt.Errorf("youtube search status %d", resp.StatusCode)
+ }
+
+ var parsed ytSearchResponse
+ if err := json.NewDecoder(resp.Body).Decode(&parsed); err != nil {
+ return nil, err
+ }
+
+ results := make([]searchResult, 0, len(parsed.Items))
+ for _, item := range parsed.Items {
+ if item.ID.VideoID == "" {
+ continue
+ }
+ results = append(results, searchResult{
+ VideoID: item.ID.VideoID,
+ Title: item.Snippet.Title,
+ ChannelTitle: item.Snippet.ChannelTitle,
+ Thumbnail: item.Snippet.Thumbnails.Medium.URL,
+ })
+ }
+ return results, nil
+}
+
func fetchVideoMeta(videoID, apiKey string) (*videoMeta, error) {
q := url.Values{}
q.Set("part", "snippet")
+
+ 🐾 aibow
+
+
+
+
🐾 aibow
- 🔓 Gemma
+
+
+
+
@@ -114,8 +160,10 @@