Question

我正在使用audio.js库来处理我正在进行的项目，并且我很难实现音量控制器。我曾尝试联系构建该库的开发人员，但未能与他联系。我使用jQuery UI构建了一个音量滑块，我现在尝试使用.setVolume函数将滑块的值解析为我实例中的所有玩家。我不能让它工作。这是我的代码：

audiojs.events.ready(function() {

    var audio = audiojs.createAll(),
        slider = $('#slider');

    tooltip.hide();

    slider.slider({
        range: 'min',
        min: 1,
        value: 35,

        start: function(event,ui) {
            // Start
        },

        slide: function(event, ui) {

            var value = slider.slider('value');

            // Slide

        },

        stop: function(event,ui) {
            // Stop
        },

        change: function(event,ui) {
            audio.setVolume(ui.value / 100);
        },

    });

});

Answer 1

audiojs.createAll()创建一个数组，因此变量audio是一个数组。如果你使用的是一个音频js播放器，那么声明：var audio = audio[0];这应该可行。如果您使用的是多个，那么您将需要执行for循环或使用索引号调用音频js播放器，例如audio[0].setVolume(ui.value / 100);。

Answer 2

不使用audio.js库，您只需使用HTML5音频元素的volume属性即可。

为此，您可以使用以下行。

var myAudio = document.getElementById('myAudio');
myAudio.volume = 0.32;

Volume 1.0最高，0.0是最低音量。

Audio.js HTML5音量控制

2 个答案: