Задать вопрос
@TheStrangeWind
javascript

Как с помощью JavaScript воспроизвести звук каждые Х секунд?

Ситуация такая:
Нужно, чтобы звук воспроизводился каждые несколько секунд определённое число раз.

Попробовал сделать так (и ещё двумя способами):

JavaScipt:
var audioPlayer = document.getElementById("player");
var audioPlayCount = parseInt(document.one.numberO.value);
var audioSeconds = parseInt(document.one.intervalO.value);

var start = function()
{
    audioPlayer.play();
};

var out = function()
{
    if(!audioPlayCount || !audioSeconds || audioSeconds < 5 )
    {
        alert("Введены некорректные данные");
        return;
    }

    for(var i = 0; i < audioPlayCount; i++)
    {
        setTimeout(start, 1000 * audioSeconds);
    }
};


и HTML:
<form name="one">
	Количество запусков: <br />
	<input type="text" name="numberO"><br />
	<br />
	Интервал между звуками (в секундах, не меньше 5-ти): <br />
	<input type="text" name="intervalO">
</form>	
<audio id="player" src="one.mp3"></audio>	
<div>	
    <button onclick="out();">Пуск</button>
    <button onclick="document.getElementById('player').pause()">||</button>
	<br>
	<br>
    <button onclick="document.getElementById('player').volume+=0.1"> +</button>
    <button onclick="document.getElementById('player').volume-=0.1"> -</button>
</div>


Но не сработало. Помогите новичку в JavaScript.
Как можно реализовать задачу?
  • Вопрос задан
  • 3266 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 2
batChar
@batChar
Сам в JS не силен, но вот сделал рабочий пример:
<html>
	
	<body>
		<script type="text/javascript">
			var AudioClass = function(audio_player){
				var self = this;
				
				self.audioPlayer = document.getElementById(audio_player);

				self.audioPlayer.volume = 0.5;
				self.Play = function(){
					self.audioPlayer.play();
				}

				self.Volume = function(val){
					self.audioPlayer.volume += val;
				}

				self.Pause = function(){
					self.audioPlayer.pause();
				}

				self.playCount = 1;
				self.playInterval = 0;

				self.intervalId = -1;

				self.PlayCicle = function(){
					var _playInterval = parseInt(self.playInterval);
					var _playCount = parseInt(self.playCount);
					
					if(isNaN(_playCount))
						_playCount = 1;
					if(isNaN(_playInterval))
						_playInterval = 0;
					console.log(_playInterval, _playCount);
					if(self.intervalId != -1){
						clearInterval(self.intervalId);
					}

					self.Play();
					_playCount -= 1;

					if(_playCount == 0) return;

					self.intervalId = setInterval(function(){
						console.log(_playCount); 
						if(_playCount <= 0 ){
							clearInterval(self.intervalId);
							return;
						} 
						_playCount -= 1; 
						self.Play();
					}, _playInterval*1000);
				}

			}	
		</script>

		<form name="one">
			Количество запусков: <br />
			<input type="text" name="numberO" id="number0" ><br />
			<br />
			Интервал между звуками (в секундах, не меньше 5-ти): <br />
			<input type="text" id="interval0" name="intervalO" >
		</form>	
		<audio id="player" src="one.mp3"></audio>	
		<div>	
		    <button onclick="play();">Пуск</button>
		    <button onclick="pause();">||</button>
			<br>
			<br>
		    <button onclick="volume_plus();"> +</button>
		    <button onclick="volume_minus();"> -</button>
		</div>



		<script>
			var Audio = new AudioClass('player');
			

			function play(){
				Audio.playCount = document.getElementById('number0').value;
				Audio.playInterval = document.getElementById('interval0').value;

				Audio.PlayCicle();
			}

			function pause(){
				Audio.Pause();
			}

			function volume_plus(){
				Audio.Volume(0.1);
			}

			function volume_minus(){
				Audio.Volume(-0.1);
			}

		</script>
		

	</body>
</html>
Ответ написан
Комментировать
Комментировать
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
jsfiddle.net/gdqzwzpp/1

Ваши основные ошибки:

Неверное определение значений полей
Нужно определять значения полей с количеством запусков и интервалом в момент клика на кнопке. А у вас они постоянно равны NaN.

Неверная работа с отложенным запуском
Все вызовы play() вы поместили в одну кучу, не используя переменную цикла.

Ну и перестаньте уже работать с инлайн-атрибутами событий. Это — очень плохой подход.
Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать одностраничный сайт , на сайте будет описание проекта
05 нояб. 2024, в 22:00
5000 руб./за проект
Подправить функционал веб-проекта на laravel (backend)
05 нояб. 2024, в 21:43
4500 руб./за проект
Синтезатор частоты
05 нояб. 2024, в 21:16
100000 руб./за проект
Ещё заказы