2017-01-27 5 views
2

В настоящее время я заканчиваю окончательный проект. Это простая форма, но я хотел разжечь ее звуками. Я выбрал тему, и это Сородичи из LoL. Меня попросили мои товарищи и подкреплены моим учителем, чтобы попытаться добавить звук, когда текстовое поле достигнет своего предела. Тем не менее, я занимаюсь этим несколько месяцев, я не шучу. Не могли бы вы помочь?Добавление звука .wav, когда maxlength достигает его предела?

function NoMoreWords() { 
    //var x = document.getElementById("message").maxLength; 
    var x = document.getElementById("message").maxLength = "<embed src='sounds/Kindred_nomorewords.wav' autostart=true loop=true volume=50 hidden=true>"; 
    document.getElementById("embed").innerHTML = x; 
<p> 
    <form action="" method="post"> 
    <textarea type="text" name="message" id="message" placeholder="All things end..." maxlength="10" size="50" rows="10"></textarea> 
    </form> 
</p> 

Я могу опубликовать полный код для вас, чтобы попробовать, я очень признателен за любую помощь, которую я могу получить.

+0

Вы можете вызвать функцию, когда вы достигнете значения maxLength. А затем с помощью html5 Audio() вы можете воспроизводить звук. Вам нужен полный пример? –

+0

Ваш код кажется действительно неполным. Ваша функция JS не заканчивается, и вы не закрываете «форму» в любом месте. Кроме того, я не думаю, что это хорошая практика, чтобы обернуть элемент 'form' тегами' p'. – Ionut

ответ

2

Я предполагаю, что ограничение на текстовое поле равно 50. Это функция javascript, которую вы вызываете каждый раз, когда нажата клавиша в текстовом поле. Когда длина станет больше 50, музыка будет воспроизводиться. Просто назначьте относительный адрес в your/url/here.

<input type="text" id="a" onkeypress="music()" /> 
<script> 
function music() { 
      var a=document.getElementById("a").value.length; 
      if (a > 50) { 
       new Audio('your/url/here').play() 
      } 
     } 
</script>