Музыка на фоне Gamestores.ru

[7erGO]

Доброго времени суток.

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

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

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

Заходим в "Внешний вид", далее в "Продвинутая конфигурация". Там в поле 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, либо можете оставить их моего примера мелодию. Она на тему раста)

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

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

 

[HUZAKI]

Годно

 

[nikbalivis]

работает только тогда - когда жмешь кнопку выхода с профиля )

 

[crossfade]

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

 

[KotkinV]

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

В поле JavaScript

function setHalfVolume() {
    var myAudio = document.getElementById("audio1");
    myAudio.volume = 0.05;
    audio.autoplay = true;
}

 

[Rahat]

Спасибо большое