Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.10.2021, 15:35
Интересующийся
Отправить личное сообщение для Morris Посмотреть профиль Найти все сообщения от Morris
 
Регистрация: 09.04.2020
Сообщений: 29

Фоновый аудио плеер с 1 кнопкой.
Всем привет!
Собрал простенький код фонового аудиоплеера. Есть проблема, на каждый новый клик начинается новое воспроизведение, которое накладывается на прежний трек.
Нужно чтобы эта кнопка (Ок) работала в режиме пуск/пауза, или пуск /стоп.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script>
function sound() {
var audio = new Audio('https://moosic.my.mail.ru/file/f6aeb31a28ec8293ebd4a0af859106be.mp3'); 
audio.play();};
</script>
</head>
<body>
<input type="button" value="Ok" onclick="sound()" >
</body>
</html>

Последний раз редактировалось Morris, 11.10.2021 в 16:23.
Ответить с цитированием
  #2 (permalink)  
Старый 11.10.2021, 17:24
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,062

Morris,
var audio = new Audio('...');
function sound() {
audio.paused ?  audio.play()  : audio.pause()
};
Ответить с цитированием
  #3 (permalink)  
Старый 11.10.2021, 17:56
Интересующийся
Отправить личное сообщение для Morris Посмотреть профиль Найти все сообщения от Morris
 
Регистрация: 09.04.2020
Сообщений: 29

Ну да, именно так и нужно) спасибо!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script>var audio = new Audio('https://moosic.my.mail.ru/file/f6aeb31a28ec8293ebd4a0af859106be.mp3');
function sound() {
audio.paused ?  audio.play()  : audio.pause()
};
 
</script>
</head>
<body>
<input type="button" value="Ok" onclick="sound()" >
</body>
</html>

Последний раз редактировалось Morris, 11.10.2021 в 18:04.
Ответить с цитированием
  #4 (permalink)  
Старый 15.10.2021, 19:46
Интересующийся
Отправить личное сообщение для Morris Посмотреть профиль Найти все сообщения от Morris
 
Регистрация: 09.04.2020
Сообщений: 29

На смартфоне не работает. Как сделать чтобы также работала на Андроиде ?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как встроить в HTML стандартный FalshPlayer плеер для проигрывания аудио? Почемучкин Flash 15 11.11.2012 18:43
jquery аудио плеер: плейлист не отображается в firefox roy-aron jQuery 0 27.06.2012 16:20
Mp3 плеер на JavaScript/Flash krisstail Работа 1 26.05.2012 02:00
Проблема при воспроизведении аудио при использовании jplayer nemish Events/DOM/Window 0 01.12.2011 14:15
скрыть плеер за надписью Ageles Работа 0 25.10.2010 15:51