css анимация звука

218
26 марта 2018, 23:21

Привет ребята ! Хотел бы узнать вашего совета, я вроде не совсем отбитый но никак не могу понять как на эту анимацию иконки http://nisnom.com/veb-razrabotki/krasivaya-animatsiya.. возможно наложить на кнопку стоп и кнопку воспроизведения ? у меня стоит авто воспроизведение музыки при входе на сайт выглядит вот так

Пауза Воспроизведение

и все работает. но никак не могу установить что бы при анимации музыка ставилась на паузу а затем по нажатию опять воспроизводилась.

если кому не трудно прошу можно пример скинуть ?

Answer 1
<audio id="player" autoplay="autoplay loop" type="audio/mp3" volume="1000">
<source src="BossLife.mp3">
</audio>
<div>
<button onclick="document.getElementById('player').pause()">Пауза</button>
<button onclick="document.getElementById('player').play()">Воспроизведение</button>
</div>
READ ALSO
как изменить ширину столбца в datatables
CSS

как изменить ширину столбца в datatables

как изменить ширину столбца в datatables? Он как-то автоматически подгоняется, а мне нужно задать ему фиксированную ширинуПробовал уже всё: и через...

 237
верстка 6-угольников
CSS

верстка 6-угольников

 211
Размещение карт-google со своей информацией
CSS

Размещение карт-google со своей информацией

Можно ли добавить гугл карты к себе на сайт и прикрепить к ним блок со своей информацией?

 210
Стилизация progress линии у input range
CSS

Стилизация progress линии у input range

Здравствуйте! Столкнулся с проблемой стилизации полосы прогресса у input range

 596