连接音量滑块到播放器

Question

我用howler.js运行播放器并尝试连接我无法工作的音量滑块。任何帮助表示赞赏

这是我

<script> 
function createHowl() { 
var number = Math.floor((Math.random() * 14) + 1); 
return new Howl({ 
     src:  ['audio/' + number + '.wav'], 
     autoplay: false, 
     loop:  false, 
     volume: 1.0, 
     onend: function() {createHowl().play()} 
    }); 
} 

createHowl().play(); 

</script> 
<input type="range" min="0" max="1" value="0" step="0.1"  onchange="showValue(this.value)" /> 
<span id="range">0</span> 
<script type="text/javascript"> 
function showValue(newValue) 
{ 
document.getElementById("range").innerHTML=newValue; 
createHowl.volume(newValue); 
} 
</script> 

感谢

Answer 1

你需要，如果你想获得它通过你的函数嚎叫对象返回分配给一个变量。

我从来没有使用过哈尔，但我不认为你想要使用那个处理程序。

https://jsfiddle.net/denov/ct32a3fd/1/

<script> 

function createHowl() { 
    var number = Math.floor((Math.random() * 14) + 1); 
    return new Howl({ 
     src:  ['audio/' + number + '.wav'], 
     autoplay: false, 
     loop:  false, 
     volume: 1.0 
    }); 
} 

function showValue(newValue) { 
    document.getElementById('range').innerHTML=newValue; 
    howl.volume(newValue); 
} 

var howl = createHowl(); 
howl.play(); 

</script> 
<input type="range" min="0" max="1" value="0" step="0.1" onchange="showValue(this.value)" oninput="showValue(this.value)"/> 
<span id="range">0</span>