/
Alex_Ural
/
Open-Generative-AI
Обзор
Документация
Войти
/
Alex_Ural
/
Open-Generative-AI
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
src/main.js
51 строка
1 KB
Anil Matcha
Add Lip Sync Studio with 9 models (Infinite Talk, Wan 2.2, LTX, Sync, LatentSync, Creatify, Veed)
12 мар 2026, 15:11
12 мар 2026, 15:11
d05c844
Код
Авторство
О чём код?
import './style.css'; import { Header } from './components/Header.js'; import { ImageStudio } from './components/ImageStudio.js'; const app = document.querySelector('#app'); let contentArea; // Router function navigate(page) { if (!contentArea) return; contentArea.innerHTML = ''; if (page === 'image') { contentArea.appendChild(ImageStudio()); } else if (page === 'video') { import('./components/VideoStudio.js').then(({ VideoStudio }) => { contentArea.appendChild(VideoStudio()); }); } else if (page === 'cinema') { import('./components/CinemaStudio.js').then(({ CinemaStudio }) => { contentArea.appendChild(CinemaStudio()); }); } else if (page === 'lipsync') { import('./components/LipSyncStudio.js').then(({ LipSyncStudio }) => { contentArea.appendChild(LipSyncStudio()); }); } } app.innerHTML = ''; // Pass navigate to Header so links work app.appendChild(Header(navigate)); contentArea = document.createElement('main'); contentArea.id = 'content-area'; contentArea.className = 'flex-1 relative w-full overflow-hidden flex flex-col bg-app-bg'; app.appendChild(contentArea); // Initial Route navigate('image'); // Event Listener for Navigation window.addEventListener('navigate', (e) => { if (e.detail.page === 'settings') { import('./components/SettingsModal.js').then(({ SettingsModal }) => { document.body.appendChild(SettingsModal()); }); } else { navigate(e.detail.page); } });