// ==UserScript== // @name YouTube Smart Video Search // @name:en YouTube Smart Video Search // @namespace tweeks.io // @version 1.0 // @description Умный поисковик по рекомендованным видео YouTube с использованием AI // @description:en Smart AI-powered search engine for YouTube recommended videos // @author Tweeks // @match *://www.youtube.com/* // @grant TW_inference // @grant GM_registerMenuCommand // ==/UserScript== (function() { 'use strict'; // Стили для UI поисковика const styles = ` #yt-smart-search-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #0f0f0f; border: 2px solid #3ea6ff; border-radius: 12px; padding: 24px; z-index: 10000; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.8); width: 600px; max-width: 90vw; max-height: 80vh; overflow-y: auto; display: none; font-family: "Roboto", Arial, sans-serif; } #yt-smart-search-container.active { display: block; } #yt-smart-search-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9999; display: none; } #yt-smart-search-overlay.active { display: block; } .yt-smart-search-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .yt-smart-search-title { color: #fff; font-size: 20px; font-weight: 500; } .yt-smart-search-close { background: transparent; border: none; color: #aaa; font-size: 28px; cursor: pointer; padding: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.2s; } .yt-smart-search-close:hover { background: #272727; color: #fff; } .yt-smart-search-input-group { margin-bottom: 16px; } .yt-smart-search-input { width: 100%; padding: 12px; background: #272727; border: 1px solid #3f3f3f; border-radius: 8px; color: #fff; font-size: 14px; box-sizing: border-box; transition: border-color 0.2s; } .yt-smart-search-input:focus { outline: none; border-color: #3ea6ff; } .yt-smart-search-button { width: 100%; padding: 12px; background: #3ea6ff; border: none; border-radius: 8px; color: #fff; font-size: 14px; font-weight: 500; cursor: pointer; transition: background 0.2s; } .yt-smart-search-button:hover { background: #4db3ff; } .yt-smart-search-button:disabled { background: #3f3f3f; color: #717171; cursor: not-allowed; } .yt-smart-search-status { margin: 16px 0; padding: 12px; background: #272727; border-radius: 8px; color: #aaa; font-size: 13px; text-align: center; } .yt-smart-search-results { margin-top: 20px; } .yt-smart-search-result-item { background: #272727; border-radius: 8px; padding: 12px; margin-bottom: 12px; cursor: pointer; transition: all 0.2s; border: 2px solid transparent; } .yt-smart-search-result-item:hover { background: #3f3f3f; border-color: #3ea6ff; } .yt-smart-search-result-title { color: #fff; font-size: 14px; font-weight: 500; margin-bottom: 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .yt-smart-search-result-channel { color: #aaa; font-size: 12px; margin-bottom: 4px; } .yt-smart-search-result-match { color: #3ea6ff; font-size: 12px; margin-top: 8px; font-style: italic; } .yt-smart-search-no-results { text-align: center; color: #aaa; padding: 20px; font-size: 14px; } `; // Добавляем стили на страницу const styleSheet = document.createElement('style'); styleSheet.textContent = styles; document.head.appendChild(styleSheet); // Создаем UI элементы function createSearchUI() { // Overlay const overlay = document.createElement('div'); overlay.id = 'yt-smart-search-overlay'; // Container const container = document.createElement('div'); container.id = 'yt-smart-search-container'; container.innerHTML = `

🔍 Умный поиск по рекомендациям

