連接音量滑塊到播放器

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>