К основному контенту

1 мин

Zeroblock

Light

5

Этот скрипт позволит тебе сделать плеер для аудио прямо внутри зероблока. Модификация совместима с Autoscale.

Как сделать аудио внутри Zeroblock на Тильде?

(cвернуть)
Инструкция

Важно!

- Если твоё аудио не появляется в зеро даже спустя 10-15 минут, то проверь чтобы название файла что загружали было на латинице

- Если аудио всё-равно не появляется то можно воспользоваться альтернативным CDN - https://www.jsdelivr.com/github . Для этого скопируй не raw ссылку на твоё аудио, а адрес странички гитхаба из п.8 и прогони его через этот конвертер чтобы получить сразу финальную ссылку.

- В крайнем случае если аудио так и не запустилось, то ты ты можешь не делать п. 10 и вставить ссылку с raw из гитхаба напрямую

12. После всех этих действий аудио по ссылке может стать доступно не сразу, а в течении 10 минут. Это нормально, просто оно подгружается на сервера и нужно просто подождать

13. После заполнения полей генератора скопируй код и вставь в блок т123

11. После этого нашу ссылку можно указать в генераторе мода.

Сначала нужно обязательно удалить

заменить на

10. В этой ссылке обязательно меняем следующее:

9. После этого нажимаем правой кнопкой мыши по кнопке view raw и копируем полученную ссылку

8. Затем жмём на название нашего аудио в открывшемся списке

7. Перетаскиваем все наши видео в соответствующую зону и ТОЛЬКО после загрузки всех файлов жмём commit changes

6. Затем кликаем на upload an existing file

5. Далее пишем любое название в repository name, выбираем public (если не выбрано) и жмём create repository

4. После регистрации нажимаем на new

3. Чтобы загрузить в зеро аудио, его нужно залить на какой-то сервер. Т.к. сервисы по типу яндек или гугл диска не дают прямую ссылку, то зальём аудио на собственный сервер, чтобы оно загружалось с него напрямую. Для этого нужно сначала зарегистрироваться на github.com

undefined
undefined
undefined
undefined
undefined
undefined
https://rawcdn.githack.com/
https://github.com/
/raw

1. Если тебе нужно просто вывести плеер в shape то сначала создай shape и задай ему класс который укажи в настройках мода

2. В настройках мода укажи класс шейпа для вставки плеера в разделе "простой плеер"

3. Если тебе нужно сделать воспроизведение аудио по клику на свою кнопку плей то создай shape и задай ему класс который укажи в настройках мода

4. Ты также можешь загрузить в этот shape картинку кнопки плей которую можно будет менять на кнопку паузы при клике, для этого загрузи в любой зероблок картинку для кнопки паузы, скопируй на неё ссылку (можешь убрать эту картинку за пределы видимости в зеро)

undefined
undefined
undefined
undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Режим с кнопкой плей
undefined
undefined
Режим простой плеер в зеро
undefined
undefined
Уверенным пользователям, которые каждый день зарабатывают на создании и верстке сайтов
Всё, что во Free и Pro на 1 месяц
и еще:
Pro на 1 год
2 990 ₽
1400 ₽ — ваша выгода
Всё, что во Free
и еще:
У кого пока непрогнозируемая рабочая загрузка и расширение нужно только 
в определенное время
Pro на 1 месяц
390 ₽
Для знакомства с сервисом и тестирования бесплатного функционала
Free
Этот мод доступен на PRO тарифе
Приоритетная поддержка
~50 новых модификаций, которые планируем выпустить в течение года
Обновления библиотеки с учетом изменений Tilda
ИИ-помощник с базовыми моделями
Возможность голосовать за новые моды и закрытый чат (скоро)
undefined
~25 Pro-модификаций
Генератор CSS
Распознавание блоков
Показать блоки т123
Автосохранение Zero-блока
Подсветка кода в т123
undefined
undefined
~20 бесплатных модификаций
Темная тема для Tilda
Кнопки быстрой публикации
Настройки меню в редакторе
Никаких автоплатежей
123
Кликни по кнопке ниже чтобы послушать пример аудио
Ниже вставил аудио которое будет воспроизводиться по кнопке:)
Примеры работы модификации