`; document.body.appendChild(overlay); document.body.appendChild(container); // Event listeners overlay.addEventListener('click', closeSearch); document.getElementById('yt-smart-search-close').addEventListener('click', closeSearch); document.getElementById('yt-smart-search-btn').addEventListener('click', performSearch); document.getElementById('yt-smart-search-input').addEventListener('keypress', (e) => { if (e.key === 'Enter') performSearch(); }); } // Открыть поиск function openSearch() { document.getElementById('yt-smart-search-overlay').classList.add('active'); document.getElementById('yt-smart-search-container').classList.add('active'); document.getElementById('yt-smart-search-input').focus(); } // Закрыть поиск function closeSearch() { document.getElementById('yt-smart-search-overlay').classList.remove('active'); document.getElementById('yt-smart-search-container').classList.remove('active'); } // Получить все видео на странице function getRecommendedVideos() { const videos = []; // Селекторы для разных типов страниц YouTube const selectors = [ 'ytd-rich-item-renderer', // Главная страница 'ytd-video-renderer', // Поиск, история 'ytd-compact-video-renderer', // Боковая панель 'ytd-grid-video-renderer' // Сетка видео ]; selectors.forEach(selector => { const elements = document.querySelectorAll(selector); elements.forEach(element => { try { // Получаем заголовок - используем h3 и ссылку внутри const titleElement = element.querySelector('h3 a[href*="/watch"], a.yt-lockup-metadata-view-model__title, #video-title'); if (!titleElement) return; const title = titleElement.textContent.trim(); const url = titleElement.href; if (!title || !url) return; // Получаем метаданные (канал, просмотры, дата) const metadataElements = element.querySelectorAll('.yt-content-metadata-view-model__metadata-text'); let channel = ''; let metadata = ''; if (metadataElements.length > 0) { channel = metadataElements[0]?.textContent.trim() || ''; // Собираем все метаданные metadata = Array.from(metadataElements).map(el => el.textContent.trim()).join(' • '); } // Альтернативные селекторы для канала if (!channel) { const channelElement = element.querySelector('#channel-name a, ytd-channel-name a, .ytd-channel-name a'); channel = channelElement ? channelElement.textContent.trim() : ''; } // Получаем описание (если есть) const descElement = element.querySelector('#description-text, .description-text'); const description = descElement ? descElement.textContent.trim() : ''; videos.push({ title, url, channel, description, metadata, element }); } catch (e) { console.error('Error parsing video:', e); } }); }); return videos; } // Выполнить поиск async function performSearch() { const query = document.getElementById('yt-smart-search-input').value.trim(); if (!query) { showStatus('Пожалуйста, введите запрос', 'error'); return; } const button = document.getElementById('yt-smart-search-btn'); const resultsContainer = document.getElementById('yt-smart-search-results'); button.disabled = true; button.textContent = 'Поиск...'; resultsContainer.innerHTML = ''; showStatus('Анализирую рекомендованные видео...', 'loading'); try { // Получаем все видео const videos = getRecommendedVideos(); if (videos.length === 0) { showStatus('Видео не найдены на странице. Попробуйте перейти на главную страницу YouTube.', 'error'); button.disabled = false; button.textContent = 'Найти видео'; return; } showStatus(`Найдено ${videos.length} видео. Анализирую с помощью AI...`, 'loading'); // Подготавливаем данные для AI const videoData = videos.map((v, i) => ({ index: i, title: v.title, channel: v.channel, description: v.description, metadata: v.metadata })); // Используем AI для поиска наиболее подходящих видео const prompt = `Ты - умный помощник для поиска видео на YouTube. Пользователь ищет: "${query}" Проанализируй список видео и найди наиболее подходящие (топ-10). Для каждого подходящего видео укажи: 1. Индекс видео (index) 2. Оценку соответствия от 0 до 100 3. Краткое объяснение, почему это видео подходит Верни результат в формате JSON массива: [{"index": 0, "score": 95, "reason": "объяснение"}, ...] Сортируй по убыванию score. Если видео совсем не подходит, не включай его в результат.`; const aiResponse = await TW_inference(prompt, JSON.stringify(videoData, null, 2)); // Парсим ответ AI let matches; try { // Пытаемся извлечь JSON из ответа const jsonMatch = aiResponse.match(/\[[\s\S]*\]/); if (jsonMatch) { matches = JSON.parse(jsonMatch[0]); } else { throw new Error('No JSON found in response'); } } catch (e) { console.error('Error parsing AI response:', e); showStatus('Ошибка обработки ответа AI. Показываю все видео.', 'error'); matches = videos.map((v, i) => ({ index: i, score: 50, reason: 'Автоматический результат' })); } // Отображаем результаты displayResults(matches, videos); showStatus(`Найдено ${matches.length} подходящих видео`, 'success'); } catch (error) { console.error('Search error:', error); showStatus('Ошибка при поиске: ' + error.message, 'error'); } finally { button.disabled = false; button.textContent = 'Найти видео'; } } // Показать статус function showStatus(message, type) { const status = document.getElementById('yt-smart-search-status'); status.textContent = message; status.style.display = 'block'; if (type === 'error') { status.style.background = '#3f1f1f'; status.style.color = '#ff6b6b'; } else if (type === 'success') { status.style.background = '#1f3f1f'; status.style.color = '#6bff6b'; } else { status.style.background = '#272727'; status.style.color = '#aaa'; } } // Отобразить результаты function displayResults(matches, videos) { const resultsContainer = document.getElementById('yt-smart-search-results'); resultsContainer.innerHTML = ''; if (matches.length === 0) { resultsContainer.innerHTML = '

Подходящих видео не найдено. Попробуйте изменить запрос.

'; return; } matches.forEach(match => { const video = videos[match.index]; if (!video) return; const resultItem = document.createElement('div'); resultItem.className = 'yt-smart-search-result-item'; resultItem.innerHTML = `

${escapeHtml(video.title)}

${escapeHtml(video.channel)}

⭐ Соответствие: ${match.score}% - ${escapeHtml(match.reason)}

`; resultItem.addEventListener('click', () => { window.location.href = video.url; }); resultsContainer.appendChild(resultItem); }); } // Экранирование HTML function escapeHtml(text) { const div = document.createElement('div'); div.textContent = text; return div.innerHTML; } // Регистрируем команду в меню Tampermonkey GM_registerMenuCommand('🔍 Открыть умный поиск', openSearch); // Добавляем кнопку быстрого доступа function addQuickAccessButton() { // Ждем загрузки YouTube интерфейса const checkInterval = setInterval(() => { const searchBox = document.querySelector('#search'); if (searchBox && !document.getElementById('yt-smart-search-quick-btn')) { clearInterval(checkInterval); const quickButton = document.createElement('button'); quickButton.id = 'yt-smart-search-quick-btn'; quickButton.innerHTML = '🔍 AI'; quickButton.title = 'Умный поиск по рекомендациям'; quickButton.style.cssText = ` position: fixed; bottom: 20px; right: 20px; width: 56px; height: 56px; border-radius: 50%; background: #3ea6ff; border: none; color: white; font-size: 20px; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); z-index: 9998; transition: all 0.2s; `; quickButton.addEventListener('mouseenter', () => { quickButton.style.transform = 'scale(1.1)'; quickButton.style.background = '#4db3ff'; }); quickButton.addEventListener('mouseleave', () => { quickButton.style.transform = 'scale(1)'; quickButton.style.background = '#3ea6ff'; }); quickButton.addEventListener('click', openSearch); document.body.appendChild(quickButton); } }, 1000); // Останавливаем проверку через 30 секунд setTimeout(() => clearInterval(checkInterval), 30000); } // Инициализация function init() { console.log('YouTube Smart Video Search загружен'); createSearchUI(); addQuickAccessButton(); } // Запускаем после загрузки страницы if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })();