<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>
@media (max-width: 500px) {
img {
display: none;
}
}
@media (min-width:900px) and (max-width:1300px) {
.need-hide{
display:none;
}
}
