Перейти к содержанию
data4032

[Решено] Музыкальное сопровождение

Рекомендуемые сообщения

поставил на сайт код 

 

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>мой сайт</title>
 </head> 
 <body>
   <audio autoplay>
    <source src="audio/песня.mp3" type='audio/ogg; codecs=vorbis'>
    <source src="audio/песня.mp3" type="audio/mpeg">
   </audio>
 </body> 
</html>
 
мне нужно чтобы человек , заходящий на сайт , мог остановить в нужный момент проигрывание аудио или нажать кнопку выключить звук .....  как сделать ? что дописать ? 
и еще нужно чтобы переходя из категории в категорию и вообще просто обновляя страницу , песня не начиналась заново 
 
буду признателен кто знает 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Да , вставил красный текст , кому нужно пользуйтесь 

 

создайте папку audio в корне сайта - не забудьте 

 

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>ваш сайт</title>
 </head> 
 <body>
   <audio autoplay controls loop>
    <source src="audio/ваша песня.ogg" type='audio/ogg; codecs=vorbis'>
    <source src="audio/ваша песня.mp3" type="audio/mpeg">
   </audio>
 </body> 
</html>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Сейчас проверить нет возможности. Выведутся кнопки для остановки и запуска музыки так:

 

</head>
<body>

<source src="audio/ваша песня.ogg" type='audio/ogg; codecs=vorbis'>
<source src="audio/ваша песня.mp3" type="audio/mpeg">

<audio autoplay="autoplay" loop="loop" id="player">
<button onclick="document.getElementById('player').play()"><img src="images/....gif" alt="ЗВУК"</button>
<button onclick="document.getElementById('player').pause()"><img src="images/....gif" alt="БЕЗ ЗВУКА"</button>
<script>
document.getElementById("player").volume = 0.2;
</script>

</audio>
</body>
</html>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

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

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.