Хостинг игровых серверов

7erGO

Прохожий
7 Фев 2018
75
53
28
https://vk.com/rustanydev
vk.com
Доброго времени суток.

Опыта в данной сфере не много, так как только начинаю, поэтому строго не судите.
Меньше слов, больше дела.
Сейчас я покажу как можно установить виджет, если так можно выразиться, чтобы на фоне Вашего донат-магазина стояла музыка.

Ранее на этом форуме уже была подобная тема, но не была реализована несколько моментов. Самое главное что отсутствовало в старой теме, так это регулирование громкости. Согласитель, зайти на сайт, где есть музыка на фоне, и обосра@ться от внезапной громкости нет желания :D

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

Заходим в "Внешний вид", далее в "Продвинутая конфигурация". Там в поле CSS вводим данный код:
Код:
audio {
    width: 265px;
    height: 95px;
    padding: 20px;
    background: #30303073;
}

где background: #30303073 будет отвечать за цвет фона самого блока, внутри которого стоит mp3 плеер. По поводу width, height и padding думаю не стоит объяснить, итак всё понятно. Также можно скрыть этот блок добавив строчку opacity: 0 добавив в любое место между открытием ( { ) и закрытием ( } ) кода. Но тогда музыку не смогут выключить посетите, поэтому я бы не стал скрывать её.

Далее, в этом же разделе, в поле JavaScript вводим следующий код:
Код:
function setHalfVolume() {
    var myAudio = document.getElementById("audio1"); 
    myAudio.volume = 0.05;
}

где myAudio.volume = 0.05 отвечат за уровень громкости на котором будет воспроизводиться музыка. Для меня достаточно и 0.05, значения выставлять от 0.01 до 1. 0.01 равен 1% громкости, 1 равен 100%

Далее осталось дело за малым, добавить сам виджет на сайт. Тут идём в "внешний вид" и там в "виджеты". Нажимаем "Добавить виджет", выбираем "пользовательский виджет" и вставляем код:
Код:
<audio controls="controls" autoplay="autoplay" loop="loop" id="audio1" allowtransparency="true" onloadeddata="setHalfVolume()" >
    <source src="http://d.zaix.ru/fbTe.mp3"  type="audio/mp3">
</audio>

где <source src="http://d.zaix.ru/fbTe.mp3" отвечает за путь к музыке. Для хостинга музыки можно использовать этот же домен d.zaix.ru, либо можете оставить их моего примера мелодию. Она на тему раста)

На этом всё. Теперь у Вас есть музыка на фоне сайта и в придачу не будет долбить неожиданно по колонкам)

Спасибо за внимание)
 

nikbalivis

Прохожий
8 Фев 2019
13
53
28
работает только тогда - когда жмешь кнопку выхода с профиля )
 

crossfade

Новичек
10 Май 2020
5
0
у меня не играет автоматически, делал все по шагам...только при нажатии на плей