Форум

72ответ(ов) в теме
T-34
не в сети 7 месяцев
На сайте с 27.09.2020
Участник
Тем 2
Сообщения 39
1
10:30

Всем привет! Нужна помощь в реализации озвучки на сайте, а именно:
- возможность включения и выключения озвучки, с запоминанием на кукес ( по умолчанию выключено)
- проигрывание приветствия один раз в сутки, при первом посещении сайта
- озвучка конпок и ссылок
- озвучка кнопок главной страницы ( звук отличный от ссылок и др кнопок)
Спасибо!
Сайт:

Вы не можете просматривать опубликованные ссылки
Apocalypse
не в сети 4 часа
На сайте с 27.08.2018
Администратор
Тем 1
Сообщения 67
2
17:51

Могу сделать прототип

- возможность включения и выключения озвучки, с запоминанием на кукес ( по умолчанию выключено) - это легко
- озвучка кнопок и ссылок - тоже делается элементарно

Вопрос только теперь в том, как должна выглядеть эта выключалка и где должна располагаться?

T-34
не в сети 7 месяцев
На сайте с 27.09.2020
Участник
Тем 2
Сообщения 39
3
18:03

- У меня стоит уже Ваш скрипт смена стилей сайта на куки. Кнопки стилей в модальном окне (то же Ваше!), там же планирую разместить кнопку включения звуков.
- Важно, звук кнопок должен прекращать проигрываться, если в этот момент нажали на другую кнопку.

Ярослав Светлый
не в сети 5 месяцев
На сайте с 17.10.2018
Участник
4
22:00

T-34 сказал(а)
- Важно, звук кнопок должен прекращать проигрываться, если в этот момент нажали на другую кнопку.

Без проблем. Я так и планировал сделать

T-34 сказал(а)
там же планирую разместить кнопку включения звуков

Как именно вызвать на сайте это окно?

T-34
не в сети 7 месяцев
На сайте с 27.09.2020
Участник
Тем 2
Сообщения 39
5
11:23

Вот материал по которому сделаны модальноые окна:

Вы не можете просматривать опубликованные ссылки
T-34
не в сети 7 месяцев
На сайте с 27.09.2020
Участник
Тем 2
Сообщения 39
6
11:27

Не могу добавить свой код - форум не позволяет, сообщение с кодом не добавляются

Редакции сообщения
01.10.2020 11:29T-34Причина: не указано
T-34
не в сети 7 месяцев
На сайте с 27.09.2020
Участник
Тем 2
Сообщения 39
7
11:31

Вы не можете просматривать опубликованные ссылки
Apocalypse
не в сети 4 часа
На сайте с 27.08.2018
Администратор
Тем 1
Сообщения 67
8
15:57

T-34 сказал(а)
Не могу добавить свой код - форум не позволяет, сообщение с кодом не добавляются

Сменил группу. Теперь можешь использовать коды. Где на твоём сайте можно глянуть блок со сменой стилей?

Apocalypse
не в сети 4 часа
На сайте с 27.08.2018
Администратор
Тем 1
Сообщения 67
9
16:00

- озвучка конпок и ссылок
- озвучка кнопок главной страницы ( звук отличный от ссылок и др кнопок)

Кстати, озвучка при каком событии? Нажатие или наведение?

T-34
не в сети 7 месяцев
На сайте с 27.09.2020
Участник
Тем 2
Сообщения 39
10
23:11

Сменил группу. Теперь можешь использовать коды.

