将音量滑块连接到播放器

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

如果要访问 Howl 对象，您需要通过函数将其分配给一个变量 return。

我从未使用过 Howl，但我认为您不想使用那个 onend 处理程序。

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>

将音量滑块连接到播放器

connect volume slider to player

javascript

volume