Админ панель - Демо-записи дикторов

???? Менеджер демо-записей

Создание плеера для вашего сайта (ИСПРАВЛЕННАЯ ВЕРСИЯ)

⚠️ ВАЖНО: Проблемы с воспроизведением аудио

Google Drive и Яндекс.Диск могут блокировать воспроизведение аудио из-за CORS политики. Рекомендуем:

???? ЛУЧШЕЕ РЕШЕНИЕ:
  1. Используйте файловый менеджер Тильды (Zero Block)
  2. Или специализированные аудио-хостинги: SoundCloud, Anchor.fm
  3. Для тестирования: загрузите файлы на собственный сервер/хостинг

???? Пошаговая инструкция

  1. Загрузите файлы на хостинг с поддержкой CORS (см. рекомендации выше)
  2. Получите прямые ссылки на аудиофайлы
  3. Добавьте демо-записи в форму ниже
  4. Скопируйте готовый код и вставьте в HTML-блок на Тильде
  5. Протестируйте воспроизведение на опубликованной странице

☁️ Рекомендуемые сервисы для размещения:

???? Google Drive

Популярное облачное хранилище (возможны проблемы с CORS).

⚠️ ВНИМАНИЕ: Google Drive может блокировать прямое воспроизведение аудио из-за CORS политики. Используйте для тестирования.
✅ Плюсы:
  • Бесплатно до 15 ГБ
  • Простая настройка
  • Надежное хранение
❌ Минусы:
  • CORS блокировка
  • Нужен аккаунт Google
  • Файлы должны быть публичными
Перейти к Google Drive
???? Яндекс.Диск

Российская альтернатива (также могут быть проблемы с CORS).

⚠️ ВНИМАНИЕ: Яндекс.Диск также может блокировать воспроизведение из-за CORS.
✅ Плюсы:
  • Русский интерфейс
  • Простые публичные ссылки
❌ Минусы:
  • CORS блокировка
  • Меньше бесплатного места
Перейти к Яндекс.Диск

???? Добавление демо-записей

Новая демо-запись

Вставьте прямую ссылку на аудиофайл. Убедитесь, что ссылка открывает файл напрямую, а не страницу с файлом.

???? Добавленные демо-записи

Пока нет добавленных демо-записей

???? Готовый код для Тильды

Скопируйте этот код и вставьте в HTML-блок (T123) на вашем сайте:

Добавьте демо-записи, чтобы увидеть готовый код
`; } getCategoryName(category) { const categories = { 'commercial': 'Коммерческий', 'documentary': 'Документальный', 'narrative': 'Повествовательный', 'character': 'Персонажный', 'educational': 'Обучающий', 'other': 'Другое' }; return categories[category] || category; } getGenderName(gender) { const genders = { 'female': 'Женский', 'male': 'Мужской', 'child': 'Детский' }; return genders[gender] || gender; } escapeHtml(text) { if (!text) return ''; const div = document.createElement('div'); div.textContent = text; return div.innerHTML; } saveDemos() { SafeStorage.set('voiceoverDemos', JSON.stringify(this.demos)); } copyCodeToClipboard() { const codeBlock = document.getElementById('generatedCode'); if (!codeBlock) return; if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(codeBlock.textContent).then(() => { this.showNotification('Код скопирован в буфер обмена!', 'success'); }).catch(() => { this.fallbackCopyToClipboard(codeBlock.textContent); }); } else { this.fallbackCopyToClipboard(codeBlock.textContent); } } fallbackCopyToClipboard(text) { const textArea = document.createElement('textarea'); textArea.value = text; textArea.style.position = 'fixed'; textArea.style.left = '-999999px'; textArea.style.top = '-999999px'; document.body.appendChild(textArea); textArea.focus(); textArea.select(); try { document.execCommand('copy'); this.showNotification('Код скопирован в буфер обмена!', 'success'); } catch (err) { this.showNotification('Не удалось скопировать код', 'error'); } document.body.removeChild(textArea); } showNotification(message, type) { const notification = document.createElement('div'); notification.className = `notification ${type}`; notification.textContent = message; document.body.appendChild(notification); setTimeout(() => { notification.classList.add('show'); }, 100); setTimeout(() => { notification.classList.remove('show'); setTimeout(() => { if (document.body.contains(notification)) { document.body.removeChild(notification); } }, 300); }, 3000); } } // Глобальная инициализация с безопасным namespace window.voiceoverDemoManager = null; function initDemoManager() { try { window.voiceoverDemoManager = new DemoManager(); } catch (e) { console.error('Ошибка инициализации менеджера демо:', e); } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initDemoManager); } else { initDemoManager(); } })();
Демо-записи дикторов

???? Демо-записи дикторов

Примеры работ нашей студии

Коммерческий голос (Женский)
Энергичный и дружелюбный голос для рекламных роликов, презентаций и коммерческих проектов. Идеально подходит для продвижения товаров и услуг.
0:00 / 0:00
Загрузка...
Документальный голос (Мужской)
Серьезный и авторитетный голос для документальных фильмов, новостей и образовательного контента. Подчеркивает важность информации.
0:00 / 0:00
Загрузка...
Повествовательный голос (Женский)
Мягкий и выразительный голос для аудиокниг, сказок и художественного контента. Создает атмосферу и погружает в историю.
0:00 / 0:00
Загрузка...