крутистя крутилка загрузки , при отправлении сообщения с кодом, но так и не докручивает(

T-34
не в сети 7 месяцев
На сайте с 27.09.2020
Участник
Тем 2
Сообщения 39
11
23:13

Apocalypse сказал(а)
Кстати, озвучка при каком событии? Нажатие или наведение?

Есть моменты и при наведении(в основном) и при нажатии

T-34
не в сети 7 месяцев
На сайте с 27.09.2020
Участник
Тем 2
Сообщения 39
12
23:18

Есть моменты и при наведении(в основном) и при нажатии

и так и так нужно.
Нужна стилизация сайта под игру, которому он посвещён. Графику я худо бедно перенёс. По желаниям пользователей, и по моему тож, нужна озвучка. Игра - Stronghold Crusader

Apocalypse
не в сети 4 часа
На сайте с 27.08.2018
Администратор
Тем 1
Сообщения 67
13
12:06

Вот накидал демку:

Вы не можете просматривать опубликованные ссылки
T-34
не в сети 7 месяцев
На сайте с 27.09.2020
Участник
Тем 2
Сообщения 39
14
14:31

Круть!
Звук по умолчанию выключен, но при нажатии на любую ссылку включается

Редакции сообщения
02.10.2020 14:39T-34Причина: опять код спрятал
02.10.2020 14:42T-34Причина: не указано
02.10.2020 14:46T-34Причина: не указано
02.10.2020 15:03T-34Причина: установил на сайт
Apocalypse
не в сети 4 часа
На сайте с 27.08.2018
Администратор
Тем 1
Сообщения 67
15
15:43

T-34 сказал(а)
Звук по умолчанию выключен, но при нажатии на любую ссылку включается

Звук по-умолчанию включен

T-34
не в сети 7 месяцев
На сайте с 27.09.2020
Участник
Тем 2
Сообщения 39
16
17:01

Не работает, пока не нажмёшь на любую ссылку(После нажатия на любую кнопку появляется озвучка)
Вот ещё что, можно так сделать? -
- нижние кнопки (блок2) всего 6 штук, при наведении и нажатии у каждой свой звук.
- средние кнопки (блок1) при наведении проигрывается 4 звука по очереди (по одному звуку на кнопку), при нажатии у всех 1 звук

Apocalypse
не в сети 4 часа
На сайте с 27.08.2018
Администратор
Тем 1
Сообщения 67
17
17:36

T-34 сказал(а)
Не работает, пока не нажмёшь на любую ссылку

Не на любую ссылку, а клик по странице. Это требование браузера - первичное взаимодействие со страницей должно быть осуществлено пользователем

T-34 сказал(а)
- нижние кнопки (блок2) всего 6 штук, при наведении и нажатии у каждой свой звук.

Можно будет так сделать

T-34 сказал(а)
- средние кнопки (блок1) при наведении проигрывается 4 звука по очереди (по одному звуку на кнопку), при нажатии у всех 1 звук

Да, и это можно сделать без проблем

T-34
не в сети 7 месяцев
На сайте с 27.09.2020
Участник
Тем 2
Сообщения 39
18
17:42

Apocalypse сказал(а)
Не на любую ссылку, а клик по странице. Это требование браузера - первичное взаимодействие со страницей должно быть осуществлено пользователем

Понял.

T-34 сказал(а)
- нижние кнопки (блок2) всего 6 штук, при наведении и нажатии у каждой свой звук.

Можно будет так сделать

Ну это я сам проклонирую, в скрипте.
Что б и при наведении и при нажатии, просто ссылку в два дива обернуть. Правильно я понимаю?
По умолчанию выключено, как сделать?
Как поставить картинки вместо текста "включить звуки" , "выключить звуки"?

Редакции сообщения
02.10.2020 17:44T-34Причина: не указано
02.10.2020 17:59T-34Причина: не указано
02.10.2020 18:00T-34Причина: не указано
Apocalypse
не в сети 4 часа
На сайте с 27.08.2018
Администратор
Тем 1
Сообщения 67
19
18:17

Короче, вот HTML:

<div class="block1">
  <a href="#" apoplaytester="//imapo.ru/sound/aporing1.ogg,//imapo.ru/sound/aporing2.ogg">Меню №1</a>
  <a href="#" apoplaytester="//imapo.ru/sound/aporing3.ogg,//imapo.ru/sound/aporing4.ogg">Меню №2</a>
  <a href="#" apoplaytester="//imapo.ru/sound/aporing5.ogg,//imapo.ru/sound/aporing6.ogg">Меню №3</a>
  <a href="#" apoplaytester="//imapo.ru/sound/aporing7.ogg,//imapo.ru/sound/aporing8.ogg">Меню №4</a>
  <a href="#" apoplaytester="//imapo.ru/sound/aporing9.ogg,//imapo.ru/sound/aporing10.ogg">Меню №5</a>
 <br> 
 <a href="#" apoplaytester="null,//imapo.ru/sound/aporing2.ogg">Только наведение</a>
  <br>
  <a href="#" apoplaytester="//imapo.ru/sound/aporing2.ogg,null">Только клик</a>
</div>

<br><br>

<div class="apomuteblock">
  <a href="#">Включить все звуки</a>
</div>

<audio id="apoaudio" autoplay="false" type="audio/mp3"></audio>

Вот JS:

<script>
$ = jQuery;

$(function() {
  $('*[apoplaytester]').each(function() {
    if($(this).attr('apoplaytester').split(',')[0] != null) {
      $(this).click(function() {
        aposoundsplay($(this).attr('apoplaytester').split(',')[0]);
      })
    }
    if($(this).attr('apoplaytester').split(',')[1] != null) {
      $(this).mouseover(function() {
        aposoundsplay(false, $(this).attr('apoplaytester').split(',')[1]);
      });
    };
  });
  
  // Если звук отключен
  if(localStorage.getItem('muted') == 1) {
    $('.apomuteblock a').attr('apoactive', 'true').html('Звуки выключены');
  };
  
  // Функция выключения звука
  $('.apomuteblock a').click(function() {
    if($(this).attr('apoactive')) {
      $(this).removeAttr('apoactive').html('Выключить все звуки');
      localStorage.removeItem('muted');
    } else {
      $(this).attr('apoactive', 'true').html('Звуки выключены');
      localStorage.setItem('muted', 1);
    };
  });
});

function aposoundsplay(a, b) {
  var audioblock = $('#apoaudio');
  if(localStorage.getItem('muted') != 1) {
    if(a != false) {
      audioblock.attr('src', a).play();
    };
    if(b != false) {
      audioblock.attr('src', b).play();
    };
  };
};
</script>

Использовать очень просто. Для любой ссылки добавляешь атрибут apoplaytester со ссылками на аудиофайлы. Пример:

<a href="#" apoplaytester="//imapo.ru/sound/aporing1.ogg,//imapo.ru/sound/aporing2.ogg">Меню №1</a>
Здесь первая ссылка на аудиофайл aporing7.ogg отвечает за звук клика а вторая ссылка после запятой - aporing8.ogg отвечает за звук при наведении

Если нужен звук только для наведения или только для клика, вот примеры:

<a href="#" apoplaytester="null,//imapo.ru/sound/aporing2.ogg">Только наведение</a>

<a href="#" apoplaytester="//imapo.ru/sound/aporing2.ogg,null">Только клик</a>

ДЕМО:

Вы не можете просматривать опубликованные ссылки
Редакции сообщения
02.10.2020 18:20ApocalypseПричина: не указано
02.10.2020 18:22ApocalypseПричина: не указано
02.10.2020 18:26ApocalypseПричина: не указано
02.10.2020 18:28ApocalypseПричина: Корректировка текста
T-34
не в сети 7 месяцев
На сайте с 27.09.2020
Участник
Тем 2
Сообщения 39
20
19:09

Класс!
Как сделать по умолчанию звуки выключены?
Как поставить картинки вместо надписей "вкл звуки" и "выключить звуки" ?
Ещё б проигрывание приветствия раз в сутки, так же завязанное на вкл откл звукового сопровождения.

Вы не имеете права на публикацию сообщений в этой теме