выберите плюс раскрывающийся список параметров для воспроизведения аудиофайлов - PullRequest
Новая
       5

выберите плюс раскрывающийся список параметров для воспроизведения аудиофайлов

0 голосов
/ 28 сентября 2018

Я хотел бы использовать раскрывающийся список опций выбора плюс для воспроизведения аудиофайлов.Я хотел бы избежать использования кнопки отправки в пользу простого использования javascript onmouseup.Код ниже должен работать, но отображать только выпадающий список и элементы управления звуком.Может кто-нибудь помочь, пожалуйста? 

<form onsubmit="return false;">

<select id="audio_select">
<option value="Happy_Birthday">Song #1</option>
<option value="My_Way">Song #2</option>
<option value="Satisfaction">Song #3</option>
</select> 
<button onmouseover="submitted_audio()">Submit</button>
</form>

<script>
function submitted_audio(){
link = document.getElementById("audio_select").value;
document.getElementById("audio_player").src = "audio/"+link+".ogg";
}
</script>

<audio controls><source id = "audio_player" type = "audio/ogg"></audio>

1 Ответ

0 голосов
/ 01 октября 2018

Вам нужно загрузить аудио 

<form onsubmit="return false;">

<select id="audio_select">
<option value="Happy_Birthday">Song #1</option>
<option value="My_Way">Song #2</option>
<option value="Satisfaction">Song #3</option>
</select> 
<button onmouseover="submitted_audio()">Submit</button>
</form>

<script>
function submitted_audio(){
link = document.getElementById("audio_select").value;
document.getElementById("audio_player").src = "audio/"+link+".ogg";
document.getElementById("audio").load();
}
</script>

<audio id="audio" controls><source id = "audio_player" type = "audio/ogg"></audio>
...