Плавное изменение volume у audio - JavaScript

JavaScript

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Рейтинг 4.60/15:

@Kraken73 105 / 93 / 50 Регистрация: 17.09.2015 Сообщений: 612

	Плавное изменение volume у audio 30.12.2016, 13:41. Показов 3154. Ответов 1 Метки нет (Все метки) Собственно вопрос в названии. Стандартные animate, transition не работают 0

Лучшие ответы (1)

Сообщение: #10135243

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

30.12.2016, 13:41

Ответы с готовыми решениями:

Изменение фона - плавное изменение цвета
Не фурычит плавное изменение цвета... Если переменные r g b через рандом то всё работает отлично <html> <head>...

Плавное изменение цвета
плавно менять высоту или ширину блока это понятно , но как сделать например плавное изменение цвета с зеленого в красный и тд? у меня на...

Плавное изменение цвета
как сделать чтобы текст плавно переливался к примеру с зеленого в красный? Добавлено через 13 минут забыл сказать - чтобы менялись...

Опан

Юзер с абсолютным слухом

709 / 489 / 195

Регистрация: 17.12.2010

Сообщений: 1,428

20.02.2017, 17:11

Сообщение было отмечено Kraken73 как решение

Решение

HTML5
1
<audio id=audio src="sound.mp3" autoplay></audio>

JavaScript
1
2
3
4
5
6
7
<script>
audio.volume=0;
var myinterval = setInterval(function(){
    audio.volume += 0.01;
    if(audio.volume == 1)clearInterval(myinterval);
},100);
</script>

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

20.02.2017, 17:11

Помогаю со студенческими работами здесь

Плавное изменение цвета
Все привет интересует вопрос, как можно сделать плавным действия в скрипте. Пытался через css но не получилось Не знал в какую тему...

Плавное изменение текста и цвета
Есть 2 кнопки, надо чтобы при нажатии на 1 становился зелёный текст "Work", а на 2 красный "Stoped". Как цвет и текст изменить я...

Плавное изменение свойства к аргументу
Добрый день. Я с++ изучал и в яваскрипте мне очень не хватает чего-то типа Sleep. Помогите написать функцию, которая принимает аргумент ид...

Динамическое изменение громкости. Элемент <audio>
Во первых невозможно просмотреть установленное значение var audio = document.getElementById("audio1"); audio.autoplay =...

Плавное изменение положения ползунка
Доброй ночи! Такая вот задача, не знаю как решить. Использую vertical slider из jquery ui, мне нужно по нажатию кнопки плавно переместить...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .

Наверх