Caitlin De Ville

Attention (Charlie Puth) - Electric Violin Studio Cover

Установка фонового звука с управлением для Tilda

Данный скрипт позволяет установить музыкальный фон на сайт и управлять им по нажатию на иконку, созданную в ZeroBlock
Как выполнили данный пример:
1. Создали ZeroBlock
2. Добавили в него две иконки динамика
3. Одной иконке задали ссылку #playbgmusic
4. Второй иконке задали ссылку #stopbgmusic
5.Сделали иконки фиксированные при скролле, высоту ZeroBlock проставили 0px
6. Добавили скрипт на страницу
Добавлена возможность выставить громкость
Скрипт добавляется в блок ДРУГОЕ►Т123

<audio id="bg-sound">
   <source src="https://rocld.com/m95pq">
</audio>
<script>
myVid=document.getElementById("bg-sound");
//Задаём громкость
myVid.volume=0.4;
$("[href = '#playbgmusic'] ").addClass('playbtnbg');
$("[href = '#stopbgmusic'] ").addClass('stopbtnbg').hide();
$(".playbtnbg").click(function() {
myVid.play();
$(".playbtnbg").hide(400);
$(".stopbtnbg").show(400);
});
$(".stopbtnbg").click(function() {
myVid.pause();
$(".stopbtnbg").hide(400);
$(".playbtnbg").show(400);
});
</script>
Made on
Tilda