0

我正在将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);
        },

    });

});
4

2 回答 2

1

在不使用audio.js库的情况下,您只需使用volumeHTML5 的音频元素的属性即可。

为此,您可以使用以下几行。

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

其中音量 1.0 最高,0.0 为最低音量。

于 2017-11-14T11:28:25.853 回答
0

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

于 2013-10-11T19:44:38.773 回答